@charset "utf-8";
/*
	-----------------------------------------------
	* sub01.css (포털 서브 콘텐츠)
	-----------------------------------------------
*/


@media all and (max-width:768px){
	.eventSchedule .calendar {display:block;}
	.eventSchedule .calendar th {display:none;}
	.eventSchedule .calendar tbody tr, 
	.eventSchedule .calendar tbody td {display:block;}
	.eventSchedule .calendar td {height:auto; padding:1.5rem 1rem;}
}


/* 전자민원 안내 */
#conts .MainSite dl{display:table;width:100%;min-height:150px;margin-bottom:20px;border:1px solid #ddd;border-radius: .8rem;padding:4rem 1.8em;box-sizing:border-box;overflow:hidden;}
#conts .MainSite dl dt{display:table-cell;position:relative;width:25%;text-align:center;vertical-align:middle;}
#conts .MainSite dl dd {display:table-cell;padding-left:3%;width:75%;}
#conts .MainSite dl dd p.tit{margin-bottom: 0.5rem;font-size:2.2rem;font-weight:600;color:#216cda;}

@media all and (max-width:768px) {
#conts .MainSite dl{display:block;}
#conts .MainSite dl dt{display:block;width:100%;}
#conts .MainSite dl dd {display:block;width:100%;}
#conts .MainSite dl dd p.tit{font-size:1.8rem;}
}

/* 민원상담 신고 모바일 */

.minwon-report-list {}
.minwon-report-list ul {display:block; position:relative; border-top:1px solid #293f50;}
.minwon-report-list li {border-bottom:1px solid #c5c9d6; padding:1.5em .5em;}
.minwon-report-item {display:block; position:relative; padding-right:8rem;}
.minwon-report-item .subj {display:block; position:relative; font-size:1.15em; font-weight:600; margin-bottom:.5em; line-height:1.5; word-break:keep-all;}
.minwon-report-item .tel {display:block; position:relative; font-size:1em; }
.minwon-report-item a {display:block; position:absolute; right:0; width:7rem; height:7rem; text-align:center; top:50%; margin-top:-3.5rem; text-align:center; line-height:7rem; color:#216cda; border:1px solid #216cda;}
.minwon-report-item a:after {display:none !important;}

@media all and (max-width:415px) {
	.minwon-report-item {padding-right:0;}
	.minwon-report-item a {position:relative; width:auto; height:auto; top:auto; margin-top:0; line-height:1.2; padding:.5em 1em; margin-top:1em;}	
}

/* 시민옴부즈만 */
.ombudsman-work dl {display: block;width:100%; float:left; width:48%; margin:1%; text-align:center;} 
.ombudsman-work dt {display:block; width:100%; background:#333; color:#fff; font-weight:700; padding:1em; border-radius:1em 0 0; font-size:1.2em;}
.ombudsman-work dt span {display:inline-block; margin-right:.25em; color:#EAF0A1;}
.ombudsman-work dd {display:block; width:100%; min-height:120px; border:1px solid #333; padding:1em 1.5em; line-height:1.3; word-break:keep-all;}

.ombudsman-work dl:nth-child(1) dt {background:#00a69c;}
.ombudsman-work dl:nth-child(1) dd {border: 1px solid #00a69c;}
.ombudsman-work dl:nth-child(2) dt {background:#3F67CE;}
.ombudsman-work dl:nth-child(2) dd {border: 1px solid #3F67CE;}
.ombudsman-work dl:nth-child(3) dt {background:#7D3FCD;}
.ombudsman-work dl:nth-child(3) dd {border: 1px solid #7D3FCD;}
.ombudsman-work dl:nth-child(4) dt {background:#CD3F7A;}
.ombudsman-work dl:nth-child(4) dd {border: 1px solid #CD3F7A;}

@media all and (max-width:960px) {
    .ombudsman-work dd {min-height:160px;}
}

@media all and (max-width:740px) {
    .ombudsman-work dl {width:100%; float:none;}
	.ombudsman-work dt {font-size:1.1em;}
	.ombudsman-work dd {min-height:auto;}
}

/* 실시간 민원대기 현황 */
#conts .realTime-wait {position:relative; width:100%; padding:4em 3em; border-radius:2em; overflow:hidden; background:#E2EFF1;}
#conts .realTime-wait:after {content:''; position:absolute; right:3em; top:-1.5em; width:470px; height:545px; background:url(/portal/img/content/01/sub0111_bg.svg) no-repeat top center; background-size:100% auto;}
#conts .realTime-wait .obj01 {width:145px; height:260px; position:absolute; bottom:0; right:18em; background:url(/portal/img/content/01/sub0111_obj01.svg) no-repeat bottom center; background-size:100% auto; z-index:10;}
#conts .realTime-wait .obj02 {width:190px; height:300px; position:absolute; bottom:0; right:3em; background:url(/portal/img/content/01/sub0111_obj02.svg) no-repeat bottom center; background-size:100% auto; z-index:10;}
#conts .realTime-wait .txt-box {position:relative; width:30em; z-index:15; word-break:keep-all;}
#conts .realTime-wait .tit {font-size:2.25em; font-weight:700; line-height:1.3; margin-bottom:.5em;}
#conts .realTime-wait .time {position:relative; background:#fff; border-radius:1em; padding:1.5em; margin:1em 0;}
#conts .realTime-wait .time dl {display:table; width:100%; text-align:left;}
#conts .realTime-wait .time dt,
#conts .realTime-wait .time dd {display:table-cell; vertical-align:top; padding:.5em;}
#conts .realTime-wait .time dt {width:10em; color:#00a69c; font-weight:700;}
#conts .realTime-wait .time dd em {color:#777; display:block; margin:.5em 0 0;}
#conts .realTime-wait a.button.point {border-radius:2em;}

@media all and (max-width:1024px) {
	#conts .realTime-wait:after {width:400px; top:1em; right:.5em;}
	#conts .realTime-wait .obj01 {width:120px; right:12em;}
	#conts .realTime-wait .obj02 {width:150px;}
	#conts .realTime-wait .txt-box {width:60%;}
}

@media all and (max-width:768px) {
	#conts .realTime-wait:after {width:300px; top:1em;}
	#conts .realTime-wait .obj01 ,
	#conts .realTime-wait .obj02 {display:none;}
	#conts .realTime-wait .txt-box {width:100%; }
}

@media all and (max-width:600px) {
	#conts .realTime-wait {padding:3em 2em;}
	#conts .realTime-wait:after {display:none;}
	#conts .realTime-wait .txt-box {text-align:center;}
	#conts .realTime-wait .tit {font-size:1.75em;}
	#conts .realTime-wait br {display:none;}
	#conts .realTime-wait .time dl {display:block; padding:.5em 0 0;}
	#conts .realTime-wait .time dl + dl {margin-top:.5em; border-top:1px dashed #ddd;}
	#conts .realTime-wait .time dt,
	#conts .realTime-wait .time dd  {display:block; padding:.25em;}
}