@charset "utf-8";   
 /*희방복지지원*/
.qr_wrap{display: flex; margin-top:10px; padding:20px 30px; border:1px solid #e0e0e0;}
.qr_wrap .div1{flex:1; text-align:center;}
.qr_wrap .div2{  flex:3; text-align:left; align-items:center; padding-top:25px;}
@media all and (max-width:620px) {
	.qr_wrap{flex-direction:column;}
}

/*종갓집 중구 복지안내*/
.qr_wrap2{display: flex; margin-top:10px; padding:20px 50px; border:1px solid #e0e0e0;box-shadow: 1px 1px 2px 0 rgb(236 236 236 / 100%);}
.qr_wrap2 .div1{flex:1; text-align:left; align-items:center; }
.qr_wrap2 .div2{  flex:1; text-align:center;}
.qr_wrap2 .div1 strong{display: block;   margin:50px 0px 0px 0px; font-size: 20px;    color: #232325;}
.qr_wrap2 .div1 p{padding: 10px 0 15px 0;    color: #4b4b4b;}

@media all and (max-width:620px) {
	.qr_wrap2{flex-direction:column;}
}

/* 명예의 전당 */
.honor_img {overflow:hidden;}
.honor_img li {overflow:hidden; float:left; width:32%; text-align:center; padding-right:2%;}
.honor_img li:last-child {padding-right:0}
.honor_img li img {width:100%;}

/* 20200325 */
.img_area1 {border:1px solid #ddd; padding:10px;}

/* 인구정책 */
.list-box {position:relative;  width:calc(100% - 0em); margin-left:0em; padding:0em;}
.list-box ul:after {content:''; clear:both; display:table;}
.list-box li {position:relative; width:32.3%; float:left; padding:0.5%; word-break:keep-all; }
.list-box li a {display:block; height:3.5em; line-height:3.25em; padding:0 2em 0 1em;  border: 1px solid #ddd; border-radius:.25em; background:url(https://www.junggu.ulsan.kr/board/download.ulsan?boardId=BBS_0000195&dataSid=644745&fileSid=198687) no-repeat right .75em center; background-size:20px;}
.list-box li a span {display:inline-block;  line-height:1.2;  font-size:14px; letter-spacing:-0.0507em; vertical-align:middle;}
.list-box li a:hover {border:1px solid #333333; background:url(https://www.junggu.ulsan.kr/board/download.ulsan?boardId=BBS_0000195&dataSid=644745&fileSid=198688) no-repeat right .75em center; background-size:20px; font-weight:700;}

@media  screen and (max-width:900px)
{
.list-box li {width:50%;}
}

@media all and (max-width:640px) {
.list-box li {width:100%;}

}
.img_area1 img {width:100%;}
.process_area.o_h1 ul li div {height:105px}

/* 세무일정표 200512 */
/* 이달지방세일정 */
.tx {    margin-bottom: 10px;
    /*text-align: right;*/}
.basic_box.sd * {vertical-align:top;}
.basic_box.sd .tx {float:left; padding-top:8px; font-size:16px;}
.basic_box.sd .tab_ul_dep {float:right; width:40%; margin-bottom:0;}

.monthly_area .month {position:relative; height:60px; line-height:58px; background:#fff5f7; border:1px solid #ddd; border-top:2px solid #ff3157; text-align:center; font-size:22px;}
.monthly_area .month .ctrlbtn {}
.monthly_area .month .ctrlbtn .prev {position:absolute; top:50%; left:38%; margin-top:-16px; display:block; width:32px; height:32px; background:url('/images/domain/junggu/sub/cal_btn1.png') 0 0 no-repeat; text-indent:-9999px;}
.monthly_area .month .ctrlbtn .next {position:absolute; top:50%; right:38%; margin-top:-16px; display:block; width:32px; height:32px; background:url('/images/domain/junggu/sub/cal_btn2.png') 0 0 no-repeat; text-indent:-9999px;}
.monthly_area .day {position:relative;}
.monthly_area .day:after {content:''; display:block; clear:both; }
.monthly_area .day:before {content:''; display:block; height:1px; position:absolute; width:100%; top:250px; background:#00a06d;}
.monthly_area .day li {position:relative; background:#f7f7f7; float:left; width:3.225%; height:30px; padding:8px 0; text-align:center; border-bottom:1px solid #ccc; font-family:verdana; font-size:13px;}
.monthly_area .day li span.day_detail{width:1px; height:1px; display:block; position:absolute; left:0; overflow:hidden;}
.monthly_area .day li:after {content:''; position:absolute; top:0; right:0; display:block; height:250px; width:1px; background:#e5e5e5;}
.monthly_area .day li:first-child:before {content:''; position:absolute; top:0; left:0; display:block; height:250px; width:1px; background:#e5e5e5;}
.monthly_area .day li.sat {color:#005dd0; font-weight:bold;}
.monthly_area .day li.sun {color:#cc0010; font-weight:bold;}

.month_wrap  {min-height:250px;}

.monthly_area .cont li {position:relative;height:30px; background:#f34072;; line-height:30px; margin:6px 0; z-index:10; text-align:center; color:#000; font-weight:500; color:#fff;}
.monthly_area .d1 {width:3.225%;}
.monthly_area .d2 {width:6.45%;}
.monthly_area .d3 {width:9.675%;}
.monthly_area .d4 {width:12.9%;}
.monthly_area .d5 {width:16.125%;}
.monthly_area .d6 {width:19.35%;}
.monthly_area .d7 {width:22.575%;}
.monthly_area .d8 {width:25.8%;}
.monthly_area .d9 {width:29.025%;}
.monthly_area .d10 {width:32.25%;}
.monthly_area .d11 {width:35.475%;}

.monthly_area .d12 {width:38.7%;}
.monthly_area .d13 {width:41.925%;}
.monthly_area .d14 {width:45.15%;}
.monthly_area .d15 {width:48.375%;}
.monthly_area .d16 {width:51.6%;}
.monthly_area .d17 {width:54.825%;}
.monthly_area .d18 {width:58.05%;}
.monthly_area .d19 {width:61.275%;}
.monthly_area .d20 {width:64.5%;}
.monthly_area .d21 {width:67.725%;}
.monthly_area .d22 {width:70.95%;}
.monthly_area .d23 {width:74.175%;}
.monthly_area .d24 {width:77.4%;}
.monthly_area .d25 {width:80.625%;}
.monthly_area .d26 {width:83.85%;}
.monthly_area .d27 {width:87.075%;}
.monthly_area .d28 {width:90.3%;}
.monthly_area .d29 {width:93.525%;}
.monthly_area .d30 {width:96.75%;}
.monthly_area .d31 {width:100%;}

.monthly_area .b1 {position:relative; left:3.225%;}
.monthly_area .b2 {position:relative; left:6.45%;}
.monthly_area .b3 {position:relative; left:9.675%;}
.monthly_area .b4 {position:relative; left:12.9%;}
.monthly_area .b5 {position:relative; left:16.125%;}
.monthly_area .b6 {position:relative; left:19.35%;}
.monthly_area .b7 {position:relative; left:22.575%;}
.monthly_area .b8 {position:relative; left:25.8%;}
.monthly_area .b9 {position:relative; left:29.025%;}
.monthly_area .b10 {position:relative; left:32.25%;}
.monthly_area .b11 {position:relative; left:35.475%;}
.monthly_area .b12 {position:relative; left:38.7%;}
.monthly_area .b13 {position:relative; left:41.925%;}
.monthly_area .b14 {position:relative; left:45.15%;}
.monthly_area .b15 {position:relative; left:48.375%;}
.monthly_area .b16 {position:relative; left:51.6%;}
.monthly_area .b17 {position:relative; left:54.825%;}
.monthly_area .b18 {position:relative; left:58.05%;}
.monthly_area .b19 {position:relative; left:61.275%;}
.monthly_area .b20 {position:relative; left:64.5%;}
.monthly_area .b21 {position:relative; left:67.725%;}
.monthly_area .b22 {position:relative; left:70.95%;}
.monthly_area .b23 {position:relative; left:74.175%;}
.monthly_area .b24 {position:relative; left:77.4%;}
.monthly_area .b25 {position:relative; left:80.625%;}
.monthly_area .b26 {position:relative; left:83.85%;}
.monthly_area .b27 {position:relative; left:87.075%;}
.monthly_area .b28 {position:relative; left:90.3%;}
.monthly_area .b29 {position:relative; left:93.525%;}
.monthly_area .b30 {position:relative; left:96.75%;}
.monthly_area .b31 {position:relative; left:100%;}

.box_2n {display:table;  width:99.9%; border:1px solid #d4d4d4; margin-top:30px;}
.box_2n .left {display:table-cell; width:50%; border-right:1px solid #d4d4d4;  padding:25px 30px; vertical-align:top;}
.box_2n .right {display:table-cell; width:50%;  padding:25px 30px; vertical-align:top;}

@media all and (max-width:768px) {	
	.month_wrap { overflow-x:auto; overflow-y:hidden; border-bottom:1px solid #00a06d; min-height:auto; padding-bottom:30px;}
	.month_wrap .day, .month_wrap .cont {min-width:700px; }
	.monthly_area .day li {font-size:12px;}

	.monthly_area .month {height:50px; line-height:48px; font-size:19px;}
	.monthly_area .month .ctrlbtn .prev, .monthly_area .month .ctrlbtn .next {transform:scale(0.8)}
}
@media all and (max-width:700px) {	
	.box_2n {display:block; border:0; margin-top:15px;}
	.box_2n .left {display:block; width:100%; padding:0; border:none; margin-bottom:20px;}
	.box_2n .right {display:block; width:100%; padding:0;}
}

@media all and (max-width:620px) {	
	.monthly_area .month .ctrlbtn .prev {left:28%;}
	.monthly_area .month .ctrlbtn .next {right:28%;}
	
	.basic_box.sd .tx {width:100%;padding-bottom:10px; font-size:14px;}
	.basic_box.sd .tab_ul_dep {width:100%;}
}	

/* 연간지방세일정 */
.box_st2.sd > p {font-size:21px; }
.box_st2.sd .cont {position:relative; padding:20px 20px 20px 95px; border-bottom:1px solid #d4d4d4;}
.box_st2.sd .cont .mon {position:absolute; top:23px; left:30px; font-size:20px; font-weight:bold; color:#000;}
.box_st2.sd .cont > ul > li {overflow:hidden;}
.box_st2.sd .cont > ul > li > em {display:block; float:left; width:150px; color:#666; font-weight:normal; font-style:italic}
.box_st2.sd .cont > ul > li > strong {display:block; float:left; width:calc(100% - 150px); font-weight:normal;}

@media all and (max-width:620px) {	
	.box_st2.sd > p {font-size:18px; padding-top:14px; padding-bottom:14px;}
	.box_st2.sd .cont {padding:15px;}
	.box_st2.sd .cont .mon {position:static; font-size:16px; margin-bottom:8px;}
	.box_st2.sd .cont > ul > li > em {width:100px;}
	.box_st2.sd .cont > ul > li > strong {width:calc(100% - 100px);}
}

@media all and (max-width:420px) {
	.box_st2.sd .cont {padding:10px; border-color:#00a06d;} 
	.box_st2.sd > p {text-align:center;}
	.box_st2.sd .cont > ul > li {margin-bottom:8px; padding-bottom:4px; border-bottom:1px dotted #d4d4d4;}
	.box_st2.sd .cont > ul > li:last-child {border-bottom:none; margin-bottom:0;}
	.box_st2.sd .cont > ul > li > em {width:100%; line-height:1.2;}
	.box_st2.sd .cont > ul > li > strong {width:100%;}
}