/* 버튼스타일 */ /* 고정값 */
.text-right {text-align:right}
.bt_st{display:inline-block;height:32px;margin:2px 3px 3px 3px;padding:0 15px;line-height:32px;cursor:pointer; font-size:15px; font-weight:normal;}
.bt_small{display:inline-block;border-radius:2px;cursor:pointer;padding:1px 8px;font-size:12px;height:22px;line-height:22px;box-shadow:none !important}
.bt_big{padding:10px 20px;font-size:16px;}
.bt_under{text-decoration:underline;}

.bt_red{background-color:#ec3b5a; color:#fff;}
.bt_red:focus {box-shadow:0 0 0 1px #0012ff, 0 0 0 2px #0012ff;}
.bt_orange{background:#ff3157;color:#fff; }
.bt_orange:focus {box-shadow:0 0 0 1px #0012ff, 0 0 0 2px #0012ff;}
.bt_orange2{background:#f76221;color:#fff; border:1px solid #fb7519}
.bt_orange2:focus {box-shadow:0 0 0 1px #0012ff, 0 0 0 2px #0012ff;}
.bt_gray{background:#999;color:#fff; }
.bt_darkgray{background:#54535a;color:#fff;}
.bt_blue{background:#0089d0;color:#fff;}
.bt_green{background:#13a08e;color:#fff;}
.bt_sgray{border:1px solid #bbb;background:#f2f2f2;color:#666;border-color: #c8c8c8 #9c9c9c #9c9c9c #c8c8c8;}
.bt_black{background:#383d41;color:#fff;}
.bt_pink{background:#ef3e61;color:#fff;}
.bt_pink:focus {box-shadow:0 0 0 1px #0012ff, 0 0 0 2px #0012ff;}
.bt_down {position:relative; padding-right:30px;}
.bt_down:after {content:''; position:absolute; top:11px; right:15px; display:block; width:10px; height:11px; background:url('/images/domain/junggu/common/bt_down.png') 0 0 no-repeat}
.bt_down2 {position:relative; padding-left:12px;padding-right:30px; border:1px solid #d1d1d1; margin:0;line-height:30px;height:30px;}
.bt_down2:after {content:''; position:absolute; top:8px; right:10px; display:block; width:15px; height:14px; background:url('/images/domain/junggu/common/icon_down_b.gif') 0 0 no-repeat}
.bt_down3 {display:block; height:35px;margin:0 3px 5px 3px;padding:0 15px;line-height:33px; border:1px solid #d1d1d1; font-size:14px}
.bt_down3::after {content:'';display:inline-block;margin-left:5px;width:15px;height:15px;background:url('/images/domain/junggu/common/down_btn3.png') 0 1px no-repeat;}
.bt_viewer {display:inline-block; background:#707070; color:#fff;box-shadow:0 2px 0 0 #323232; padding:1px 7px; margin-left:4px; }

.bt_sch{height:38px;background:#5d5d5d;color:#fff;padding:0 15px;}

.blank_btn {display:inline-block; height:35px;margin:0 3px 5px 3px;padding:0 15px;line-height:33px; border:1px solid #d1d1d1; font-size:14px; box-sizing: border-box; color: #000;}
.blank_btn::after {content:'';display:inline-block;margin-left:5px;width:14px;height:15px; background: url(/images/domain/junggu/sub/blank.png) right 1px no-repeat;}

.blank_btn2 {display:inline-block; height:40px;margin:0 3px 5px 3px;padding:0 20px 0 30px ;line-height:37px; border:1px solid #d1d1d1; font-size:16px; font-weight:600;}
.blank_btn2::after {content:'';display:inline-block;margin-left:15px;width:14px;height:15px;background:url('/images/domain/junggu/sub/blank.png') 0 0px no-repeat;}


.t_orange{color:#f76221 }
.t_pink{color:#ef3e61}
.t_blue{color:#005fc1}
.t_green{color:#119315}
.t_red{color:#ee3356}
.t_b{font-size:17px}
.t_s{color:#999;font-size:12px}
.t_num{font-size:12px;font-family:Arial,sans-serif}
.t_big {font-size:18px; margin-bottom:5px; padding-left:3px;}

.t_left{text-align:left}
.t_right{text-align:right}
.t_center{text-align:center}

.tx_red {color:#ee3356 !important; font-weight:bold}
.tx_left {text-align:left}
.tx_center {text-align:center}
.tx_right {text-align:right}
.col_red {color:#ee5533}

.col1{width:100%;}
.col2{width:50%;}
.col3{width:33.333%;}
.col4{width:25%;}
.col5{width:20%;}

.w100{width:100%;}
.w99{width:99%;}

.img_wrap {padding:50px 10px; border:1px solid #e0e0e0; text-align:center}
.img_wrap2 {padding:10px 10px; border:1px solid #e0e0e0; text-align:center}



/* 상징물 */
.symbol {overflow:hidden; border:1px solid #ddd; }
.symbol .img{float:left; display:block;  padding:10% 0 ;width:38%;text-align:center;}
.symbol .img > div {margin-top:40px;}
.symbol .tx {float:left; padding:5% 3% 4% 0; width:62%; box-sizing: border-box;}
.symbol .tx strong {display:inline-block; font-size:20px; line-height:130%}
.symbol .tx > p {margin:10px 0 25px 0;font-size:15px; color:#4b4b4b; line-height:130%}
.symbol .tx > p span {display:block; }
.symbol .tx ul li {height:65px; margin-bottom:11px; padding:12px 0 0 105px; line-height:20px; font-size:15px; color:#747474; background:url('/images/domain/junggu/junggu/junggu_red.jpg') left top no-repeat;}
.symbol .tx ul li.st1 {background-image:url('/images/domain/junggu/junggu/junggu_red.jpg')}
.symbol .tx ul li.st2 {background-image:url('/images/domain/junggu/junggu/junggu_blue.jpg')}
.symbol .tx ul li.st3 {background-image:url('/images/domain/junggu/junggu/junggu_green.jpg')}
.symbol .tx ul li span {display:block}
.symbol.st1 {text-align:center}
.symbol.st1 img {float:none; width:auto; margin:0 auto; padding:4% 2% 4% 1.5%}

@media all and (max-width:800px) {	
	/* 상징물 */
	.symbol .img {float:none; width:100%;}
	.symbol .tx {float:none; padding:0 6% 6% 6%; width:100% }
	.symbol .tx strong {font-size:17px}
	.symbol .tx > p {font-size:13px}	
	.symbol .tx ul li {height:auto; margin-bottom:20px; padding:110px 30px 25px 30px; font-size:13px; text-align:center; background-position:center 33px; background-color:#ffffff; border:1px dotted #ababab}
	.symbol .tx ul li span {display:inline-block}
	.symbol.st1 img {float:none; width:80%}
}

/* tx_list */
.tx_list {margin-top:20px;}
.tx_list > li {overflow:hidden; margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #dddddd}
.tx_list > li:last-child {margin-bottom:0px; border:0 none}
.tx_list li .pho {float:left; width:33%; border:1px solid #dedede; overflow: hidden; box-sizing: border-box;}
.tx_list li .pho img {height:230px; }
.tx_list li .pho.long img {height:435px; }/*긴이미지 일때*/
.tx_list li .tx {float:right; width:64%; margin-left:3%; box-sizing: border-box;}
.tx_list li .tx h4 {margin:15px 0 15px 0; font-size:20px}
.tx_list li .tx ul li {position: relative; padding-left:12px; font-size:15px; color:#4b4b4b; line-height:1.5em;}
.tx_list li .tx ul li:before{position: absolute; top: 9px; left: 0; content: ""; display: block; width: 4px; height: 4px; background-color: #888; border-radius: 50%;}
.tx_list li .tx ul li.tx_p {padding:0; background:none}

@media all and (max-width:620px) {	
	/* tx_list */
	.tx_list li .pho {overflow:hidden; float:none; width:100%; text-align:center}
	.tx_list li .pho img {width:50%; height:50%}
	.tx_list li .pho.long {height:200px} /*긴이미지 일때*/
	.tx_list li .pho.long img {width:80%; margin-top:-30px; }/*긴이미지 일때*/
	.tx_list li .tx {float:none; width:100%; margin:3% 0 0 0%; padding:0 0%}	
}

/* s_nature */
.s_nature {overflow:hidden;  margin-top:20px}
.s_nature li {float:left; width:31%; margin-right:2.3%}
.s_nature li:last-child {margin-right:0}
.s_nature li .tx {min-height:200px; padding:25px 21px; border:1px solid #dddddd; border-top:0 none}
.s_nature li .tx .s_tit {display:inline-block; height:22px; padding:0 10px; font-size:13px; line-height:21px; border:1px solid #ff781a; color:#ff781a; border-radius:22px}
.s_nature li .tx strong {display:block; padding:15px 0 10px 0; font-size:18px; line-height:130%;}
.s_nature li .tx p {line-height:150%; color:#4b4b4b}
.s_nature li .pho img {width:100%; }

@media all and (max-width:620px) {	
	/* s_nature */	
	.s_nature li {float:none; width:100%; margin:0 0 25px 0}
	.s_nature li .pho img {width:100%; }
}                   

/* 테이블st1 */
.tbl_basic {width:100%; border-top: 2px solid #ff3157; border-bottom: 1px solid #ff3157; text-align:center;line-height:1.6em}
.tbl_basic th,.tbl_basic td{padding:10px;border:1px solid #dadde0; border-width:1px 1px 0 1px; font-size:15px; word-break: break-all; vertical-align: middle;}
.tbl_basic thead tr th {background:#fff5f7; font-weight:bold;}
.tbl_basic tbody tr th ,.tbl_basic tfoot tr th {background:#f8f8f8; color:#333;}
.tbl_basic th:first-child,.tbl_basic td:first-child{border-left:none}
.tbl_basic th:last-child,.tbl_basic td:last-child{border-right:none}
.tbl_basic tfoot tr td, .tbl_basic tfoot tr td {background:#eee; font-weight:bold;}
.b_con .tbl_basic th, .b_con .tbl_basic td{padding-top:7px;padding-bottom:7px;}

.tbl_basic.wb1{ word-break: break-all; }

.wordkeep {white-space:normal;word-break:keep-all;   }


/*중구9경 중구9맛 이미지박스*/
.imgWrap {border:1px solid #ccc; width:100%;    text-align: center;    box-sizing: border-box; padding:10px;}
.imgWrap img{}


@media all and (max-width:620px) {
    /* 테이블 */	
	.tbl_basic {line-height:1.6em}
	.tbl_basic th,.tbl_basic td{padding-right:5px;padding-left:5px;font-size:14px; line-height:1.4;}
	.tbl_basic .num{display:none;}

}

/* tx_basic */
.tx_basic {margin-top:20px;}
.tx_basic > li { margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #e6e6e6}
.tx_basic > li:last-child {margin-bottom:0px; border:0 none}
.tx_basic li div.area {overflow:hidden;}
.tx_basic li .pho {float:left;width: 27%;border:1px solid #dedede;background:#eeeeee;box-sizing: border-box;}
.tx_basic li .pho img {height:230px; }
.tx_basic li .tx {float:right;width: 70%;margin-left:3%;box-sizing: border-box;}
.tx_basic li h4 {margin: 0 0 17px 0; padding-bottom:17px; border-bottom:1px dotted #dbdbdb; font-size:22px; color:#4d4d4d}
.tx_basic li ul li {position: relative; padding-left:12px; font-size:15px; color:#4b4b4b; line-height:1.5em;}
.tx_basic li ul li:before{position: absolute; top: 9px; left: 0; content: ""; display: block; width: 3px; height: 3px; background-color: #444; border-radius: 50%;}
.tx_basic li ul li.tx_p {padding:0; background:none} /* p 기본값 */
.tx_basic li ul li > strong {color:#f54364;}
.tx_basic li ul li > strong.st1 {margin-right:25px; }
.tx_basic li .tx_history ul li {margin-bottom:8px; padding-bottom:8px; border-bottom:1px dotted #dbdbdb;}
.tx_basic li .tx_history h4 {padding:0; border:0 none}
.tx_basic li .tx_history ul li p.p_tx {margin-top:2px; font-size:15px; color:#4b4b4b}
.tx_basic li.strong_ab li {position:relative; padding-left:225px}
.tx_basic li.strong_ab li strong {position:absolute; top:0; left:13px}
/* 작은이미지 사이즈 */
.tx_basic.s_img li .pho {width:20%;}
.tx_basic.s_img li .pho img { height:auto}
.tx_basic.s_img li .tx {width:77%; margin-left:3%}
/* 이미지 없을 때 */
.tx_basic li .area.no_img .tx {width:100%}
.tx_basic li .area.no_img h4 {border:0 none; margin-bottom:0px}
.tx_basic.s_img > li {margin-bottom:20px; }

@media all and (max-width:800px) {	
	/* tx_basic */
	.tx_basic li .pho {overflow:hidden; float:none; width:100%; text-align:center}
	.tx_basic li .pho img {width:320px; height:auto}
	.tx_basic li .tx {float:none; width:100%; margin:3% 0 0 0%; padding:0 0%}
	.tx_basic li h4 {font-size:19px}
	.tx_basic li ul li {font-size:14px}
	.tx_basic li.strong_ab li {padding-left:13px}
	.tx_basic li.strong_ab li strong {position:static; padding-left:0}
	.tx_basic li.strong_ab li strong.st1 {display:block}
	.tx_basic.s_img li .pho {width:100%;}
	.tx_basic.s_img li .pho img {width:200px;}
	.tx_basic.s_img li .tx {width:100%; margin-left:0%}
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
h2.h2_st1 {    font-size: 23px;
    margin-bottom: 15px; position: relative;
    padding-left: 15px;}
h2.h2_st1:before{content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 5px;
    height: 25px;
    background-color: #2e4385;
    z-index: 2;
}
.tx_listWrap ul li {position: relative;
    padding-left: 15px; margin-bottom:10px; line-height:30px;}
.tx_listWrap ul li:before {position: absolute;
    top: 9px;
    left: 0;
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    background-color: #444;
    border-radius: 50%;}
.tx_listWrap ul li ul {margin-top:10px;}
.tx_listWrap ul li ul li {margin-bottom:0;}

/* div.box */
.box_st {padding:2% 3%; background:#f5f9ff; border:1px solid #e9e9e9; line-height:150%}
.box_st h3{font-size:16px;padding-bottom:10px;}
.box_st > ul > li{padding-bottom:5px;font-size:15px;}
/*.box_st > ul > li:before{content:'- '}*/
.box_st > ul.st1_none li:before{display:none}

/* div.box2 */
.box_st2 {border:1px solid #e9e9e9; border-top:2px solid #ff3157; background:#fff; text-align:left; line-height:130%;}
.box_st2 > p {display:block; padding:17px 3% 18px 3%; background:#fff5f7; font-size:18px; font-weight:600; }
.box_st2 > p > span {margin-right:8px;padding:2px 8px 3px 8px;background:#ff3157;color:#fff; font-size:17px}
.box_st2 > ul {padding:2% 3%;}
.box_st > ul > li {padding-bottom:5px;font-size:15px;}


@media all and (max-width:620px) {	
	/* div.box */
	.box_st {font-size:14px;}
}

/* ul_style */
.ul_st1 {margin-left:6px}
.ul_st1 > li {position: relative; padding-left:12px; text-align:left; color:#222222; line-height:1.7em;}
.ul_st1 > li:before{position: absolute; top: 10px; left: 0; content: ""; display: block; width: 5px; height: 5px; background-color: #ff3359; border-radius: 50%;}
.ul_st1 > li > ul {margin:3px 0 15px 0}
.ul_st1 > li > ul > li {position: relative; padding-left:11px; font-size:15px; color:#4b4b4b; line-height:1.7em;}
.ul_st1 > li > ul > li:before{position: absolute; top: 9px; left: 0; content: ""; display: block; width: 4px; height: 4px; background-color: #888; border-radius: 50%;}
.ul_st1 > li > ul > li > ul {margin:3px 0 15px 0}
.ul_st1 > li > ul > li > ul li {position: relative; padding-left:12px; font-size:15px; color:#4b4b4b; line-height:1.7em; }
.ul_st1 > li > ul > li > ul li:before{position: absolute; top: 11px; left: 0; content: ""; display: block; width: 5px; height: 1px; background-color: #888;}
.ul_st1 > li div.box_st {margin:10px 0}
.ul_st1 a.bt_st {margin-top:-5px}

.ul_st1.float {overflow: hidden;}
.ul_st1.float > li {float:left; margin-right:25px;}

.ul_st2 {margin:0 0 30px 10px}
.ul_st2 > li {padding-left:11px; font-size:15px; color:#4b4b4b; line-height:1.7em; background:url('/images/junggu/common/li_dot2.png') 0 9px no-repeat}
.ul_st2 > li > ul {margin:3px 0 15px 0}

.ul_st3{overflow:hidden;}
.ul_st3 > li {display:block;position:relative;width:33.333%;float:left;padding-bottom:5px;background:url('/images/junggu/common/li_dot2.png') 0 12px no-repeat;padding-left:8px;padding-right:15px;}
.ul_st3 > li > label{width:80px;}
.ul_st3 > li input[type="text"]{width:50px;margin-right:5px;}

.ul_st7 {margin:0 0 5px 5px}
.ul_st7 > li {padding-left:11px; font-size:15px; color:#4b4b4b; line-height:1.7em; background:url('/images/junggu/common/li_dot2.png') 0 9px no-repeat}
.ul_st7 > li > ul {margin:3px 0 10px 0}

.ul_num > li {position: relative; margin:3px 0 8px 0; padding:0 0 0 24px; line-height:138%; color:#333333}
.ul_num > li > i {display:block;position:absolute;top:2px;left:0;width:18px;height:18px;border-radius:10px;background:#ff3157;color:#fff;font-size:12px;font-style:inherit;line-height:18px;text-align:center; }
.ul_num > li ul.ul_st1 {margin:5px 0 0 0}
.ul_num > li ul.ul_st1 li {background-position:0 6px; line-height:21px; color:#4b4b4b; font-size:15px }
.ul_num > li ul.ul_st1 li strong {color:#333333}
.ul_num > li ul.ul_st1 li ul li {background-position:0 8px;}
.ul_num > li p {margin-top:4px; font-size:15px; line-height:20px; }

/*지방세민원 메뉴*/
table.tbl_inul .ul_st1 > li > ul {margin:0;}
table.tbl_inul .ul_st1 > li > ul li {line-height:1.5em;}
table.tbl_inul .ul_st1 > li > ul li:last-child {padding-bottom:0;}

@media all and (max-width:620px) {
    /* ul_style */
    .ul_st1 > li {background-position:0 6px}
}


@media all and (max-width:480px) {	
    .ul_st1 li ul li {padding-left:10px; font-size:13px; background-position:0 7px}
}

/* 테이블 */
.ovf_min {min-width:620px}
.ovf_min1 {min-width:400px}
.ovf_min2 {min-width:700px}

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

}

.list_design > li.line{line-height:30px;     margin: 8px 0 0 0;}
.list_design > li.line .blank_btn {display:inline; padding:5px 15px}
.line2 > li{line-height:30px}

                                                                                                                                                                          
/* 울산중구9경 */
.list_design.type2 li span{width: 100px; display: inline-block; font-weight: 600;}

@media all and (max-width:620px) {
    /* 울산중구9경 */
    .list_design.type2 li span{width: 100%;}
}