@charset "UTF-8";

input[type="text"]:read-only, textarea:read-only {
  background-color: #ebebeb; padding:0.4rem
}

button:focus-visible {outline:2px dotted #ff5722;}
a.button:focus-visible {outline:2px dotted #ff5722;}

.none {
	position: absolute;
	top: -999em;
	width: 0;
	height: 0;
	font-size: 1px;
	line-height: 0;
	overflow: hidden;
}
.mb20 {margin-bottom:20px !important;}

.tab_depth04 >ul >li >a, .nav > li {background:#f8f8f8; color:#222; }
.tab_depth04 >ul >li >a.on, .tab_depth04 >ul >li >a:hover, .tab_depth04 >ul >li >a:focus {background-color: #0070bc; color: #fff;}
.tab_depth04 >ul >li >a.on span, .tab_depth04 >ul >li >a span:hover {text-decoration: underline;}
    
#conts h4 {word-break: break-all; font-size: 1.8rem;font-weight:600;margin: 1rem 0 1.6rem 0; padding-left:10px;}
#conts h4:before {content: '';width:3px;height:15px; background: #888;top:6px;}
#conts .step h4:before {display:none;}

.nav-busi li{    width: calc(100% / 5);}


/* 지방공기업 */
.district_box {width:100%; height:500px; margin-top:30px; padding-top:195px; background:url(../images/sub/district_back.png) no-repeat center top;}
.district_inner {width:95%; margin:0 auto; padding:20px 50px 50px; background-color:#ebf1ff; border-radius:20px; text-align:center;}
.district_txt {margin:0 0 20px;}
.district_box .t_title {margin:30px 0 15px 0; padding-left:12px; font-size:2.2rem; font-weight:600; word-break:break-all;}
.district_btnbox {text-align:center;}

/*스크롤*/
.tbl-respon {display:none; margin-bottom:4px;}
.tbl-respon p {position:relative; display:table-cell; padding-left:30px; vertical-align:middle;}
.tbl-respon p:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:26px; height:20px; background:url(../images/sub/arrow_ir.png) -56px 0 no-repeat;}

@media screen and (max-width:767px) {
	.tbl-respon {display:table;}
	.tbl-box {overflow-x:scroll; width:100%;}
	.tbl-box .tbl {width:768px !important;;}/*스크롤 사용시 테이블 사이즈 고정*/
}

/*************************************
	Table
**************************************/
.inbox td,
.inbox th {padding:0.5rem 1rem !important; font-size:1.6rem;}
.inbox .sum{background:#f8f9fb;}

/* table */
table {width:100%; border-top:2px solid #5f7082;}
table th, table td { border-bottom:1px solid #dadde0; padding:13px 0}
table thead th{border-bottom:1px solid #aebfd2; background:#e9f3fd; font-weight:normal; color:#333; text-align:center;}
table tbody th {background:#f8fbfe; color:#333; border-bottom:1px solid #c1d0e0; text-align:center}
table tbody tr:last-child th, table tbody tr:last-child td, table tbody th.btLine,
table tbody td.btLine, .btline {border-bottom:1px solid #5f7082  !important;}
table td {padding-right:1em; padding-left:1em;}
table th.center, table td.center {padding-right:1em; padding-left:1em; text-align:center;}
table.center th, table.center td {padding-right:0.3em !important; padding-left:0.3em !important; text-align:center !important;}
table.border th, table.border td {border-right:1px solid #dadde0; border-left:1px solid #dadde0; letter-spacing:-0.9px}
table.border2{border:1px solid #dadde0;}
table.border2 th, table.border2 td {border-left:1px solid #dadde0;}
table.border2 th:first-child, table.border2 td:first-child {border-left:0; border-top:0;}
table.border2 tr:last-child td, table.border2 tr:last-child th{border-bottom:0 !important;}
table.border td.vtop {vertical-align:top;}
table.border td.left {text-align:left !important;}
table.left th{text-align:left;}
table .last{border-bottom: 1px solid #8f8f8f !important;}
td.bgGray {background-color:#f9f9f9;}
.bgGreen th, .bgGreen td{background:#edfbf5;}
#conts .orgBr1 li a:after {display:none !important;}
#conts .orgBr2 li a:after {display:none !important;}


/*************************************
	Calendar Table
**************************************/
.calendar_box {}
.calendar_box:after {content:''; display:block; visibility:hidden; clear:both;}

.calendar_box .cal_ctrlbox {position:relative; margin-top:60px; margin-bottom:30px;}
.cal_ctrlbox .cal_year {font-family:'GSK'; font-size:3.4rem; font-weight:400; line-height:1.2; color:#121212; text-align:center;}
.cal_ctrlbox .cal_btnset {position:absolute; top:50%; margin-top:-24px;}
.cal_ctrlbox .cal_btnset button {display:block; width:40px; height:40px; background-image:url(./../img/common/img_calbtn_ir.png); background-repeat:no-repeat;}
.cal_ctrlbox .cal_btnset.cal_btn_pre {left:0;}
.cal_ctrlbox .cal_btnset.cal_btn_pre button {background-position:0 0;}
.cal_ctrlbox .cal_btnset.cal_btn_pre button:hover,
.cal_ctrlbox .cal_btnset.cal_btn_pre button:active,
.cal_ctrlbox .cal_btnset.cal_btn_pre button:focus {background-position:0 -40px;}
.cal_ctrlbox .cal_btnset.cal_btn_next {right:0;}
.cal_ctrlbox .cal_btnset.cal_btn_next button{background-position:-40px 0;}
.cal_ctrlbox .cal_btnset.cal_btn_next button:hover,
.cal_ctrlbox .cal_btnset.cal_btn_next button:active,
.cal_ctrlbox .cal_btnset.cal_btn_next button:focus {background-position:-40px -40px;}

.calendar_box .cal_cont {}
.calendar_box .cal_cont:after {content:''; display:block; visibility:hidden; clear:both;}

.cal_viewbox {}
.cal_viewbox:after {content:''; display:block; visibility:hidden; clear:both;}
.cal_view_tit {margin:40px 0 10px; padding:10px 0 5px; text-align:center; background-color:#0054a2;}
.cal_view_tit h3 {margin:0; font-family:'GSK'; font-size:2.4rem; font-weight:400; color:#fff;}

.cal_viewlist {}
.cal_viewlist > li {display:table; margin-top:10px; width:100%; border:1px solid #ddd; box-sizing:border-box;}
.cal_viewlist > li .cal_viewinner {position:relative; display:table-cell; padding:2% 100px 2% 2%; width:100%; height:100px; vertical-align:middle;}
.cal_viewlist > li .cal_viewinner.no_schedule {padding:2%;text-align:center;}
.cal_viewlist > li .cal_viewinner.no_schedule .tit {border:none; padding:0; margin:0;}
.cal_viewlist > li .cal_viewinner .cal_state {position:absolute; right:20px; top:50%; margin-top:-40px; padding-top:63px; width:60px; height:80px; text-align:center; line-height:1.2;}
.cal_viewlist > li .cal_viewinner .cal_state:after {content:''; display:block; position:absolute; left:0; top:0; width:60px; height:60px; border-radius:50%; background-image:url(/u/storyCms/bbs/images/img_cal_state.png); background-repeat:no-repeat;}
.cal_viewlist > li .cal_viewinner .cal_state.ought:after {background-color:#e8f1f9; background-position:0 0;}
.cal_viewlist > li .cal_viewinner .cal_state.compl:after {background-color:#ddd; background-position:0 -60px;}
.cal_viewlist > li .cal_viewinner .tit {display:block; padding-left:10px; padding-bottom:5px; margin-bottom:5px; font-size:2.0rem; font-weight:400; color:#333; border-bottom:1px dashed #e2e2e2;}
.cal_viewlist > li .cal_viewinner p {margin:0;}
.cal_viewlist > li .cal_viewinner .item {position:relative; display:inline-block; margin-left:14px; padding-left:8px; font-weight:400; color:#666;}
.cal_viewlist > li .cal_viewinner .item:before {content:''; position:absolute; left:0; top:13px; display:block; width:3px; height:3px; background-color:#555;}
.cal_viewlist > li .cal_viewinner .item b {position:relative; display:inline-block; font-weight:400;}
.cal_viewlist > li .cal_viewinner .item b.time {color:#0058bb;}

/*calendar-list*/
.tbl_cal_list {border-collapse:separate; table-layout:fixed; margin-bottom:10px; width:100%; line-height:1.4; border-style:solid; border-width:3px 0 0 0; border-color:#ddd; border-top-color:#0054a2;}
.tbl_cal_list thead th {padding:1% 0 1.8%; font-family:'GSK'; font-size:1.8rem; font-weight:400; color:#121212; text-align:center; border-bottom:1px solid #d5d5d5;}
.tbl_cal_list thead th .day_txt {font-size:1.4rem;}
.tbl_cal_list tbody td {position:relative; height:90px; padding:0; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; font-size:1.4rem; vertical-align:top; background-color:#fff;}
.tbl_cal_list tbody td:first-child {border-left:1px solid #d5d5d5;}

.tbl_cal_list tbody td span {position:relative; display:block; height:100%; padding:10px; text-align:right;}
.tbl_cal_list tbody td span.sun, .tbl_cal_list tbody td span.holiday {padding:10px; color:#ed1d1d;}
.tbl_cal_list tbody td span.sat {padding:10px; color:#0073e9;}
.tbl_cal_list tbody td span.no_day {position:relative; display:block; height:100%; padding:10px; background-color:#fbfbfb; color:#999;}

.tbl_cal_list tbody td .cntDiv {position:absolute; bottom:10px; left:10px;}

.tbl_cal_list tbody td .day:hover,
.tbl_cal_list tbody td .day:active,
.tbl_cal_list tbody td .day:focus {background-color:#f7fbff;}
.tbl_cal_list tbody td .day:hover:after,
.tbl_cal_list tbody td .day:active:after,
.tbl_cal_list tbody td .day:focus:after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid #0054a2; box-sizing:border-box;}

.tbl_cal_list tbody td .day .day_schedule_box {padding:50px 5% 0;}
.tbl_cal_list tbody td .day .day_schedule_box li {overflow:hidden; display:inline-block; width:98%; line-height:1.2; white-space: nowrap; color:#666; text-overflow: ellipsis;}
.tbl_cal_list tbody td .day .day_schedule_box li:before {content:''; display:inline-block; vertical-align:middle; margin:-2px 3px 0 0; width:3px; height:3px; background:#0073e9;}


@media all and (max-width:1024px) {
	/*.inbox th {font-size:.95rem; }*/
}

#conts .grid {display:block; margin:0 -10px; overflow:hidden;}
#conts .grid .col {float:left; box-sizing:border-box; padding:0 10px; }
#conts .grid.col-2 .col {width:50%;}

#conts .tbl-box {position:relative; border-top:1px solid #293f50;}
#conts .tbl-box caption {position:absolute; top:-999px; z-index:-999; opacity:0;}

#conts .tbl {position:relative; width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0; z-index:0;}
#conts .tbl.Thead{border-top: 1px solid #ddd;}

#conts .tbl_guide + .tbl.Thead {border-top:1px solid #293f50;}

#conts .tbl td,
#conts .tbl th {position:relative; padding:1.2rem 1.5rem; border:1px solid #c5c9d6; border-left-width:0; border-right-width:0; border-top-width:0; vertical-align:middle; word-wrap: break-word; line-height:1.5;}
#conts .tbl tr * + * {border-left-width:1px;}
#conts .tbl th {vertical-align:middle; font-weight:600; text-align:center; color: #10293b; background: #f0f2f6; font-size: 1em;}
#conts .tbl th:first-child { border-left: 0;}
#conts .tbl thead th.bo-left { border-left: 1px solid #c5c9d6;}
#conts .tbl tbody th.bo-left { border-left: 1px solid #c5c9d6;}
#conts .tbl td {font-size:1.5rem; color:#555555;}
#conts .tbl td.txtR{text-align:right;}
#conts .tbl thead + tbody th {background:#fff !important; color: #555;}
#conts .tbl tbody th {font-weight:400; color:#333; }
#conts .tbl tbody td,
#conts .tbl tbody th {color:#333;}
#conts .tbl tfoot th {font-weight:400; color:#333 !important; background:#f0f2f6 !important; border-color: #ddd; }
#conts .tbl tfoot td {font-weight:600;}
#conts .tbl td p { font-size: 1.5rem; }

#conts .tbl.open-data td,
#conts .tbl.open-data th {padding:.5rem 1rem; font-size:1.4rem;}

#conts .tbl .bo-left {border-left-width:1px !important;}
#conts .tbl .bo-right {border-right-width:1px !important;}
#conts .tbl .bo-bottom {border-bottom-width:1px !important;}
#conts .tbl .bo-top {border-top-width:1px !important;}

#conts .tbl .bo-left2 {border-left-width:2px !important;}
#conts .tbl .bo-right2 {border-right-width:2px !important;}
#conts .tbl .bo-bottom2 {border-bottom-width:2px !important;}
#conts .tbl .bo-top2 {border-top:2px solid #c3c3c4 !important;}

#conts .tbl .feat td,
#conts .tbl .feat th {padding:1.2rem 1.5rem;}

#conts table table.inner {position:relative; width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0; z-index:0; border:1px solid #cbd0d8; margin:1rem 0 0;}
#conts table table.inner td,
#conts table table.inner th {position:relative; padding:.7rem; border-left-width:0; border-right-width:0; border-top-width:0; border-bottom-width:0; vertical-align:middle; border-color: #cbd0d8 !important;}
#conts table table.inner tr * + * {border-left-width:1px;}
#conts table table.inner th {vertical-align:middle; font-weight:600; background: #f2f5f9 !important; text-align:center; color: #333 !important; font-size: 1.5rem; border-bottom: 1px solid #333;}
#conts table table.inner th:first-child,
#conts table table.inner td:first-child { border-left: 0 solid #1257b5;}
#conts table table.inner td {font-size:1.5rem;}
#conts table table.inner tbody td {border-bottom-width:1px;}
#conts table table.inner tbody tr:last-child th, #conts table table.inner tbody tr:last-child td {border-bottom-width:0;}

.td_st01 { background: #f2f5f9; }

.tbl-respon > .guide {display:none;}

.fit .tbl th,.fit .tbl td { padding: 1rem .5rem !important; }
.ico_con .tbl th,
.ico_con .tbl td { padding: 1rem .5rem !important; }

#conts .tbl.frm tbody th {font-weight:600;}
#conts .tbl.frm em {font-weight:600;}
#conts .tbl.frm .file-list .btn {background:#333; font-size:15px; color:#ffffff; min-width:0 !important; margin:0 0 0 10px !important;}
#conts .tbl.frm .file-list .btn.small {line-height:33px; height:35px;}

/* PC화면에서 내용이 많아서 스크롤이 필요할 경우*/
#conts .tbl-respon.over .tbl-box {overflow:auto;}
#conts .tbl-respon.over .tbl-box .tbl {width:1600px;}
#conts .tbl-respon.over .guide {display:block;}

@media all and (max-width:1024px) {
	#conts .tbl td,
	#conts .tbl th {padding: .7rem;}

	#conts .tbl.open-data,
	#conts .tbl.open-data tr,
	#conts .tbl.open-data th,
	#conts .tbl.open-data td,
	#conts .tbl.open-data tbody {display:block;}
	#conts .tbl.open-data thead {display:none;}

	#conts .tbl.open-data th {text-align:left; font-weight:600;}
	#conts .tbl.open-data th:before {content:"- ";}

	#conts .tbl.open-data tr {padding-bottom:1rem;}
	#conts .tbl.open-data td,
	#conts .tbl.open-data th {padding:.5rem 1rem; border:none;}
	#conts .tbl.open-data th {background:#333; color:#fff;}
	#conts .tbl.open-data td {border:none;}
	#conts .tbl.open-data td:before {content:"· 공표목록 : ";}
	#conts .tbl.open-data td + td:before {content:"· 공표항목 : ";}
	#conts .tbl.open-data td + td + td:before {content:"· 공표주기 : ";}
	#conts .tbl.open-data td + td + td + td:before {content:"· 공표시기 : ";}
	#conts .tbl.open-data td + td + td + td + td:before {display:none;}
	#conts .tbl.open-data td a {display:block; }

	#conts .tbl.frm tbody th {font-size:15px;}
}
@media all and (max-width:1000px) {
	#conts .tbl-respon .guide,
	#conts .tbl_wrap .tbl_guide {display:block; font-size:1.4rem; padding-bottom:.5em; letter-spacing:-.05em;}
	#conts .tbl-respon .guide:before,
	#conts .tbl_wrap .tbl_guide:before {content:"!"; margin-top: -1px; display:inline-block; vertical-align:middle; color:#fff; margin-right:.2em; background:#ffa800; border-radius:100%; width:1.7rem; height:1.7rem; line-height:1.8rem; text-align:center; font-weight:800;}
	#conts .tbl-respon .tbl-box {width:100%; overflow:auto;}
	#conts .tbl-respon .tbl-box table {width:1100px;}
}
@media all and (max-width: 768px) {

	#conts .tbl td,
	#conts table table.inner th,
	#conts table table.inner td {font-size:1.4rem;}

	.fit .tbl th,
	.fit .tbl td,
	.fit .tbl tbody th {font-size:1.4rem !important;}

	#conts .tbl-respon .guide,
	#conts .tbl_wrap .tbl_guide {font-size:1.3rem;}

	#conts .tbl.frm tbody th {font-size:14px;}
	#conts .tbl.frm tbody td {font-size:13px;}
	#conts .tbl.frm .file-list .btn.small {height:30px; line-height:28px;}

	#conts .tbl-respon .tbl-box table {width:900px;}
	#conts .tbl-respon .tbl-box table table {width:100%;}

	.ico_con .tbl th {font-size:1.4rem !important;}
	
	/* 테이블 공통 */
	.scrl_box {background:#fff; overflow-x:scroll; width:100%; position:relative; margin-top:0; padding:20px 0 0 0}
	.scrl_box:before{content:'좌우 스크롤 하시면 내용을 보실 수 있습니다.'; color:#999; position:absolute; left:0; top:0; font-size:12px; margin-bottom:10px;}
	.scrl_box table {width:768px;}
}
@media all and (max-width: 560px) {
	#conts .tbl td,
	#conts table table.inner th,
	#conts table table.inner td {font-size:1.4rem;}

	#conts .tbl-respon .guide,
	#conts .tbl_wrap .tbl_guide {font-size:1.2rem;}

	.fit .tbl th,
	.fit .tbl td,
	.fit .tbl tbody th {font-size:1.2rem !important;}

	#conts .tbl.frm,
	#conts .tbl.frm tbody,
	#conts .tbl.frm tr,
	#conts .tbl.frm th,
	#conts .tbl.frm td {display:block; position:relative; width:auto; border:none;}
	#conts .tbl.frm th {text-align:left;}
	#conts .tbl.frm td {padding-bottom:15px !important;}
	#conts .tbl.frm colgroup {display:none;}
	#conts .tbl.frm {border-bottom:1px solid #f0f2f6;}

}
@media all and (max-width: 375px) {
	#conts .tbl-respon .tbl-box table {width:800px;}

	.ico_con .tbl th {font-size:1.3rem !important;}
}

/*공공누리*/
.content-footer {width:100%; margin-top:50px; border-top:1px solid #333333; border-bottom:1px solid #333333; padding:25px 0 25px 46px;}
.content-footer .img-open {float:left;}
.content-footer .content-footer-comment {margin-left:83px; line-height:22px; float:left;}
.content-footer .path {background:#f6f6f6; padding:3px 8px; text-align:center; border-radius:3px; display:inline-block;}
.content-footer:after {clear:both; display:block; content:"" ;}

@media all and (max-width:1199px) {
.content-footer {width:100%; margin-top:50px; border-top:1px solid #333333; border-bottom:1px solid #333333; padding:25px 0;}
	.content-footer .img-open {clear:left !important; text-align:center; width:100%; padding-bottom:20px;}
	.content-footer .content-footer-comment {width:95%; margin-left:0px; margin-top:10px;line-height:22px;clear:both;}
	}
.clear {
    overflow: hidden;
}

/* numList */
ol.numList{list-style:none;margin-left:10px;padding:0 0 0 2.1em;text-align:left;}
ol.numList li{margin:.333em 0;}
ol.numList>li:before {display: inline-block; width: 1.333em; height: 1.333em; margin: 0 .5em 0 -2.1em; padding: 1px 2px 2px 1px; border-radius: 9999px; background: #00a53b; color: #fff; font-size: .929em;
    font-family: Verdana,Arial,sans-serif; line-height: 1.333; letter-spacing: -1px; text-align: center; vertical-align: middle;}
ol.numList>li:nth-child(1):before{content:'1'}
ol.numList>li:nth-child(2):before{content:'2'}
ol.numList>li:nth-child(3):before{content:'3'}
ol.numList>li:nth-child(4):before{content:'4'}
ol.numList>li:nth-child(5):before{content:'5'}
ol.numList>li:nth-child(6):before{content:'6'}
ol.numList>li:nth-child(7):before{content:'7'}
ol.numList>li:nth-child(8):before{content:'8'}
ol.numList>li:nth-child(9):before{content:'9'}
ol.numList>li:nth-child(10):before{content:'10'}



/*************************************
	블릿
**************************************/
#conts h3:not(.blind) {}
#conts h4:first-child {margin-top: 10px;}
#conts h3{color: #333;position: relative;}
#conts h3:not(#seach_title):before{position: absolute;left: 0;}
#conts h3 {word-break: break-all; font-size: 2.2rem;font-weight: 600;margin:30px 0 15px 0; padding-left:12px;}
#conts h3:before {content: '';width:5px;height: 20px;background: #008341;top:5px; left:0;}
#conts h4.hb1{font-size:1.8rem; margin-top:30px;}


.bg01{background:#f3f8fd;}
.bg02{background:#f3f8fd; border:1px solid #d2dde8;     letter-spacing: -0.015rem;}
.bg03{background:#f7f7f7; border:1px solid #ddd;}
.bg04{background:#fff8d2;}
.bd01{border:1px solid #d2dde8;}
.pd1em{padding:1em !important; margin:0.666em 0;}
.pd2em{padding:2em !important; margin:0.666em 0;}
.bgNone{background:none;}
.txt_box{width:100%; height:300px; padding:10px; overflow-y:scroll; border:1px solid #a9a9a9; margin-top:1em; background:#fff;}
.w100{width:100%;}
.w80{width:80%;}
.w70{width:70%;}
.w50{width:50%;}

p .img{width:100%;}
.img img{width:100%;}
.mt0 {margin-top:0 !important;}
.center {text-align:center !important;}

/* 처리절차 */
.process{overflow:hidden; width:100%; margin:20px 0;}
.process li{float:left; min-height:100px !important; vertical-align:middle; text-align:center; margin-bottom:10px; list-style:none;font-family: 'Noto Sans Korean medium';}
.process li div.step{float:left; width:calc(100% - 30px); min-height:150px; display: table; position: relative; font-weight:bold; text-align:center; padding:1em; border-top:2px solid #0091c5; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; list-style:none;font-family: 'Noto Sans Korean medium';}
.process li div.step span{display:inline-block; width:100%;/*  border-top:dotted 1px #ddd; */ margin-top:8px; padding-top:5px; color:#666; font-weight:normal !important;}
.process li div.step2{float:left; width:calc(100% - 30px); min-height:95px; display: table; position: relative; font-weight:bold; text-align:center; padding:1em; border-top:2px solid #0091c5; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; list-style:none;font-family: 'Noto Sans Korean medium';}
.process li div.step2 span{display:inline-block; width:100%; margin-top:8px; padding-top:5px; color:#666; font-weight:normal !important;}
.process li:after{display:block; width:30px; height:95px; content:''; float:left; margin:0 auto; background:url('../images/sub/proArrowR.png') center no-repeat;}
.process li.invers:after{display:block; width:30px; height:95px; content:''; float:right; margin:0 auto; background:url('../images/sub/proArrowL.png') center no-repeat;}
.process li.both:after{display:block; width:30px; height:95px; content:''; float:right; margin:0 auto; background:url('../images/sub/proArrowB.png') center no-repeat;}
.process li:last-child:after{display:none;}
/* .process li.invers:last-child:after{display:block !important;} */
.process li img{display:block; margin:0 auto 10px;}
/* .process span{float:left; display:inline-block; font-size:1.5em; padding:30px 10px;}
.process span.moVer{display:none;}
.process span.pcVer{} */
.process_box{overflow:hidden; border-top:2px solid #0091c5; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px;}
.pro01 li{width:100%;}
.pro01 li:after{clear:both;content:''; width:100%; height:8px; background:url('../images/sub/proArrowD.png') center no-repeat; margin-top:10px;}
.pro02 li{width:calc(100% / 2);}
.pro03 li{width:calc(100% / 3);}
.pro04 li{width:calc(100% / 4); min-height:160px !important;}
.pro04_01 li{width:calc(100% / 4);}
.pro05 li{width:calc(100% / 5);}
.pro06 li{width:calc(100% / 6);}
.cell{vertical-align:middle;}
.proArrowD{display:block; width:100%; height:30px; float:left; margin:0 auto; background:url('../images/sub/proArrowD.png') center no-repeat;}
.proArrowR{display:inline-block; width:30px; height:30px; float:left; margin:0 10px; background:url('../images/sub/proArrowR.png') center no-repeat;}
.w1{display:block; width:100%; height:70px; border-radius:50px; text-align:center; border:2px solid #ddd; padding-top:10px;}
.wArrow{display:block;}
.w2{display:block; width:100%; height:30px; border-radius:50px; text-align:center; background:rgb(20,110,216); color:#fff !important; padding-top:22px;}
@media (max-width:1199px){
.process li{width:calc(100% / 2);}
.pro04 li {min-height:auto !important;}
}

@media (max-width:1024px){
#conts h3 {font-size:1.8rem}
#conts h3:not(.blind){margin-top:25px;}
.process li{width:100%; padding:5px; min-height:50px; margin:0 auto; text-align:left; line-height:1.5em;}
.process li:after{clear:both;content:''; width:100%; height:8px; background:url('../images/sub/proArrowD.png') center no-repeat; margin-top:10px;}
.process li.invers:after{clear:both;content:''; width:100%; height:8px; background:url('../images/sub/proArrowU.png') center no-repeat; margin-top:10px;}
.process li.both:after{display:block; width:100%;  height:16px; content:''; float:right; background:url('../images/sub/proArrowBInv.png') center no-repeat; margin-top:10px;}
.process li div.step{width:100%;}

.process li img{display:none;}

/* .process li br{display:none;} */
}


/* button */
a.button, button.button, input[type=submit].button, input[type=button].button, a.button2, button.button2 {vertical-align:top; text-align:center; color:#fff;}
input[type=submit].button, input[type=button].button{border:none;}
a.button, input[type=submit].button, input[type=button].button, a.button2 {display:inline-block;}
a.button, input[type=submit].button, input[type=button].button, button.button {padding:0 10px; min-width:100px !important; height:35px;/*  border-radius:2px; */ line-height:33px; margin-left:3px;}
a.button2, button.button2 {padding:0 6px; min-width:50px; height:30px; border-radius:4px; line-height:30px; font-size:90%;}
button.button, input[type=submit].button, input[type=button].button {min-width:120px;}
button.button2 {min-width:62px;}
a.none, button.none {background:#ddd; color:#555;}
/* a.border, button.border{border:1px solid #000; color:#000; background:#fff;} */
a.border, button.border{border:1px solid #c4c4c4; color:#000; background:#efefef url('../images/sub/btn_Link.png') no-repeat 100% center; padding-right:1.2em;}
/* a.border:hover, button.border:hover, a.border:active, button.border:active{background:#2f4b8c; color:#fff; border:1px solid #2f4b8c; transition: .2s ease-out;} */
a.border:hover, button.border:hover, a.border:active, button.border:active{background:#2f4b8c url('../images/sub/btn_Link_w.png') no-repeat 100% center; padding-right:1.2em; color:#fff; /* border:1px solid #2f4b8c; */ transition: .2s ease-out;}
a.border2 {border:1px solid #9bb9ce; color:#000; background:#d4edff url('../images/sub/btn_view.png') no-repeat 100% center; padding-right:1.6em;}
a.border2:hover, a.border2:active {background:#3e61b2 url('../images/sub/btn_view_w.png') no-repeat 100% center; padding-right:1.6em; color:#fff; /* border:1px solid #2f4b8c; */ transition: .2s ease-out;}
a.color1, button.color1, input[type=submit].button.color1, input[type=button].button.color1 {background:#3e61b2;}
a.color2, button.color2, input[type=submit].button.color2, input[type=button].button.color2 {background:#D13920;}
a.color3, button.color3, input[type=submit].button.color3, input[type=button].button.color3 {background:#2cb767;}
a.color4, button.color4, input[type=submit].button.color4, input[type=button].button.color4 {background:#323b50;}
a.color5, button.color5, input[type=submit].button.color5, input[type=button].button.color5 {background:#aaaaaa;}
a.color1.hover, button.color1.hover, input[type=submit].button.color1.hover, a.color1:hover, button.color1:hover, input[type=submit].button.color1:hover, input[type=button].button.color1:hover {background:#2f4b8c; color:#fff; /* border:1px solid #2f4b8c;  */transition: .2s ease-out;}
a.color2.hover, button.color2.hover, input[type=submit].button.color2.hover, a.color2:hover, button.color2:hover, input[type=submit].button.color2:hover, input[type=button].button.color2:hover {background:#b32a14; color:#fff; transition: .2s ease-out;}
a.color3.hover, button.color3.hover, input[type=submit].button.color3.hover, a.color3:hover, button.color3:hover, input[type=submit].button.color3:hover, input[type=button].button.color3:hover {background:#3dcf7b;}
a.color4.hover, button.color4.hover, input[type=submit].button.color4.hover, a.color4:hover, button.color4:hover, input[type=submit].button.color4:hover, input[type=button].button.color4:hover {background:#7d7d7d; color:#fff;}
a.color5.hover, button.color5.hover, input[type=submit].button.color5.hover, a.color5:hover, button.color5:hover, input[type=submit].button.color5:hover, input[type=button].button.color5:hover {background:#bdbdbd;}
a.color1.active, button.color1.active, a.color1:active, button.color1:active {background:#2f4b8c;}
a.color2.active, button.color2.active, a.color2:active, button.color2:active {background:#b32a14;}
a.color3.active, button.color3.active, a.color3:active, button.color3:active {background:#1a9d52;}
a.color4.active, button.color4.active, a.color4:active, button.color4:active {background:#555555; color:#fff;}
a.color5.active, button.color5.active, a.color5:active, button.color5:active {background:#9a9a9a;}
a.color6, button.color6, a.color7, button.color7 {background:#ffffff; line-height:31px;}
a.color6, a.color7 {min-width:96px;}
a.button2.color6, button.button2.color6, a.button2.color7, button.button2.color7 {background:#ffffff; line-height:26px;}
a.button2.color6, a.button2.color7 {min-width:46px; height:30px;}
a.color6, button.color6 {border:2px solid #3e61b2; color:#3e61b2;}
a.color7, button.color7 {border:2px solid #666666; color:#666666;}
a.color6.hover, button.color6.hover, a.color6:hover, button.color6:hover {border-color:#2f4b8c; color:#2f4b8c !important;}
a.color6.active, button.color6.active, a.color6:active, button.color6:active {border-color:#2f4b8c; color:#2f4b8c !important;}
a.color7.hover, button.color7.hover, a.color7:hover, button.color7:hover {border-color:#7d7d7d; color:#7d7d7d;}
a.color7.active, button.color7.active, a.color7:active, button.color7:active {border-color:#555555; color:#555555;}
a.button span[class*='mif'], input[type=submit].button span[class*='mif'], button.button span[class*='mif'], a.button2 span[class*='mif'], button.button2 span[class*='mif'] {position:relative; top:-1px; vertical-align:middle;}
a.colorB {border:1px solid #c4c4c4; color:#000; background:#2f4b8c url('../images/sub/btn_Link_w.png') no-repeat 100% center; padding-right:1.2em; color:#fff;}

/* 탭_btn */
.sub_tab_br  .button:nth-child(2) {background:#0F8933;}
.sub_tab_br  .button:nth-child(2):hover {background:#066e25;}

/* label */
.label {display:inline-block; padding:5px 5px 5px 7px; min-width:40px !important;
 height:28px !important; vertical-align:middle; /* border-radius:3px; */ 
 letter-spacing:-1px; line-height:1em !important; text-align:center; 
 font-size:15px !important; color:#fff;}
.label span {position:relative; top:-1px; vertical-align:middle;}
.label.color1 {border:1px solid #9bb9ce; color:#000 !important; background:#d4edff url('../images/sub/btn_down.png') no-repeat 100% center; padding-right:1.5em;}
.label.color1:hover{color:#fff !important; background:#2f4b8c url('../images/sub/btn_down_w.png') no-repeat 100% center; padding-right:1.5em;}
.label.color2 {background:#fc6630;}
.label.color3 {background:#2cb767;}
.label.color4 {background:#666666;}
.label.color5 {background:#aaaaaa;}
.label.color6, .label.color7, .label.color8 {background:#fff; line-height:18px;}
.label.color6, .label.color7, .label.color8 {height:19px;}
.label.color6 {border:1px solid #0f83d5; color:#0f83d5;}
.label.color7 {border:1px solid #666666; color:#666666;}
.label.color8 {border:1px solid #fc6630; color:#fc6630;}
.label.color9 {background:#e22b2b;}
.btn_donation{display:inline-block; padding:6px 18px 6px 46px; border-radius:40px; color:#fff !important; font-size:15px; background-color:#ff5d5d; background-image:url(../images/sub/ico_donation.png); background-repeat:no-repeat; background-position:left 15px center; line-height:24px;} /*고향사랑기부제 버튼*/



/* 양식 버튼 */
.btnFormBasic{padding:3px 10px 5px; border:1px solid #888; background:#fff; word-break:keep-all;}
.btnFormBasic:hover{background:#eee;}
.btnFormGray{padding:3px 10px 5px; /* border:1px solid #666; */ background:#666; color:#fff; word-break:keep-all;}
.btnFormGray:hover{background:#555; color:#fff;}
/* table */
table {
/* 	margin:.666em 0;
    border-top: 2px solid #222;
    word-break: break-all;
    width: 100%;
    border-collapse: inherit;
    border-spacing: 0;
    table-layout: fixed; */}
table th, table td {
        padding: 13px 0.5em 14px 0.8em;
    border-bottom: 1px solid #dadde0;}
table th, table td a {color:#222;}
table tbody tr:nth-last-child(1) th, table tbody tr:nth-last-child(1) td {
    border-bottom: 1px solid #5f7082;}

table.map th {border-left: 1px solid #dadde0; background-color:#fafafa;}
table tfoot tr th, table tfoot tr td{background:#edfbf5; border-top:1px solid #aebfd2 !important; border-bottom: 1px solid #5f7082 !important; color:#9d0000;}
.white {color:#fff;}
.tableGray{border-top:1px solid #333 !important;}
.tableGray thead th{background:#f9f9f9 !important; border-bottom:1px solid #d3d3d3 !important;}
.tableGray tbody tr:last-child th, table tbody tr:last-child td{border-bottom:1px solid #8f8f8f !important;}

/* input */
.inbox {position:relative; /* padding:0 0.5em; */ overflow:hidden; border:1px solid #aaaaaa; /* border-radius:4px; */ background:#fff;}
.inbox input, .inbox textarea {float:left; width:100%; border:0; background:#fff; resize:none;}
.inbox input {height:28px; line-height:28px; padding:0 2px;}
.insel {position:relative; /* padding:2px 3px 4px 3px;  */ overflow:hidden; border:1px solid #aaa; background:#f3f8fd; height:30px;}
.insel select {float:left; width:100%; height:30px; border:0; background:#fff; /* url(../images/ico/ico-arrow-down.jpg) right center no-repeat; background-size:7px 4px;  *//* -webkit-appearance:none; -moz-appearance:none; appearance:none; */}
.insel.focus, .inbox.focus {border-color:#1b8cdd;}
.inbox textarea {margin:0.5em 0; height:5em; overflow:auto;}
.inbox label {position:absolute; top:3px; right:1em; left:1em;}
.inchk {display:inline-block; padding:0.2em 0; position:relative;}
.inchk * {vertical-align:middle;}
.inchk input {position:relative; top:-1px;}

/* paging */ 
.pagination {margin:30px 0px; text-align:center; letter-spacing:-1px;}
.pagination li {display:inline-block !important;}
.pagination a, .pagination strong {display:inline-block; padding:0;border:1px solid #ccc; border-radius:1px; line-height:28px; font-weight:400; color:#999;
 padding:3px 10px !important;}
.pagination .active a, .pagination strong {/* border-color:#666; */background:#666; color:#fff; padding:3px 10px;}
.pagination a.next, .pagination a.prev, .pagination a.first, .pagination a.last {width:90px; padding:3px 10px;}
.pagination a.prev {margin-right:20px;}
.pagination a.next {margin-left:20px;}

/* set button */
.set-button {margin-top:20px; text-align:right;}
.set-button-center {margin-top:20px; text-align:center;}



#contents {overflow:hidden;}


/* 상단안내문구 */
.infoBox{overflow:hidden; width:100%; min-height:160px; display:table; border:10px solid transparent; /* -webkit-border-image:url(../images/sub/borderBg.png) 10 round; */ /* Safari 5 */ 
/* -o-border-image:url(../images/sub/borderBg.png) 10 round; */ /* Opera */ 
border-image:url(../images/sub/borderBg.png) 10 round !important;
padding:2em 1.5em 2em 250px;  margin:1em 0; margin-bottom:30px;}
/* .infoBox span{display:block;color:#0061d4; font-size:1.3em; font-family:'Noto Sans Korean Regular'; margin-bottom:0.5em; } */

/* infoBox img */
.install{background:url('../images/sub/install.png') no-repeat 50px center; font-size:1.1em;}
.report1{background:url('../images/sub/report1.png') no-repeat 50px center;font-size:1.1em;}
.report2{background:url('../images/sub/report2.png') no-repeat 50px center; font-size:1.1em;}
.report3{background:url('../images/sub/report3.png') no-repeat 50px center; font-size:1.1em; padding-top:30px;}
.report4{background:url('../images/sub/report4.png') no-repeat 50px center; font-size:1.1em;}
.report5{background:url('../images/sub/report5.png') no-repeat 50px center; font-size:1.1em;}
.report6{background:url('../images/sub/report6.png') no-repeat 50px center; font-size:1.1em;}
.report7{background:url('../images/sub/report7.png') no-repeat 50px center; font-size:1.1em;}
.report8{background:url('../images/sub/report8.png') no-repeat 50px center; font-size:1.1em;}
.report9{background:url('../images/sub/report9.png') no-repeat 50px center; font-size:1.1em;}
.roadName{background:url('../images/sub/roadName.png') no-repeat 50px center; font-size:1.1em;}
.webzine{background:url('../images/sub/webzine.png') no-repeat 50px center; font-size:1.1em;}
.kakao{background:url('../images/sub/kakao.png') no-repeat 60px center; font-size:1.1em;}


/* 적극행정 */
.infoBox2{overflow:hidden; width:100%; min-height:160px; display:table; border:10px solid transparent; /* -webkit-border-image:url(../images/sub/borderBg.png) 10 round; */ /* Safari 5 */ 
/* -o-border-image:url(../images/sub/borderBg.png) 10 round; */ /* Opera */ 
border-image:url(../images/sub/borderBg.png) 10 round !important;
padding:2em 1.5em 2em 180px;  margin:1em 0; margin-bottom:30px;}
.positive{background:url('../images/sub/positive_img01.png') no-repeat 20px center; font-size:1.1em;}

.positiveQ{width:100%; margin:20px auto; padding:0 15px; box-sizing:border-box; border:1px solid #ddd;}
.positiveQ ul li{padding:20px 10px 20px 90px; box-sizing:border-box; border-bottom:1px dashed #ddd; word-break:keep-all;line-height:160%;}
.positiveQ ul li.fq1{background:url(../images/sub/positive_img02.png) 10px 50% no-repeat;}
.positiveQ ul li.fq2{background:url(../images/sub/positive_img03.png) 10px 50% no-repeat;}
.positiveQ ul li.fq3{background:url(../images/sub/positive_img04.png) 10px 50% no-repeat;}
.positiveQ ul li.fq4{background:url(../images/sub/positive_img05.png) 10px 50% no-repeat;}
.positiveQ ul li.fq5{background:url(../images/sub/positive_img06.png) 10px 50% no-repeat; border-bottom:none;}
.positiveQ ul li p.qst{font-size:20px;margin-bottom:7px; font-weight:600}


/* @media (max-width: 991px){
.infoBox{background-position:50px center;}
.report3, .report4, .report5, .report6{background-position:50px 10px;}
.report2{background-position:70px 30px;}
} */

@media (max-width: 765px){
.infoBox{padding:1em; font-size:1em; min-height:100px; height:auto; min-height:100px; background:none !important; border:8px solid transparent;}
.infoBox br{display:none;}

.infoBox2{padding:1em; font-size:1em; min-height:100px; height:auto; min-height:100px; background:none !important; border:8px solid transparent;}
.infoBox2 br{display:none;}
}



/* 인풋 너비값 */
.nameW{width:80%;}
.telW01{width:60px;}
.telW02{width:80px;}


/* 조직운영 정보공개 */
.box01{border:1px solid #dadde0; padding:0.5em;}
@media (min-width: 769px){
.orgDataOpen .col-md-6{width:48% !important; }
.orgDataOpen .fR{float:right;}
}


/* 문의처 */
.contact{font-size:1.1em;}
.circle1{display:inline-block; width:25px; height:25px; text-align:center; color:#fff; background:#fc6630; border-radius:25px; margin-right:5px;}
i.fax{display:inline-block; background:url('../images/sub/fax.png') center 3px no-repeat; width:16px; height:19px;}
i.tel{display:inline-block; background:url('../images/sub/tel.png') center no-repeat; width:20px; height:19px;}

/* 행정서비스 */
.public{overflow:hidden;}
.public .col-md-3{width:100%;}
.public .col-md-3 img{width:100%;}

/* 군정백서 */
.gunj100{width:100%; overflow:hidden; clear:both; padding-bottom:20px;}
.gunj100 .col-md-6 ul{width:98%; margin:0 auto;}
.gunj100 ul li{overflow:hidden; width:100%; border-bottom:1px dashed #ddd;}
.gunj100 ul li.line{border-bottom:1px solid #bbb;}
.gunj100 h4{margin-top:0 !important;}
.gunj100 ul li:last-child{border-bottom:none;}
.gunj100 ul li .tit{display: block; float: left; padding: 10px 0 0 15px; font-size: 1.071em; background: url('../images/ico/li1bg.png') no-repeat 0 1.2em;}
.gunj100 ul li .downL{float: right; padding:0.5em 0;}
@media (max-width: 991px){
.gunj100 .col-md-6 ul{width:100%;}
}

/* 통계연보 */
.averg{width:100%; overflow:hidden; clear:both; padding-bottom:20px;}
.averg li{overflow:hidden; width:100%; border-bottom:1px dashed #ddd; margin-bottom:5px;}
.averg li:last-child{border-bottom:none;}
.averg li .tit{display: block; position:relative; float: left; padding: 10px 0 10px 15px; font-size: 1.071em;/*  background: url('../images/ico/li1bg.png') no-repeat 0 1.2em; */}
.averg li .downL{float: right; padding:0.5em 0;}

/* 예산 */
.budget{width:100%; overflow:hidden; clear:both; padding-bottom:20px; float:none;}
.budget .col-md-6 ul{width:98%; margin:0 auto;}
.budget ul li{overflow:hidden; width:100%; border-bottom:1px dashed #ddd;}
.budget ul li.line{border-bottom:1px solid #bbb;}
.budget h4{margin-top:0 !important;}
.budget ul li:last-child{border-bottom:none;}
.budget ul li .tit{display: block; float: left; padding: 10px 0 0 15px; font-size: 1.071em; background: url('../images/ico/li1bg.png') no-repeat 0 1.2em;}
.budget ul li .downL{float: right; padding:0.5em 0;}
@media (max-width: 991px){
.budget .col-md-6 ul{width:100%;}
}

/* 박스링크 */
.boxLink{clear: both; overflow: hidden; padding: 13px 20px 13px 30px; border-top: 2px solid #5f7082; border-bottom: 1px solid #5f7082; background: #f9f9f9; margin-bottom:20px;}
.boxLink ul {width:100%; margin-right: 4px; overflow: hidden;}
.boxLink li {float: left; width:calc(100% / 5); padding: 0px 0px 0px 15px; line-height: 25px; background: url('../images/ico/li3bg.png') no-repeat 0px center;}


@media (max-width: 991px){
.boxLink{padding:0; border:0; /* display:relative; */ display:none;}
.boxLink ul{width:100%; height:200px;overflow: auto; border:1px solid #5f7082; border-top:none; /* position: absolute; */ z-index:999; background:#fff;}
.boxLink li {width:100%; margin-right:0; background:none; padding-left:0; }
.boxLink li a{display:inline-block; width:100%; padding-left:10px;}
.boxLink li a:hover{background:#ddd;}
.boxLink > div > a{display:block !important; height:50px; padding:10px; line-height:30px; border:1px solid #000;}
.boxLink div a span{float: right; margin-right: 15px; margin-top: 10px; display: block; width:12px; height: 12px; text-indent:-9999px; background:url('../images/ico/selArrowUp.png') no-repeat 0;}
.boxLink div a span.close{float:right; margin-right:15px; margin-top:10px; display:block; width:12px; height:12px;text-indent:-9999px; background:url('../images/ico/selArrowDown.png') no-repeat 0;}
}


/* 세출현황 검색 */
.searchList{overflow:hidden;}
.searchList > dl{width:90%; margin:0 auto;}
.searchList > dl > dt{float:left; width:calc((100% / 4) - 70px); height:40px; padding:0.5em 0.5em 0 0.8em; background: url('../images/ico/li1bg.png') no-repeat 0 1.0em;}
.searchList > dl > dd{float:left; width:calc((100% / 4) + 70px); height:40px; padding:0.5em 0.5em 0 0.5em;}
.searchList > dl > dd input.w100{width:90%;}
.searchList > dl > dd input.w80{width:80%;}
@media (max-width: 991px){
.searchList > dl > dt{width:30%;}
.searchList > dl > dd{width:70%;}
}

/* 기업현황 */
.copWrap{overflow:hidden; width:100%; border:1px solid #ddd; margin-bottom:10px; }
.copWrap:first-child{margin-top:30px;}
.copWrap .img{position:relative; overflow:hidden;float:left; width:30%; height:200px;}
.copWrap .img .ov{display: none; position: absolute; width:100%; height:200px; background:rgba(0,0,0,0.5);}
.copWrap .img .ov span{display: inline-block; position: absolute; top: 50%; left: 50%; margin: -18px 0 0 -18px; width: 37px; height: 37px; background: url(../images/sub/more.png) no-repeat center; font-size: 0;}
.copWrap .img img{width:100%; height:100%;}
.copWrap > dl{float:left; overflow:hidden; width:calc(70% - 20px); margin:10px 0 10px 20px;}
.copWrap > dl dt{float:left; width:90px; text-align:center; padding:5px;height:30px; background:#00a53b; color:#fff; margin:3px 0;line-height:1.2em; letter-spacing:-1px;}
.copWrap > dl dd{float:left; width:calc(100% - 100px); padding:5px; height:30px; margin:3px 0 3px 10px;}
.copWrap .img:hover .ov{display:block;}
@media (max-width: 640px){
.copWrap .img .ov{height:auto; height:300px;}
.copWrap .img{width:100%; height:auto; height:300px;}
}


/* 나눔장터 */
.share{overflow:hidden; clear:both;}
.share img{float:left; width:100%;}

/* 채용안내 */
.jobSelect .title {display: inline-block;font-size: 14px; font-weight: 600; background:url('../images/ico/li1bg.png') no-repeat 5px 8px; padding-left:15px;}
.jobSelect .a_s_select {width: 100px; height: 30px; padding: 0 3px;}
.jobSelect span{margin:0;}


/* 다문화지원사업 */
.damhArea{overflow:hidden; width:100%; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ddd;}
.damhArea > p{float:left; width:30%;}
.damhArea > p > img{width:100%;}
.damhArea > ul{float:left; width:calc(70% - 20px); margin-left:20px;}
@media (max-width:640px) {
	.damhArea > p, .damhArea > ul{width:100%; margin-left:0;}
}

/*상징물*/
.symbol {width:100%; margin:0 0 30px 0; padding-bottom:30px; border-bottom:1px dashed #ddd; overflow:hidden;}
.symbol .img_Symbol {float:left; width:calc(30% - 20px)!important;  margin:0 20px 0 0; padding:0;}
.symbol .img_Symbol img, .media_n img{width:100%;}
.symbol dl.Symbol_Txt {float:right; width:calc(70% - 20px); margin-left:20px;}
.symbol dl.Symbol_Txt dt {font-size:18px; color: #2876ae; height:30px; margin:0 0 10px;  }
.symbol dl.Symbol_Txt dt span {color:#797979; font-size:15px; margin-left:5px;}
.symbol ul.btn_down { margin:0; padding:0; }
.symbol ul.btn_down li { float:left; margin:0 10px 0 0; padding:0; }


@media (max-width:640px) {
	.symbol .img_Symbol, .symbol dl.Symbol_Txt{width:100% !important; margin-left:0;}
}

.mascot img{width:100%; border: 1px solid #ddd;}

/*울주군민의 노래*/
.song {height:210px; margin:0;padding:0; background:url(../images/sub/song_bg.gif) top right no-repeat;}
.song p.txt {width:420px ;margin:0 0 12px; text-align:left;}
.songList {margin:20px 0 0;padding:0;}
.songList li {float:left; margin:0 5px 12px 0;padding:0;}
.songList li a{width:150px;}
/* div.songpaper {position:relative; width:690px; height:1600px; background:url(../images/sub/Music_Book.gif) center top no-repeat; background-size:100%;} */
div.songpaper {overflow:hidden; width:90%; text-align:center; margin:0 auto;}
div.songpaper img{width:100%; border:1px solid #ddd; padding:30px 0 20px 0; margin:30px 0;}
div.songpaper dl.songTxt {text-align:left; margin:10px auto;}
div.songpaper dl.songTxt dt {font-weight:bold; color:#0c7038; margin:0 0 10px; line-height:20px; font-size:1.5em; }
div.songpaper dl.songTxt dd {line-height:20px; color:#333;  margin:0 0 10px;}
div.songpaper dl.songTxt dd dl.songAera dt {color:#444; margin:0 0 10px; line-height:16px; font-size:15px;}
div.songpaper dl.songTxt dd dl.songAera dd {color:#444; margin:0 0 20px; line-height:20px; font-size:13px;}

/* 관내도서비스 */
.mapService{overflow:hidden; width:100%;}
.mapService img{float:left; width:50%; margin-top:65px;}
.mapService .mapDownload{float:left; margin-left:30px; width:calc(50% - 30px);}
@media (max-width:766px) {
	.mapService img, .mapService .mapDownload{width:100%; margin:0;}
}

/* 자매결연도시 */
.relation{overflow:hidden;}
.relation p{float:left; width:35%; min-width:250px;}
.relation p img{width:100%;}
.relation div{float:left; margin-left:20px;}
.relHistory span.date{font-weight:bold; color:#e65700; font-size:1.1em; margin-right:10px;}
@media (max-width:699px) {
	.relation p, .relation div{width:100%; margin-left:0;}
}

/* 메인배너모음 */
.mbannList{overflow:hidden; width:100%; border:1px solid #ddd; padding:1em; margin-bottom:15px; display:table;}
.mbannList dt{/* float:left;*/ width:50%; font-weight:bold;}
.mbannList dt>a{display:inline-block; padding:0 1em;}
.mbannList dd{width:50%;float:right;/*  width:50%; text-align:center;*/}
.mbannList dd > a > img{margin-bottom:0;}

@media (max-width:500px) {
	.mbannList{display:block;}
	.mbannList dt{width:100%;}
	.mbannList dt>a{padding:0 0 1em 0;}
	.mbannList dd {width:100%;}
	.mbannList dd > a > img{clear:both; width:100%;}
}



/*공공누리 오픈이미지*/
.openImg{overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px; margin:20px 0;}
.openImg img{display:inline-block; float:left; margin-right:20px;}
.openImg p{display:inline-block; float:left; width:calc(100% - 260px)}


/* 공유재산폼 */
.shareForm{width:100%; overflow:hidden;}
.shareForm dt{float:left; width:15%; margin:5px 0; line-height:35px; background:url('../images/ico/li1bg.png') no-repeat 5px 15px; padding-left:15px;}
.shareForm dd{float:left; width:35%; margin:5px 0;}
.shareForm dd select{width:200px; margin:5px 0; border:1px solid #ddd; height:30px;}
.shareForm dd input{width:40%; margin:5px 0;} 

@media (max-width:768px) {
	.shareForm dt{float:left; width:33%;}
	.shareForm dd{float:left; width:67%;}
}

/* 연혁 */
.history_wrap{overflow:hidden; margin:30px 0;}
.history_wrap .history_title{float:left;width:200px; min-height:200px; background:#008341; padding:20px !important; color:#fff; font-family:'Noto Sans Korean Medium'; line-height:3.0em;}
.history_wrap .history_title.bgcolor2{background:#007b76}
.history_title p{font-size:2.0em; font-weight:400; letter-spacing:-2px;}
.history_wrap .history_title span{color:#999; font-size:1.5em; font-weight:400;}
.history_wrap .history_title img{margin-top:30px;} 
.history_wrap .history_con{float:left; margin-left:50px; width:calc(100% - 250px);}
.history_wrap .list_1st{float:left;position:relative; padding-left:14px; /* width:calc(100% - 200px); */width:100%;}
.history_wrap .list_1st:before{content:"";display:block;position:absolute;left:20px;top:30px;;width:1px;height:calc(100% - 100px);background:#ddd;}
.history_wrap .list_1st li{position:relative;padding-top:20px;padding-bottom:15px;background:none;overflow:hidden}
.history_wrap .list_1st li:after{display:block;position:absolute;left:30px;bottom:0; content:"";width:100%;height:1px;border-bottom:1px dashed #ddd}
.history_wrap .list_1st li p{margin:10px 0 10px 30px;}
.history_wrap .list_1st li span{clear:both; display:inline-block; width:100%;}
.history_wrap .list_1st li span.year{padding-left:33px; font-size:20px;color:#006ac3; font-weight:bold}
.history_wrap .list_1st li span.year_st{font-size:20px;color:#006ac3; font-weight:bold}
.history_wrap .list_1st li span.year_st:before{display:inline-block;content:""; width:15px; height:15px; border:4px solid #146ed8; background:#fff; border-radius:50%; vertical-align:middle; margin-right:10px;}
.history_wrap .list_1st li span.con{margin-top:10px;margin-left:10px;padding-left:5%; width:95%;line-height:28px; letter-spacing:-1px;}
.history_wrap .list_1st li span.con em{display:block}
.history_wrap .list_1st li dl{margin:20px 0 20px 20px;}
.history_wrap .list_1st li dl dt{display:block; font-weight:bold;background:url('../images/ico/li2bg.png') no-repeat 5px 9px; padding-left:15px; margin:10px 0 5px 0;}
.history_wrap .list_1st li dl dd{display:block; padding-left:15px;}
@media all and (max-width:991px){ 
	.greeting{width:100%; background:none; padding-left:0;}
}
@media all and (max-width:640px){
.greeting .em{display:inline-block; font-size:1.5em;}
.greeting .end span em{font-size:1.2em;}
.history_wrap .history_title{width:100%; padding:40px 0;  background-size:43%; min-height:150px;}
.history_wrap .history_title img{display:none;}
.history_wrap .history_con{width:calc(100% - 20px); margin-left:20px;}
}

/* 조직도 */
.organization1{overflow:hidden; position:relative; letter-spacing:-1px; margin-top:30px;}
.organization1 *{list-style:none;padding:0;margin:0;}
.organization1 li{position:relative;}
.organization1 a {padding-left:15px; line-height:30px; display:block;text-decoration:none !important;}
.organization1 a:focus-visible {outline:1px solid #000;}
.organization1 a[href]:hover,
.organization1 a[href]:focus{opacity:0.9}
.organization1 .ins{width:180px;height:43px;line-height:40px;margin:30px auto;padding:0;color:#fff;font-size:1.1em;border:0;background:#266bca;text-align:center;}
.organization1 .orgBr{position:absolute; right:0; top:10px; z-index:9;}

.organization1 .lv0{width:180px;height:80px;margin:0 auto 30px;color:#fff;font-size:1.2em;border:0;background:#3659bf;text-align:center;}
.organization1 .lv0 .t1{display:block;height:80px;line-height:78px;}
.organization1 .lv0 .t2{display:block;height:40px;line-height:35px;color:#333;border:1px solid #266bca;background:#fff;}
.organization1 .lv0:after{content:'';display:block;position:absolute;left:50%;top:80px;height:30px;border-left:1px solid #bdbdbd;}
.organization1 .lv1{width:180px;height:43px;line-height:40px;margin:30px auto;padding:0;color:#fff;font-size:1.2em;border:0;background:#266bca;text-align:center;}
.organization1 .lv1:after{content:'';display:block;position:absolute;left:50%;top:43px;height:30px;border-left:1px solid #bdbdbd;}
.organization1 .lv1.bar0:after{border:0;}

.organization1 .lv2 .group{overflow:hidden;margin:0 -1%;}
.organization1 .lv2 .group>li{float:left;/* width: calc((100% / 3) - 2%); */margin:0 1%;}
.organization1 .lv2 .group>li>h3 {font-size:18px !important; font-weight:normal !important; margin:0 !important; padding:0 !important}
.organization1 .lv2 .group>li>h3:before {display:none}
.organization1 .lv2 .group>li>a, .organization1 .lv2 .group>li>h3>a, .organization1 .lv2 .group>li>span {position:relative;display:block;height:43px;line-height:44px;margin:30px 0 0;padding:0 10px;color:#fff;background:#767676;}
.organization1 .lv2 .group>li>a>i, .organization1 .lv2 .group>li>h3>a>i{position:absolute;right:10px;top:50%;margin-top:-8px;display:block; width:15px;height:15px;background:url('../images/sub/orgPlus.png') no-repeat;background-size:contain;}
.organization1 .lv2 .group>li>a:before, .organization1 .lv2 .group>li>h3>a:before, .organization1 .lv2 .group>li>span:before{content:'';display:block;position:absolute;left:50%;top:-30px;height:30px;border-left:1px solid #bdbdbd;}
/* .organization1 .lv2 .group>li>a.noLine:before{content:'';display:none;position:absolute;left:50%;top:-30px;height:30px;border-left:1px solid #bdbdbd;} */
.organization1 .lv2 .group>li>ul{overflow:hidden; border:1px solid #59759c; border-top:0; padding:1em;}
.organization1 .clr0 .group>li>a, .organization1 .clr0 .group>li>span{padding-left:20px; background:#59759c;}
.organization1 .lv2 .group .part li:before{position:absolute; top:13px; left:0; content:''; width:3px; height:2px; background:#bbb; margin:0 5px 4px 5px;}

.org2 {overflow:hidden; position:relative; width:60%; margin:0 auto; padding:0 0 50px; text-align:center;}
.org2 .org_left {float:left; margin-bottom:0;}
.org2 .org_right {float:right;}
.org2 a {display:block; background-color:#59759c; color:#fff; font-size:1.6rem; text-align:center; padding:10px 50px;}
.org2:before {content:''; display:block; width:100%; height:1px; background-color:#aaa; position:absolute; top:25%; left:0;}
.org2:after {content:''; display:block; width:1px; height:100px; background-color:#aaa; position:absolute; top:0; left:50%;}
.org2 > div {position:relative;}

.orgBr1 {display:inline-block; width:100%; margin:50px auto; padding:50px 0; border-top:1px solid #bdbdbd; border-bottom:1px solid #bdbdbd;}
.orgBr1 li {float:left; margin-right:20px;}
.orgBr1 li a {width:180px; height:43px; line-height:40px; padding:2px 30px; color:#fff; font-size:1.1em; border:0; background:#097E1C; text-align:center;}
.orgBr1 li:last-child {margin-right:0;}

.orgBr2 {display:inline-block; width:100%;}
.orgBr2 li {float:left; margin:8px 5px;}
.orgBr2 li:first-child {margin-right:15px; padding:26px 25px; text-align:center; font-size:1.1em; color:#fff; background-color:#204f9d;}
.orgBr2 li a {line-height:40px; padding:0 25px; color:#333; font-size:1.0em; border:1px solid #bdbdbd; text-align:center;}
.orgBr2 li:last-child {margin-right:0;}

/*조직도수정*/
.level0 {width:180px;height: 70px;margin:0 auto 30px;color:#fff;font-size:1.2em;border:0;background:#3659bf;text-align:center;}
.level0 .t1{display:block;line-height: 68px;}
.level0:after {content:'';display:block;background-color:#59759c;width:1px;height:40px;position:absolute;top: 70px;left:50%;}

.level1 li a {width:180px;height:44px;line-height:44px;margin:30px auto;padding:0;color:#fff;font-size: 1.8rem;border:0;background:#266bca;text-align:center;}
.level1 li a.lvbg02 {background:#146ed8;}
.level1 li a:after {content:'';display:block;background-color:#59759c;width:1px;height: 117px;position:absolute;top:43px;left: 50%;margin-left: -1px;}
.level1 li a.lv02 {background-color:#fff; border:1px solid #59759c; color:#59759c;}

.level2 {overflow:hidden;position:relative;min-height: 65px;padding-bottom: 20px;}
.level2:before {content:'';display:block;height:1px;width: 50%;background-color:#59759c;position:absolute;top: 34%;left: 50%;margin-left: -260px;}
.level2 .org_left {position: absolute;float:left;margin-bottom:10px;left: 15%;}
.level2 .org_left a {display:block;height: 50px;line-height: 50px;background-color:#59759c;color:#fff;font-size:1.6rem;text-align:center;margin:0;}
.level2 .org_left a:after {width:0px;}

.level2 .org_right {position: absolute;float:right;margin-bottom:10px;right: 15%;}
.level2 .org_right a {display:block;height: 50px;line-height: 50px;background-color:#59759c;color:#fff;font-size:1.6rem;text-align:center;margin:0;}
.level2 .org_right a:after {width:0px;}

.level2_1 {overflow:hidden;margin: 20px 0 0;padding: 30px 0 0;}
.level2_1:before {content:'';display:block;height:1px;width: calc(100% - (8.25% * 2));background-color:#59759c;position:absolute;top: 158px;left: 8.25%;}
.level2_1 li:after {content:'';display:block;background-color:#59759c;width:1px;height:30px;position:absolute;top: -30px;left:50%;}
.level2_1 li {float:left;margin: 0 1%;width: calc((100% / 6) - 2.0%);}
.level2_1 li a {display:block;width: auto;height:44px;line-height:44px;background-color:#59759c;color:#fff;font-size:1.6rem;text-align:center;margin:0;}
.level2_1 li a:after {content:'';display:block;background-color:#59759c;width:0px; height:0px; position:absolute; top:0px; left:50%;}
.level2_1 li ul.part {overflow:hidden;border:1px solid #59759c;border-top:0;padding: 0.8em;}
.level2_1 li ul.part li {width: 100%;text-align: left;margin: 0;padding: 0;}
.level2_1 li ul.part li a {padding-left:15px;line-height:30px;height: 30px;display:block;color: #555;text-align: left;background-color: #fff; font-size: 1.4rem;}
.level2_1 li ul.part li a:hover {text-decoration: underline !important;}
.level2_1 li ul.part li:after {content:'';display:block;background-color:#aaa;width:0px; height:0px; position:absolute; top:0px; left:50%;}
.level2_1 li ul.part li a:before {position:absolute;top:13px;left:0;content:'';width:3px;height:2px;background:#bbb;margin:0 5px 4px 5px;}
.level2_1 li ul.part li a:after {content:'';display:block;background-color:#aaa;width:0px; height:0px; position:absolute; top:0px; left:50%;}

@media (max-width:1024px){
.orgBr1 {padding:30px 0;}	
.orgBr1 li {float:left; padding:0 10px;}
.orgBr1 li a {padding:10px 12px; font-size:1.0em; line-height:24px;}
}

@media (max-width:780px){
.level2:before {content:'';display:block;height:1px;width:50%;background-color:#59759c;position:absolute; top:34%; left:50%; margin-left: -160px;}
.level2_1 li ul.part li a {line-height:30px; font-size:1.5rem;}	
}

@media (max-width:640px){
.org2 {width:100%;}
.orgBr2 li:first-child {width:98%;}

.level2 .org_left {position: absolute;float:left;margin-bottom:10px;left:0%;}	
.level2 .org_right {position: absolute;float:right;margin-bottom:10px;right:0%;}
.level2_1:before {content:'';display:block;height:1px;width: calc(100% - (25% * 2));background-color:#59759c;position:absolute;top: 85px;left: 25%;}	
.level2_1 li {float:left;margin:0 1%;width: calc((100% / 2) - 2.0%);}
.level2_1 li ul.part {min-height: 210px;margin-bottom:30px;}
.level2_1 li:after {content:'';display:block;background-color:#59759c;width: 1px;height:30px;position:absolute;top:-30px;left:50%;}	
}

@media (max-width:480px){
.org2 a {padding:10px 20px;}

.level2:before {content:'';display:block;height: 1px;width: 160px;background-color:#59759c;position:absolute;top:34%;left: 25%;margin-left: 0;}
.level2 {overflow:hidden;position:relative;padding-bottom: 20px;}	
.level2 .org_left {position:absolute;float:left;margin-bottom:10px;}
.level2 .org_right {position:absolute;float:right;margin-bottom:10px;}
.level2_1 {overflow:hidden;width: 100%;margin: 22px auto 0;padding:0;}
.level2_1:before {content:'';display:block;height: 1px;width: calc(100% - (25% * 2));background-color:#59759c;position:absolute;top: 86px;left: 25%;}
.level2_1 li {float:left;margin: 0 1%;width: 48%;padding: 20px 0 0;}
.level2_1 li ul.part {margin-bottom: 10px;}

.level2 .org_left a {width:120px;}
.level2 .org_right a {width: 120px;}	
.level2_1 li a:after {content:'';display:block;background-color:#59759c;width:1px;height: 30px;position:absolute;top: -10px;left:50%;}
.level2_1 li:after {content:'';display:block;background-color:#59759c;width:0px;height:30px;position:absolute;top: -30px;left:50%;}		
}

.pt1 .group{border-top:1px solid #59759c;}
.pt1 .group > li{width: calc((100% / 1) - 2%);}
.pt1 .group .part li{float:left; width:calc(100% / 6)}
.pt2 .group > li{width: calc((100% / 2) - 2%);}
.pt3 .group > li{width: calc((100% / 3) - 2%);}
.pt4 .group > li{width: calc((100% / 4) - 2%);}
.pt5 .group > li{width: calc((100% / 5) - 2.01%);}
.pt6 .group > li{width: calc((100% / 6) - 2%);}
.pt3:before {content:'';display:block; margin-left:16%;top:70px;width:calc(100% - (15.95% * 2));border-top:1px solid #bdbdbd;}
.pt4:before {content:'';display:block; margin-left:11.7%;top:70px;width:calc(100% - (11.65% * 2));border-top:1px solid #bdbdbd;}
.pt5:before {content:'';display:block; margin-left:9.2%;top:70px;width:calc(100% - (9.15% * 2));border-top:1px solid #bdbdbd;}
.pt6:before {content:'';display:block; margin-left:7.5%;top:70px;width:calc(100% - (7.5% * 2));border-top:1px solid #bdbdbd;}

@media all and (max-width:640px){
.organization1 .lv0, .organization1 .lv1{width:30%;}
.organization1 .ins{width:100px;height:40px;line-height:40px;margin:30px auto;padding:0;color:#fff;font-size:1.0em;border:0;background:#266bca;text-align:center;}
.pt3 .group > li, .pt4 .group > li, .pt5 .group > li, .pt6 .group > li{width:calc(50% - 2%);}
.pt3:before, .pt4:before, .pt5:before, .pt6:before{content:'';display:block; margin-left:24.5%;top:70px;width:calc(100% - (24.4% * 2));border-top:1px solid #bdbdbd;}
.pt1 .group .part li{float:left; width:calc(100% / 3);}
.organization1 .lv2 .group>li>ul{padding:0.5em;}
.organization1 .lv2 .group .part{height:230px;}
.pt1 .group .part{height: 65px !important;}
.organization1 .lv2 .group .part li{float:left;}
.organization1 .lv1{font-size:1.1em;}
}

.organization1 .lv1-1{background:#146ed8}
.organization1 .lv1-2{background:#e3731f}
.organization1 .lv1-3{background:#22ac38}
.organization1 .lv1-4{background:#009465}
.organization1 .lv1-5{background:#6c59b1}
.organization1 .lv1-6{background:#ea68a2}
.organization1 .lv1-7{background:#3c5874}

/* .organization1 [class*=org]{margin:50px 0;} */

/* 장학금 */
.scholarBox{position:relative; overflow:hidden; width:100%; border:1px solid #59a3fc; margin-top:30px;}
.scholarBox h3{font-size:1.5em; padding:0.2em 1em; min-height:53px; height:auto; background:#59a3fc; color:#fff; position:relative;}
.scholarBox_n {padding-right:15px; padding-left:15px}
.scholarBox_n h3 {background:none;}
.scholarBox h3 span{width:70%; word-wrap: break-word !important; display: inline-block;}
.scholarBox h3 a{position:absolute; top:0; right:0; display:inline-block; background:#166bce; color:#fff; width:120px; 
text-align:center; height:100%; padding-top:5px;  line-height:45px;}
.scholarBox h3 a:hover{background:#0352ae;}
.scholarBox > p{margin:0.5em 0; font-size:1.3em; font-weight:bold; padding:0.5em 1em; display:inline-block; float:left;}
.scholarBox > p > strong{font-size:0.8em; display:inline-block; border:1px solid #146ed8; border-radius:20px; height:35px; line-height:30px; padding:0 15px; margin-right:5px;}
.scholarBox form{float:left;}
.scholarBox form > input[type=button], .scholarBox form > input[type=submit]{position:absolute; top:72px; right:1em; font-size:1em; display:inline-block; border-radius:20px; border:0; height:35px; width:100px; line-height:30px; padding:0 15px; color:#fff;}
.ProCon1{background:#009736;}
.ProCon2{background:#cb3800;}
.ProCon3{background:#686868;}
.scholarBox_n a{color:#fff; padding:2px 10px;}
.scholarBox_n a:focus {outline:2px dotted #ff5722; outline-offset:-2px;}
.scholar{overflow:hidden; width:90%;margin:20px auto;}
.scholar dt{float:left; width:100px;padding:0 0 0 1.2em;background:url('../../images/ico/li1bg.png') no-repeat 5px 8px; margin-left:10px;}
.scholar dd{float:left; width:calc(100% / 3 - 120px);}
.scholar dd select{margin-left:3px;}
@media all and (max-width:1199px){
.scholar dt{width:30%; padding:5px 0 0 20px; background:url('../../images/ico/li1bg.png') no-repeat 5px 13px;}
.scholar dd{width:60%; padding:5px 0;}
}

.scholarStep{overflow:hidden; width:100%; border:1px solid #146ed8;}
.scholarStep li{position:relative; float:left; height:50px; width:calc(100% / 3); margin-left:-1px; text-align:center; font-size:1.1em; line-height:48px; letter-spacing:-1px; border-left:1px solid #146ed8;}
.scholarStep li:after{position:absolute; right:-8px; top:16px; z-index:90; display:inline-block; content:''; transform: rotate(45deg); width:15px; height:15px; border:1px solid #146ed8; border-left:none; border-bottom:none; background:#fff;color:#146ed8;}
.scholarStep li:last-child:after{display:none;}
.scholarStep li:first-child{border-left:none;}
.scholarStep li.on{background:#146ed8; color:#fff; font-weight:bold;}
.scholarStep li.on:after{background:#146ed8 !important;}
@media all and (max-width:961px){
		
	    .scholarBox {padding-bottom:0px;}
}
@media all and (max-width:680px){
.scholarStep li{position:relative; float:left; width:calc(100% / 3);}
.scholarStep li:nth-child(1), .scholarStep li:nth-child(2), .scholarStep li:nth-child(3){border-bottom:1px solid #146ed8;}
.scholarStep li:nth-child(3){border-right:none;}
.scholarBox h3{font-size:1.3em;}
.scholarBox h3 a{width:85px;}
.scholarBox form{width:100%;}
.scholarBox form > input[type=button], .scholarBox form > input[type=submit]{position:inherit; width:100% !important; border-radius:0;}
.scholarBox > p{font-size:1.2em;}
.scholarBox > p > strong{font-size:0.8em; display:inline-block; height:33px; line-height:30px; padding:0 1em;}

}

/* 군정소식지 list*/
.ebook{overflow:hidden; width:calc(100% + 2%); margin:30px 0 0 -1%;}
.ebook li{float:left; width:calc((100% / 4) - 2%); margin:20px 0.99%; min-height:395px;}
.ebook li .img{width:100%; border:1px solid #ccc; padding:3px; height:230px;}
.ebook li span{font-size:1.5em; font-weight:400; padding:10px 0;}
.ebook li dl{overflow:hidden; width:100%; margin-bottom:5px;}
.ebook li dl dt{font-weight:400; padding:10px 0 5px 0; font-weight:600;}
.ebook li dl dt a {color:#222}
.ebook li dl dd{font-size:1em;}
.ebook li dl dd:before{display:inline-block; content:''; width:3px; height:2px; background:#555; margin:3px;}
.ebook li dl dd .btn:before{display:none; content:'';}
.ebook .btn_ebook_down{display:inline-block; width:48%; height:35px; border:1px solid #888; margin:10px auto; letter-spacing:-1px; text-align:center; line-height:30px;}
.ebook .btn_ebook_down:hover{border:2px solid #146ed8;}

@media all and (max-width:1200px){
	.ebook li{width:calc((100% / 3) - 2%);}
	.ebook li .img{height:300px;}
}
@media all and (max-width:768px){
	.ebook li .img{height:230px;}
}
@media all and (max-width:500px){
	.ebook{margin:15px 0 0 -1%;}
	.ebook li{width:calc(100% - 2%); margin:10px 1%;}
	.ebook li .img{height:380px;}
}


/* 뷰어다운 */
.viewer{overflow:hidden; width:100%; border:1px solid #ddd; padding:20px; margin:10px 0;}
.viewer .viewer_img{width:20%; max-width:100px; float:left; margin-right:20px;}
.viewer .viewer_img img{width:100%;}
.viewer .viewer_txt{float:left; width:calc(80% - 20px)}
.viewer h4{font-weight:bold; font-size:1.3em; margin:10px 0;}
#conts .viewer .viewer_txt h4{padding-left:0; margin-top:0;}
.viewer .viewer_txt h4:before{display:none;}
.viewer p{margin:10px 0;}
.viewer a{width:100px;}
@media (max-width: 500px){
	.viewer{margin:5px 0;}
	.viewer h4{font-size:1.1em;}
	}

/* 사이트맵 */
.siteMap{overflow:hidden; width:100%;}
.siteMap a{color:#000; letter-spacing:-1px}
.siteMap h3{font-size:1.6em;padding:0 0 0 1.1em;background:url('../images/ico/h3bg.png') no-repeat 0 .1em;color:#000; margin-top:30px; padding-bottom:15px; border-bottom:1px solid #ddd;}
.siteMap .d1{overflow:hidden; width:calc(100% + 2%); margin:20px 0 0 -1%; display:table;}
.siteMap .d1>li{overflow:hidden;  width:calc((100% / 4) - 2.32%); margin: 10px 1%; display:inline-block; vertical-align:top;}
.siteMap .d1>li>a{display:inline-block; width:100%; height:50px; padding:8px 0 0 0; margin-bottom:10px; line-height:1.8em; border:2px solid #ddd; box-sizing:border-box; text-align:center; font-size:1.1em;}
.siteMap .d1>li>a:hover{border:2px solid #146ed8;}
.siteMap .bu>li>a:hover{text-decoration:underline;}
@media (max-width: 680px){
	.siteMap .d1>li{width:calc((100% / 2) - 2%);}
}

/* 오시는길 */
.map{width:100% !important; border:1px solid #ddd; height:500px !important;}
@media (max-width: 500px){
	.map{height:350px !important;}
	}
	 
/* 국민신문고 안내 */
.ePeople{background: #114ead; /* border: 5px solid #75b4fd; */ color: #fff !important;
 text-align: center; padding: 1em; margin-bottom: 1em; font-size: 1.2em; }


/* 분야별정보 통합링크 200410 : 1343 height만 추가*/
.united_link {position:relative; overflow:hidden;}
.united_link li {padding:10px;}
.united_link li>div {padding:30px 10px; border:1px solid #ddd; text-align:center;height:300px;}
.united_link li>div>p {font-size:16px; font-weight:bold;}
.united_link li>div>i {display:block; width:130px; height:150px; margin:0 auto 10px; background-size:contain; background-repeat:no-repeat;}
.united_link li>div>i.i_estate_1 {background-image:url('../images/sub/i_estate_01.jpg');}
.united_link li>div>i.i_estate_2 {background-image:url('../images/sub/i_estate_02.jpg');}
.united_link li>div>i.i_estate_3 {background-image:url('../images/sub/i_estate_03.jpg');}
.united_link li>div>i.i_estate_4 {background-image:url('../images/sub/i_estate_04.jpg');}
.united_link li>div>i.i_estate_5 {background-image:url('../images/sub/i_estate_05.jpg');}
.united_link li>div>i.i_edu_1 {background-image:url('../images/sub/i_edu_01.jpg');}
.united_link li>div>i.i_edu_2 {background-image:url('../images/sub/i_edu_02.jpg');}
.united_link li>div>i.i_edu_3 {background-image:url('../images/sub/i_edu_03.jpg');}
.united_link li>div>i.i_edu_4 {background-image:url('../images/sub/i_edu_04.jpg');}
.united_link li>div>a {display:inline-block; margin-top:10px;}

/* 생활폐기물 - 재활용품 */
.waste_wrap {border:1px solid #ccc; border-top:2px solid #000; overflow:hidden;}
.waste_wrap li {padding:20px; text-align:center; color:#fff;}
.waste_wrap .red li {background:#feddc9;}
.waste_wrap .red li:first-child {background:#d12632;}
.waste_wrap .green li {background:#eaf1da;}
.waste_wrap .green li:first-child {background:#008341;}


/* 부동산중개업 갤러리리스트 */

.propertyList{overflow:hidden; width:100%; margin:2px 0; border:1px solid #ddd;}
.propertyList .photo{overflow:hidden; float:left; width:21%; height:175px; min-width:180px;}
.propertyList .photo .num{width:50px; height:50px; float:left; text-align:center; margin-top:40%;}
.propertyList .photo img{width:calc(100% - 50px); height:175px;}
.propertyList .info{float:left; width:70%;}
.propertyList .info dl{overflow:hidden; width:100%;}
.propertyList .info dl dt{float:left; width:100px; background:#f3f8fd; text-align:center; height:35px; line-height:2.3em;}
.propertyList .info dl dd{display:inline-block; width:calc(100% - 110px); padding-left:10px; height:35px; line-height:2.3em;}

@media (max-width:768px){
.propertyList .photo .num{display:none;}
.propertyList .photo img{width:100%; height:auto;}
.propertyList .photo, .propertyList .info{width:100%; height:auto;}
}


/* 부동산중개 수수료 안내 팝업 */
.tooltip-wrap {position: relative;}
.layer-content{padding-top:50px;}
/* .layer-content .radio02{margin-top:5px;} */
.calcPopTit{background:#146ed8; color:#fff; font-size:1.5em; height:50px;line-height:2.0em; padding-left:1em; position: absolute; top:0; left:0; width:100%; }
.chart-pop {
  display: none;
  position: absolute;
  top: 75px;
  left: 50%;
  margin-left: -200px;
  width: 400px;
  padding: 15px 10px;
  border: 5px solid #146ed8;
  background-color: #fff;
  z-index: 999;
}

.chart-pop .chart-close01 {
  position: absolute;
  width:30px;
  height:30px;
  right: 5px;
  top: 5px;
  background: url(../images/sub/close.png) no-repeat center center;
}


/* 장학금 신청 학점환산표 팝업 */
.scholPop { width: 600px !important; height:500px;}
.scholPop .layer-content{ height:470px; overflow-y: scroll;}

@media (max-width: 680px){
	.chart-pop{left: 0; margin-left: 0; width: 100%;}
	.scholPop{width: 100% !important;}
	}
	
	
/* 고시공고 */
.iframe_wrap {/* overflow:hidden; */}
.iframe_wrap iframe{width:100%;border:0;height:700px;overflow:hidden;}

@media all and (max-width:620px) {
	.iframe_wrap iframe {overflow-x:auto;overflow-y: hidden;}
}


/* 참여소통 - 국민생각함 */
.idea_wrap,
.idea_wrap .idea_list {overflow:hidden;}
.idea_wrap .idea_list>li {padding:0 10px; margin-bottom:20px;}
.idea_wrap .idea_list>li .idea_con {display:block; border:1px solid #ddd;}
.idea_con a {display:block;}

/* 이미지 영역 */
.idea_img {position:relative;}
.idea_img .ico_step {
	position:absolute; top:0; left:0; z-index:1; padding:3px 8px 3px 30px;
	background-color:rgba(0,0,0,.5); background-repeat:no-repeat; background-size:18px; background-position:5px center;
}
.idea_img .ico_step em {color:#fff !important; vertical-align:super; font-size:12px;}
/* 탄생 *//*.idea_img .ico_step.step01 {background-image:url("http://idea.epeople.go.kr/images/apiImage05.png");}*/
/* 발전 *//*.idea_img .ico_step.step02 {background-image:url("http://idea.epeople.go.kr/images/apiImage06.png");}*/
/* 안전 *//*.idea_img .ico_step.step03 {background-image:url("http://idea.epeople.go.kr/images/apiImage07.png");}*/
.idea_img .thumb {position:relative;}
.idea_img .thumb .ico_user {position:absolute; bottom:0; left:0; width:100%; height:45px; line-height:45px; background:rgba(0,0,0,.7); color:#fff;}
.idea_img .thumb .ico_user img {display:inline-block; margin:0 5px 0 15px; width:25px; height:25px; border-radius:50%; overflow:hidden;}


/* 텍스트 영역 */
.idea_txt {padding:10px;}
.idea_txt a {display:block;}
.idea_txt p {min-height:45px; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.idea_txt p em {margin-right:10px;}
.idea_txt .num {display:block; overflow:hidden; margin-top:15px;}
.idea_txt .num>li {float:left; margin-right:10px;}
.idea_txt .num>li>* {vertical-align:middle;}
.idea_txt .num>li>a {
	width:30px; height:30px; font-size:0; display:inline-block; margin-right:7px;
	background-repeat:no-repeat; background-image:url(../../assets/images/sub/num.png); background-size:100px auto;}
.idea_txt .num>li>a.like {background-position:0 0;}
.idea_txt .num>li>a.idea_share {background-position:0 -50px;} 
.idea_txt .num>li>a.join {background-position:0 -200px;}  
.idea_txt .num>li>span {font-size:16px; font-weight:bold;}


/* 지도건너띄기 */
#map {position: relative;}
#map a {position:absolute; left: -10000000000px; top:0; width: 100%; border:1px solid #fff; color: #fff; font-size:1.2em; text-align: center; background: #146ed8; line-height: 45px; z-index:99999999;}
#map a:active, 
#map a:focus {left: 0;}



/* 울산농수산물도매시장 */
.vote_tit {height:738px; background:url(../../assets/images/sub/vote_bg.jpg) no-repeat; text-align:center;}
.vote_tit .vote_in {padding-top:100px;}
.vote_tit span {display:block; font-size:40px;}
.vote_tit p {font-size:46px; font-weight:600;}
.vote_tit a {display:inline-block; margin:30px auto 0; padding:12px 70px; color:#fff; font-size:18px; background:#298252;}
.vote_tit a:hover {background:#195d38;}

.vote_txt {padding:30px; font-size:16px; background:#f3fdf4; border:1px solid #d7e8dc;}

@media (max-width: 768px){
	.form_m_wd70 {width:70%;}
}

@media (max-width: 425px){
	.vote_tit {height:300px; background:url(../../assets/images/sub/vote_bg.jpg) no-repeat; text-align:center; background-position:center bottom; background-size:100%; background-color:#d2efdb;}
	.vote_tit .vote_in {padding-top:50px;}
	.vote_tit span {font-size:18px;}
	.vote_tit p {font-size:20px;}
	.vote_tit a {margin:10px auto 0; padding:8px 50px; font-size:14px;}
	.vote_txt {padding:15px; font-size:15px; line-height:1.5;}	
}

/* 군청사안내도 VR */
.vr-bx{position:relative;}
.vr-bx .vr-btn{position:absolute;right:20px;bottom:20px;}

/* 청사층별안내 */
.tab_box {margin-bottom:30px; margin-top:1px; margin-left:1px;}
.tab_box:after {content:''; display:block; visibility:hidden; clear:both;}
.tab_box li {position:relative; display:table; float:left; height:100%; margin:0 0.5% 0.5% 0; vertical-align:middle;}
.tab_box li a { display:table-cell; height:60px; cursor:pointer; color:#333; vertical-align:middle; text-align:center; line-height:1.0; background:#e8edf0; border:1px solid #cacaca; border-radius:5px;}
.tab_box li a:after {content:''; display:block; position:absolute; right:12px; top:50%; bottom:0; margin-top:-13px; width:26px; height:26px;}
.tab_box li a:hover, .tab_box li a:active, .tab_box li a:focus {color:#fff; border-color:#585858; background-color:#62737f; transition: all 0.1s linear;}
.tab_box li a:hover:after, .tab_box li a:active:after, .tab_box li a:focus:after {background-position:-93px 0;}
.tab_box li.tab_on a {color:#fff; border-color:#004475; background-color:#0070bc;}
.tab_box li.tab_on a:after {background-position:-66px 0;}
.tab_box li a span {display:block; padding:5px 40px 5px 15px; font-size:1.5rem; line-height:1.2;}
.tab_box.tab_col2 li {width:49.5%;}

.floor-box {position:relative; width:100%;}
.floor_list {position:absolute; top:0; right:0;}
.floor_list ul:after {content:''; display:block; visibility:hidden; clear:both;}
.floor_list ul li {display:block; width:120px; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; border-bottom:1px solid #bbb; background-color:#f9f9f9;}
.floor_list ul li:first-child {border-top:1px solid #d4d4d4;}
.floor_list ul li a {display:block; height:36px; line-height:36px; text-align:center; font-size:15px;}
.floor_list ul li.on a {background-color:#b53b71; color:#fff;}
.fm_inner {width:100%; height:100%; min-height:555px; margin-bottom:20px; padding:16px; border:1px solid #d4d4d4; background:url(../../ulju/images/sub/frontview.jpg) no-repeat;}
.fm_tbox {display:block;}
.fm_tbox:after {content:''; display:block; visibility:hidden; clear:both;}
.mB50 {margin-bottom:50px;}

/*해뜨미*/
.mascot-bx{width:100%;margin:0 auto;padding:15px;overflow:hidden;background:#fff;border-radius:20px;}
.mascot-bx ul{}
.mascot-bx ul li{float:left;display:block;color:#000;margin:5px 0px;}
.mascot-bx ul li .tit_n{width:100px;float:left;padding:5px 0px;text-align:center;border-radius:20px;background:#437fc1;color:#ffff00;}
.mascot-bx ul li .ph{float:left;width:500px;padding:5px 0px 5px 15px;}

@media screen and (max-width:1200px) {
.floor_list {top:0; left:0; width:100%;}
.floor_list ul li {width:8%; border-top:1px solid #d4d4d4; border-right:0; border-bottom:1px solid #d4d4d4; background-color:#f9f9f9; float:left;}
.floor_list ul li:first-child {border-left:1px solid #d4d4d4;}
.floor_list ul li a {height:50px; line-height:50px;}
.fm_inner {padding:66px 16px 16px;}
}

@media screen and (max-width:767px) {
.mascot-bx{position:relative;top:-10px;width:95%;margin:0 auto;padding:10px;overflow:hidden;background:#fff;border-radius:20px;}
.mascot-bx ul{}
.mascot-bx ul li{width:100%;float:left;display:block;color:#000;margin:15px 0px;}
.mascot-bx ul li .tit{width:80px;float:left;padding:5px 0px;text-align:center;border-radius:20px;background:#437fc1;color:#ffff00;}
.mascot-bx ul li .ph{float:left;width:100%;padding:5px 0px 5px 15px;}
.floor_list ul li {width:15%;}
.fm_inner {padding:120px 16px 16px;}
}

/*pc에서 표 길어지는것*/
.tblib-pc{width:auto;overflow-x:scroll;margin-bottom:30px;}
.tblib-pc table{width:1600px;}

.search_wrap_n {overflow:hidden;}

/*분야별정보 > 안전/재난 > 지진시행동요령*/
.blind {overflow:hidden; position:absolute; top:-999999px; width:0; height:0; text-indent:-9999px;}

.down_btn {position:relative; display:block; float:right; margin:20px 0 50px;}
.down_btn:after {content:''; display:block; clear:both;}
.down_btn a {display:block; position:relative; padding:10px 20px; background-color:#00703a; color:#fff;}
.down_btn a:hover,
.down_btn a:active,
.down_btn a:focus {color:#fff;}

@media screen and (max-width:400px) {
.floor_list ul li {width:20%;}
.fm_inner {padding:200px 16px 16px;}
}

/* 개인정보처리방침 라벨링 */
.none_line > li i {border:none; line-height:0;}

.privacy_tit_h2 {position:relative; margin:30px 0 15px; padding-left:0px; font-size:2.2rem; font-weight:700; color:#121212;}
.privacy_tit_h2 i img {width:36px; margin-top:-7px;}

.privacy_label,.privacy_list{border:1px solid #e2e2e2; margin:15px 0 0 0;}
.privacy_list{margin-bottom:40px;}
.privacy_label:after,.privacy_list:after{content:''; display:block; clear:both;}
.privacy_label strong {display:block; text-align:center;background: #f2f3f7; color:#373737; font-size:16px; padding:14px 0 12px 0;}
.privacy_label ul li,.privacy_list li{float:left;box-sizing:border-box;}
.privacy_label ul li{width:14.2%; height: 132px; padding:14px 0; text-align:center;}
.privacy_label ul li > p {padding-top:5px; font-size:14px;line-height: 1.8rem;}
.privacy_label ul li > p span {display:block;}

.privacy_list div {display:block; text-align:center; background: #f2f3f7; color:#373737; font-size:16px; padding:14px 0 12px 0; border-bottom:1px solid #e2e2e2;}
.privacy_list div span {font-size:15px; display: block; }
.privacy_list ul {padding: 15px 0;width: 96%; margin:0 auto;}
.privacy_list ul:after{content:''; display:block; clear:both;}
.privacy_list ul li{width:50%; font-size:14px; padding:6px 0; border-top:1px dashed #e2e2e2; text-align:left;}
.privacy_list ul li:nth-child(1),.privacy_list ul li:nth-child(2) {border-top:0;}

.privacy_box {border:1px solid #e2e2e2; margin:15px 0 14px 0;}
.privacy_box strong {display:block; text-align:center;background: #f2f3f7; color:#373737; font-size:16px; padding:14px 0 12px 0;}
.privacy_box ul, .privacy_box p {padding:10px 15px;}

/*media query*/
@media screen and (max-width:940px) {
	.privacy_list ul{width:100%; box-sizing:border-box; padding:16px;}
	.privacy_list ul li{letter-spacing:-1px;}
}

@media screen and (max-width:600px) {
	.privacy_list ul li{width:100%;}
	.privacy_list ul li:nth-child(2){border-top:1px dashed #e2e2e2;}

	.privacy_label {border-right:0;}
	.privacy_label strong {border-right:1px solid #e2e2e2;}
	.privacy_label ul li{width:25%}
	.privacy_label ul li:nth-child(4n){border-right:1px solid #e2e2e2;}
}

@media screen and (max-width:420px) {
	.privacy_list ul{padding:10px;}
	.privacy_list ul li{font-size:14px; padding:4px 0;}
	.privacy_label ul li img {width:42px;}
	.privacy_label ul li > p{font-size:13px; letter-spacing:-1px;}
}
@media screen and (max-width:360px) {
	.privacy_label{border-bottom:0;}
	.privacy_label ul li:nth-child(13),.privacy_label ul li:nth-child(14),.privacy_label ul li:nth-child(15),.privacy_label ul li:nth-child(16){border-bottom:1px solid #e2e2e2;}
}



/*도로점용허가 신청서*/
/*본인인증*/
#conts .certify_con {border: 1px solid #ddd; border-radius:10px; padding: 3rem;}
#conts .certify_con > div {width:50%; float:left; text-align: center; position:relative;}
#conts .certify_con > div h4 {word-break: break-all; font-size: 1.7rem; font-weight:600; margin:1rem 0; padding-left:0px;}
#conts .certify_con > div h4:before {width:0; height:0;}
.cB:after {content: ''; display: block; clear: both;}
#conts .certify_con > div p.txt2 {margin:20px auto; font-size:1.5rem;}

.certify_con div.certify_left a {color: #fff; background-color: #355399; padding: 10px 30px; display: inline-block;}
.certify_con div.certify_left:before {content:''; display:block; background:#eaf0f9 url('../../common/img/board/spr_board.png') -300px 29px no-repeat;width:120px;height:120px;margin:0 auto; border-radius:50%;}
.certify_con div.certify_left:after {content:'';display:block; width:1px; height:320px; background:#dedede; position:absolute; top:50%; right:0; margin-top:-150px;}

.certify_con div.certify_right a {color: #fff; background-color: #404763; padding: 10px 30px; display: inline-block;}
.certify_con div.certify_right:before {content:''; display:block; background:#eaf0f9 url('../../common/img/board/spr_board.png') -416px 29px no-repeat;width:120px;height:120px; margin:0 auto; border-radius:50%;}


@media screen and (max-width:640px) {
	#conts .certify_con > div {width:100%; float:none; margin-bottom:30px;}
	.certify_con div.certify_left {border-bottom:1px solid #dedede; padding-bottom:30px;}
	.certify_con div.certify_left:after {width:0; height:0px;}
}


/*신청게시판*/                             
#conts .private_txt {margin-bottom:30px;border:1px solid #d4d4d4}
#conts .private_txt h4.prh {word-break: break-all; font-size: 1.6rem; font-weight:600; margin:1rem 0; padding-left:0px;}
#conts .private_txt h4.prh:before {width:0; height:0;}
#conts .private_txt p {margin: 0 0 10px;}
#conts .private_txt h5 {font-size: 1.5rem; font-weight:600;}
.w15p {width:15% !important;}
.w50p {width:50% !important;}
.w70p {width:70% !important;}
.private_txt .scroll_txt {position:relative;padding:20px;height:280px;overflow-y:auto;}
.private_txt .scroll_txt:focus {border:2px solid #4b6bbe;}
.private_txt .agree_check {padding:12px 0;text-align:center;background:#f8f8f8;border-top:1px solid #d4d4d4}

.check_box {position:relative;display:inline-block;margin-right: 20px;height:30px;overflow:hidden;vertical-align:middle}
.check_box input {position:absolute;top:0px;left: 0px;width: 20px;height: 20px;z-index:0;/*background-color:#f8f8f8;  display: none; */}
.check_box input + label {display:block;height: 20px;margin-left: 25px;}

.check_box input:focus,.check_box input:checked{background-color:#f8f8f8; width:30px;height:30px; border:1px solid #ff0000;}
.check_box input + label span{position:relative;display:inline-block;margin-right:10px;width:28px;height:28px;vertical-align:middle;}

/*고향사랑 기부사업 제안 안내*/
.Down_area {margin:20px 0; text-align:center;}
.Down_area a {line-height:50px; height:50px; padding:0 20px; }

/*기부 명예의전당*/
.donationList {display:flex; flex-wrap:wrap;}
.donationList .item {display:inline-block;position:relative; width:32%; margin:0.5em 1.8% 0.5em 0; padding-top:24%; color:#000; background:url(/ulju/images/sub/bg_give.jpg) center top no-repeat; background-size:100% auto;}
.donationList .item:nth-child(3n) {margin:0.5em 0;}
.donationList .item span.member {position:absolute; width:100%; top:42px; left:50%; margin-left:-122px; text-align:center;}
.donationList .item span.member * {display:block; }
.donationList .item span.member b {margin-bottom:.125em;font-size:2.0rem;font-weight:bold;line-height: 24px;}
.donationList .item span.member .groupT {margin-bottom:.125em;font-size:1.5rem; font-weight:bold; line-height:24px; letter-spacing:-1px;}
.donationList .item span.member i {font-style:normal;font-size:1.4rem; font-weight:500; letter-spacing:-1px;}
.donationList .item span.member .date {color:#000;font-weight: 600;font-size: 1.25rem;}

/*media query*/
@media screen and (max-width: 840px) {	
	.donationList .item {width:48%;min-width:298px;margin:0.5em 3% 0.5em 0;padding-top:34%;}
	.donationList .item:nth-child(3n) {margin:0.5em 3% 0.5em 0;}
	.donationList .item:nth-child(even) {margin: 0.5em 0;}
	.donationList .item span.member {top:60px; margin-left:-152px;}
	.donationList .item span.member b {font-size:2.8rem; line-height:28px;}
	.donationList .item span.member i {font-size:1.8rem;}
	.donationList .item span.member .groupT {font-size:2.0rem; line-height:28px;}
	.donationList .item span.member .date {font-size:1.6rem;}
}

@media screen and (max-width: 640px) {	
	.donationList .item {width: 100%;margin: 0.5em 25%;padding-top: 37%;}
	.donationList .item:nth-child(3n) {margin:0.5em 25%;}
	.donationList .item:nth-child(even) {margin: 0.5em 25%;}
	.donationList .item span.member {top:40px; margin-left: -122px;}
	.donationList .item span.member b {font-size:2.0rem; line-height:28px;}
	.donationList .item span.member i {font-size:1.5rem;}
	.donationList .item span.member .groupT {font-size:1.8rem; line-height:28px;}
	.donationList .item span.member .date {font-size:1.4rem;}
}

@media screen and (max-width: 412px) {	
	.donationList .item {width: 48%;margin: 0.5em 3%; padding-top:65%;}
	.donationList .item:nth-child(3n) {margin:0.5em 3%;}
	.donationList .item:nth-child(even) {margin: 0.5em 3%;}
}




/*20240325 추가__민원안내 > 민원종합 > 여권발급안내*/
.passport_infoQRbox {position:absolute; top:0px; right:130px;}
.passport_infoQRbox .pspt_qrbox {text-align:center;}

/*media query*/
@media screen and (max-width: 840px) {	
	.passport_infoQRbox {right:0px;}
	.passport_infoQRbox .pspt_qrbox {text-align:left;}
}
@media screen and (max-width: 768px) {	
	.passport_infoQRbox {position:static; margin-top:10px;}
	.passport_infoQRbox .pspt_qrbox {text-align:left;}
}


/* 새창 아이콘 버튼 추가 20240812*/
.btn_wrapA {margin-top:20px;}
.btn.icon_btn {padding-left:20px; padding-right:20px; text-align:left;}
.btn_wrapA .btn {white-space:normal;}
.btn_wrapA .btn, .btn_wrapA .btn:visited, a.btn, button.btn {min-width:180px; padding:10px 30px; border-radius:7px; background-color:#3f65d9; color: #fff; box-sizing: border-box; transition: background-color 250ms ease-in-out;vertical-align: middle;border: 1px solid #3f65d9; font-size:16px; line-height:26px;}
.btn_wrapA .btn:hover, .btn_wrapA .btn:visited:hover {text-decoration: none;background-color: #183eb2;transition: background-color 250ms ease-in-out;border-color: #183eb2;}
.btn.icon_btn span {position: relative; display:inline-block; width:100%; padding-right:30px; text-align:left;}
.btn.icon_btn span:before {display: block; content: ''; position: absolute; top: calc(50% - 10px); right:-10px; width: 26px; height:26px; background:url("/ulju/images/common/icn_blank.png") no-repeat;}

.btn.icon_btn.i2 span:before {background:url("/ulju/images/common/icn_down.png") no-repeat;}

@media screen and (max-width:540px) {
	.btn_wrapA .btn, .btn_wrapA .btn:visited, a.btn, button.btn {padding:10px 20px; margin-bottom:8px; font-size:14px;}
}


/* 아동친화도시 0826 */
.prin-list { margin-top:5rem; }
.prin-list ul {display:flex; flex-wrap:wrap; justify-content: center; }
.prin-list li {width: 25%; text-align:center; }

.prin-list li .p-cir {width: 20rem;height:auto;margin: 0 auto 20px;position: relative;}

.intro-city-model .prin-list li .p-cir { width:12.75rem; height:12.75rem; margin:0px auto 3.125rem; background-color: var(--main-color); position: relative; border-radius: 50%; }
.intro-city-model .prin-list li .p-cir .p-img { width:100%; position: absolute; top:-5%; right:50%; transform: translateX(50%); }
.intro-city-model .prin-list li:nth-child(3) .p-cir .p-img { right:35%; top:50%; transform: translate(50%,-50%); }
.intro-city-model .prin-list li:nth-child(4) .p-cir .p-img { right:27%; }

.prin-list .p-green {width: 10rem;padding:8px 0 6px;margin: 0px auto 20px;color:#fff;background-color: #99cc00; font-weight: 500;font-size: 1.5rem;border-radius: 5px;}
.prin-list .p-tit {margin-bottom:1.625rem;font-size:1.9rem !important; letter-spacing: -1px;}
.prin-list .p-txt {width:80%; margin: 0 auto; font-size:1.5rem; color:#666; text-align: left; }


.processA {overflow:hidden; width:100%; margin:20px 0; }
.processA li {float:left; width:calc(100% / 4); min-height:130px !important; vertical-align:middle; text-align:center; margin-bottom:10px;}
.processA li .step {float:left; width:calc(100% - 30px); min-height:130px; padding:1em 1em 0.5em; border:1px solid #aebfd2; border-radius:10px;}
.processA li:last-child .step {width:calc(100% - 0px);}
.processA li div.step .topbox {display:inline-block; width:100%; border-bottom:dotted 1px #ddd; margin-bottom:10px; padding-bottom:10px;}
.processA li div.step .topbox span.tit {font-weight: 500;font-size:1.6rem;}
.processA li div.step .conbox {font-size:15px; vertical-align:middle; margin-top:5px;}
.processA li:after{display:block; width:30px; height:95px; content:''; float:left; margin:0 auto; background:url('../images/sub/proArrowR.png') center no-repeat;}
.processA li:last-child:after{display:none;}

@media screen and (max-width:1024px){    
    .prin-list li {width:23%; margin:0 1% 5rem; }
}

@media screen and (max-width:864px){    
    .prin-list li {width:48%; }
    .processA li {width:calc(100% / 2);}
    .processA li:last-child .step {width:calc(100% - 30px);}
}

@media screen and (max-width:480px){    
    .prin-list li {width:100%;}
    .processA li {width:100%;}
    .processA li:after{clear:both;content:''; width:100%; height:8px; background:url('../images/sub/proArrowD.png') center no-repeat; margin-top:10px;}
}

/* 텍스트 외부링크 안내 */
a.tg_link {position:relative; padding:0 25px 0 5px; font-weight:500;}
a.tg_link[target="_blank"] span:after {content:''; display:inline-block; width:1.45rem; height:1.45rem; margin-left: .8rem; background:url(/ulju/images/common/blank_s.svg) no-repeat 50% 50%;position:absolute;top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%);}

/* 복지정보 길라잡이 20250307 */
.box.photo_book {position: relative;margin-top: 50px;padding-bottom: 20px;padding-left: 70px;}
.box.photo_book:before{display:inline-block; content:''; position: relative; width:240px; height:330px;background: url(../images/sub/ebook_Cover.png) no-repeat;}
.box.photo_book:after{display:block; content:''; position: absolute;bottom: 0;left: 0;width: 100%;height: 115px;background: #f2f4f8;border-radius: 10px;z-index: -1;}
.box.photo_book .box_inner{display:inline-block; padding-left:45px; margin-top:30px; vertical-align:top;}
.box.photo_book .box_inner .photo_book_title{margin-top: 40px;margin-bottom: 55px;font-size: 30px;line-height: 38px;font-weight: 400;letter-spacing: -0.025em;color: #222;}
.box.photo_book .box_inner .photo_book_title .pointT {vertical-align:middle; display: block; font-family:'Jalnan'; font-size: 35px; color:#f26e73; font-weight:600; margin-top: 10px;}
.box.photo_book.y2025:before{background: url(../images/sub/ebook_Cover.png) no-repeat;}

.btnTyp {position:relative;display:inline-block;min-width:135px;height: 50px;padding: 15px 20px;border:1px solid #c4c4c4;border-radius:5px;background-color:#fff;text-align:center;color:#222;font-size:15px;line-height:17px;letter-spacing:-0.025em;font-weight:400;vertical-align:top;}
.btnTyp.view:after, .btnTyp.down:after {display:inline-block; content:''; position:relative; margin-left:8px; background-image:url(../images/sub/template_icon.png); vertical-align:top;}
.btnTyp.down:after {width:20px; height:20px; background-position:0 0;}
.btnTyp.view:after {top:-1px; width:20px; height:20px; background-position: 0px 20px;}

@media (max-width: 1300px){
.box.photo_book {padding-left:30px;}
.box.photo_book .box_inner{padding-left:30px;}
.box.photo_book .box_inner .photo_book_title{font-size:25px;}
}

@media all and (max-width:800px){
.box.photo_book{padding-left:0; padding-bottom:40px; text-align:center;}
.box.photo_book .box_inner{display:block; padding-left:0; margin-top:0px;}
.box.photo_book .box_inner .photo_book_title .pointT {left:0; right:0; margin:10px auto;}
}
@media all and (max-width:640px){
.box.photo_book .box_inner .photo_book_title{margin-top:50px; margin-bottom:27px;}
.box.photo_book .box_inner .photo_book_title .pointT {font-size:25px; margin:7px auto;}
}



/*안전보건경영방침*/
.mngn_box {}
.mngn_box:after {content:''; display:block; visibility:hidden; clear:both;}
.mngn_line {position:relative; padding:8px; background-color:#fff;}
.mngn_inner {padding-top:100px; padding-bottom:100px; border:3px solid #005aab; text-align:center;}
.mngn_line:before,.mngn_line:after,
.mngn_inner:before,.mngn_inner:after {content:''; position:absolute; width:92px; height:92px; background-image:url(../images/sub/mngm_irb.png); background-repeat:no-repeat;}
.mngn_line:before {left:7px; top:7px; background-position:0 0;}
.mngn_line:after {right:7px; top:7px; background-position:-92px 0;}
.mngn_inner:before {left:7px; bottom:7px; background-position:0 -92px;}
.mngn_inner:after {right:7px; bottom:7px; background-position:-92px -92px;}

.mngn_tit {position:relative; display:inline-block;}
.mngn_tit strong {position:relative; display:block; font-size:3.4rem; font-weight:600; line-height:1.3; color:#121212;}
.mngn_txt {display:block; margin:0 15%; font-size:2.0rem;}
.mngn_txt p {margin-top:70px; color:#333; font-weight:500;}
.mngn_tlist {position:relative; display:block; margin:50px 20%; text-align:left; font-size: 1.8rem; color:#222;}
.mngn_tlist:before {content:''; position:absolute; left:50%; top:50%; margin-left:-220px; margin-top:-210px; width:410px; height:350px; background:url(../images/sub/img_mngm.png) 0 0 no-repeat; background-size:100%; opacity:0.5;}
.mngn_tlist ul {display:block;}
.mngn_tlist li {display:block; padding:5px 0;}
.mngn_tlist li:after {content:''; display:block; visibility:hidden; clear:both;}
.mngn_tlist li dl {display:flex; font-weight:400;}
.mngn_tlist li dl:after {content:''; display:block; visibility:hidden; clear:both;}
.mngn_tlist li dt {width:80px; color:#222;}
.mngn_tlist li dd {width:calc(100% - 80px);}

.mngn_sign {font-size:1.8rem;}
.mngn_sign .sign_name strong {padding-left:5px; font-size:2.4rem; font-weight:600; color:#333;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.mngn_tit strong {font-size:3.0rem;}
	.mngn_txt {font-size:1.8rem;}
	.mngn_tlist {font-size:1.6rem;}
}
@media screen and (max-width:920px) {
	.mngn_tit strong {font-size:2.6rem;}
	.mngn_txt {font-size:1.6rem;}
	.mngn_txt,
	.mngn_tlist {margin:50px 18%;}
	.mngn_tlist {font-size:1.5rem;}
	.mngn_sign .sign_name strong {font-size:2.0rem;}
}
@media screen and (max-width:767px) {
	.mngn_tit strong {font-size:2.4rem;}
	.mngn_txt,
	.mngn_tlist {margin:35px 12%;}
}
@media screen and (max-width:640px) {
	.mngn_tit strong {font-size:2.0rem;}
	.mngn_txt,
	.mngn_tlist {margin:35px 8%;}
	.mngn_tlist:before {margin-left:-100px; margin-top:-100px; width:200px; height:200px;}
	.mngn_sign .sign_name strong {font-size:1.8rem;}

}
@media screen and (max-width:480px) {
	.mngn_txt,
	.mngn_tlist {margin:25px 5%;}
	.mngn_tlist li dl {flex-direction:column;}
	.mngn_tlist li dt {width:100%;}
	.mngn_tlist li dd {width:100%;}
}