@charset "UTF-8"; 

@charset "UTF-8"; 

@charset "UTF-8"; 

/********************************
 sub
 *******************************/

/********************************
 01민원
 *******************************/

/*01민원 > 05자치경찰위원회 > 02인사말*/
.greeting_nbox {margin-top:60px; padding-bottom:50px; background:url(../images/sub01/img_n_greetingbg.png) left top no-repeat;}
.greeting_nfix:after {content:''; display:block; visibility:hidden; clear:both;}
.greeting_nfix .greet_tit {position:relative;margin:30px 0;padding:20px 0 0;font-size: 3.0rem;line-height:1.4;font-family:'GSK';font-weight:400;color:#121212;letter-spacing:-1px;text-align: center;}
.greeting_nfix .greet_tit strong {display:inline-block; color:#0272d3; font-size: 3.6rem;}
.greeting_nimg {float:left;width: 48%;margin-top: 20px;}
.greeting_ntxt {float:right;width: 48%;margin-top: -10px;}
.greeting_ntxt p {margin-top: 18px;}

/*media query*/
@media screen and (max-width:1024px){
	.greeting_nfix .greet_tit {font-size:3.0rem; line-height:1.3;}
}
@media screen and (max-width:920px) {
	.greeting_nbox {margin-top:0; padding-top:20px; font-size:1.8rem;}
  	.greeting_ntxt p {margin-top:20px;}
	.greeting_nimg, .greeting_ntxt {float:none; width:inherit; text-align:center; margin-top:0px;}
	.greeting_nfix .greet_tit {padding:50px 0 0; text-align:center;}
  	.greeting_nfix .greet_tit strong {font-size: 3.2rem;}
	.greeting_nfix .greet_tit:before {left:50%; margin-left:-2px; width:4px; height:30px; background-color:#121212;}
	
}
@media screen and (max-width:767px) {
	.greeting_nbox {padding-top:10px; font-size:1.6rem;}
	}
@media screen and (max-width:640px) {
	.greeting_nfix .greet_tit {margin-top:20px; padding:30px 0 0; font-size:2.4rem;}
	.greeting_nfix .greet_tit:before {left:50%; margin-left:-1px; width:2px; height:20px; background-color:#121212;}	
}
@media screen and (max-width:480px) {
	.greeting_nfix .greet_tit {font-size:2.2rem; line-height:1.2;}
}

/*01민원 > 05자치경찰위원회 > 03위원소개*/
.Commission_imgbox {/* margin-top:20px; */}
.Commission_imgbox:after {content:''; display:block; visibility:hidden; clear:both;}
.Commission_layout {position:relative;}
.Commission_layout:after {content:''; display:block; visibility:hidden; clear:both;}
.Commission_layout > li {float:left;width:50%;padding: 20px 0 0;}

.Commission_inner {margin-right:20px;min-height: 180px;padding-bottom:20px;border-bottom:1px solid #ddd;}
.Commission_inner.inner_even {/* margin:0 0 0 20px; */}
.Commission_inner.myr_size {min-height:650px;}

.Commission_inner img {display:inline-block;float:left;background: #ddd;height: 150px;width: 118px;}
.Commission_inner .Commission_txtbox {padding-left: 134px;padding-top: 20px;}
.Commission_inner .Commission_txtbox h3 {margin-top: 0;margin-bottom: 10px;font-size: 2.0rem;line-height:1;font-family:'GSK';font-weight:400;color:#0d5cb8;}

.Commission_inner .Commission_txtbox .myr_tit {}
.Commission_inner .Commission_txtbox .myr_txt {}
.Commission_inner .Commission_txtbox .myr_txt p {position:relative; margin-top:20px; padding-left:10px; font-size:2.2rem; line-height:1; font-family:'GSK'; font-weight:400; color:#333;}
.Commission_inner .Commission_txtbox .myr_txt p:before {position:absolute; content:''; left:0; top:0; width:3px; height:15px; background-color:#0072bc;}

/*media query*/
@media screen and (max-width:1200px) {
	
}
@media screen and (max-width:1024px) {

}
@media screen and (max-width:920px) {
	.Commission_layout > li {padding-top:30px;}
	.Commission_inner.myr_size {min-height:828px;}
	
	.Commission_inner .Commission_txtbox h3 {font-size:2.2rem;}
	.Commission_inner .Commission_txtbox .myr_txt p {margin-bottom:4px; font-size:2.0rem;}
	.Commission_inner .Commission_txtbox .myr_txt p:before {height:12px;}
}

@media screen and (max-width:767px) {
	.Commission_layout > li {width:100%;}
}
@media screen and (max-width:640px) {
	
}
@media screen and (max-width:480px) {
	.Commission_layout > li {padding-top:20px;}	
	.Commission_inner img {display:block; float:none; width:170px;}
	.Commission_inner .Commission_txtbox {padding-left:0; padding:20px 0;}
	.Commission_inner .Commission_txtbox h3 {font-size:1.8rem;}
	.Commission_inner .Commission_txtbox .myr_txt p {padding-left:8px; font-size:1.6rem;}
	.Commission_inner .Commission_txtbox .myr_txt p:before {width:2px; height:9px;}
}

/*01민원 > 03시민신문고위원회 > 01위원회소개 > 01울산 시민신문고위원회란*/
.sinmungo_box {position:relative; padding:10px 0;}
.sinmungo_box:after {content:''; display:block; visibility:hidden; clear:both;}
.sinmungo_box i {position:absolute; width:50%; height:10px; font-size:0; line-height:0;}
.sinmungo_box i:before {display:block; content:''; position:absolute; width:50%; height:10px;}
.sinmungo_box i:after {display:block; content:''; position:absolute; width:50%; height:10px;}

.sinmungo_box i.line_t {top:0;}
.sinmungo_box i.line_b {bottom:0;}
.sinmungo_box i.line_t:before, .sinmungo_box i.line_b:before {left:0; background-color:#fe2e01;}
.sinmungo_box i.line_l {left:0;}
.sinmungo_box i.line_l:before {left:0; background-color:#fe2e01;}
.sinmungo_box i.line_l:after {right:0; background-color:#0173bb;}
.sinmungo_box i.line_r {right:0;}
.sinmungo_box i.line_r:before {left:0; background-color:#ffc701;}
.sinmungo_box i.line_r:after {right:0; background-color:#0f7b00;}

.sinmungo_box .img {margin-bottom:0;}

.sinmungo_txt {text-align:center; padding:30px 0 26px;}
.sinmungo_txt strong {display:block; font-family:'GSK'; font-size:2.0rem; font-weight:400; color:#222;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
  .sinmungo_box {padding:5px 0;}
  .sinmungo_box i,
  .sinmungo_box i:before,
  .sinmungo_box i:after {height:5px;}
  .sinmungo_txt {padding:30px 20px 26px;}
  .sinmungo_txt strong {font-size:1.8rem;}
}
@media screen and (max-width:640px) {
  .sinmungo_txt strong {font-size:1.6rem;}
}
@media screen and (max-width:480px) {
}

/*01민원 > 06인권센터 > 01인권센터소개 > 01울산 인권센터란?*/
.humanCenter_box {position:relative; padding:10px 0;}
.humanCenter_box .img {margin-bottom:0;}
.humanCenter_txt {text-align:center;padding: 30px 0 0;}
.humanCenter_txt strong {display:block; font-family:'GSK'; font-size:2.4rem; font-weight:400; color:#006f7a;}

/*01민원 > 06인권센터 > 03인권침해 상담ㆍ구제신청 */
.uhc_box {position:relative; padding:8% 7% ; background:url(../images/sub01/img_humanCenterbg.jpg) top center no-repeat;}
.uhc_box:after {content:''; display:block; visibility:hidden; clear:both;}
.uhc_inner {padding:40px 90px; text-align:center; background-color:rgba(255,255,255,0.95); box-shadow:2px 2px 10px 5px rgba(0,0,0,0.2);}
.uhc_inner h2 {margin:0 0 12px; font-family:'GSK'; font-size:2.8rem; font-weight:400; color:#222;}

.top_txtinner .t_txt > ul li:before {background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}
.top_txtinner .t_txt > ul li {position:relative;padding-left: 17px;}
.top_txtinner .t_txt > ul li:before {content:'';display:block;position:absolute;top:8px;left: 4px;width:6px;height:6px;background-position:0 -101px;}


	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
  .uhc_box {padding:20% 4% 10%;}
  .uhc_inner h2 {font-size:2.4rem;}
}

@media screen and (max-width:640px) {
  .uhc_inner {background-color:rgba(255,255,255,1);}
  .uhc_inner h2 {font-size:2.0rem; line-height:1.1;}
}
@media screen and (max-width:480px) {
}


/*01민원 > 07신고센터 > 02공직(갑질)비리 신고 > 04익명신고*/
.anon_box {}
.anon_box:after {content:''; display:block; visibility:hidden; clear:both;}
.anon_box label {position:relative; word-break:break-all;}
.anon_box .essent {position:absolute; display:inline-block; margin-left:3px; line-height:0; font-size:0;}
.anon_box .essent:before {content:'*'; position:absolute; left:0; top:3px; line-height:1; font-size:2.0rem; color:#d52604 !important;}
.anon_box .anon_inner {padding:0 1%; font-size:1.4rem;}
.anon_box .anon_inner input[type=file] {width:100%;}
.anon_box .anon_btn {margin-top:20px; padding-top:20px; border-top:1px solid #ddd; text-align:center;}
.anon_box .anon_btn button {width:50% !important;}


/********************************
 02소통참여
 *******************************/
/*02소통참여 > 01정책참여 > 01시민 다듬이방(제안)*/
.ddmb_box {position:relative; padding:15% 7%; background:url(../images/sub02/img_dadeumibangbg.jpg) center center no-repeat;}
.ddmb_box:after {content:''; display:block; visibility:hidden; clear:both;}

.ddmb_inner {padding:40px 30px; text-align:center; background-color:rgba(255,255,255,0.95); box-shadow:2px 2px 10px 5px rgba(0,0,0,0.2);}
.ddmb_inner h2 {margin:0 0 12px; font-family:'GSK'; font-size:2.8rem; font-weight:400; color:#222;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
  .ddmb_box {padding:20% 4%;}
  .ddmb_inner h2 {font-size:2.4rem;}
}
@media screen and (max-width:640px) {
  .ddmb_inner {background-color:rgba(255,255,255,1);}
  .ddmb_inner h2 {font-size:2.0rem; line-height:1.1;}
}
@media screen and (max-width:480px) {
}


/********************************
 03정보공개
 *******************************/

/*03정보공개 > 01행정정보공개 > 02정보공개제도-처리절차*/
.pro_tbox {position:relative; margin-top:40px;}
.pro_tbox > li {padding-left:0;}
.pro_tbox > li:before {display:none;}
.pro_tbox .pro_step {position:relative; }
.pro_tbox .pro_step .pro_stept {display:inline-block; position:absolute; top:-20px; left:0; width:70px; height:40px; text-align:center; line-height:36px; color:#fff; border:1px solid #09555c; background-color:#0b717b; border-radius:5px;}
.pro_tbox .pro_step .pro_stept:after {display:inline-block; position:absolute; content:" "; left:50%; bottom:-20px; width:0; height:0; margin-left:-10px; border:solid transparent; border-width:10px; border-color:rgba(251, 130, 46, 0); border-top-color:#0b717b;}
.pro_tbox .pro_text {padding:20px 0 30px 100px; border-top:1px solid #ddd;}

/*media query*/
@media screen and (max-width:1024px){
	.pro_tbox .pro_text {padding-left:80px;}
}

@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
	.pro_tbox .pro_text {padding:30px 10px 50px;}
}

@media screen and (max-width:480px) {
	.pro_tbox {margin-top:30px;}
	.pro_tbox .pro_step .pro_stept {top:-16px; height:32px; line-height:28px;}
	.pro_tbox .pro_text {padding-bottom:40px;}
}

/*03정보공개 > 04백서 : 공통 리스트*/
.uswp_box {border-top:3px solid #222; border-bottom:1px solid #ddd;}
.uswp_box:after {content:''; display:block; visibility:hidden; clear:both;}

.uswp_list {}
.uswp_list > li {position:relative; padding:0; border-top:1px dashed #dedede;}
.uswp_list > li:after {content:''; display:block; visibility:hidden; clear:both;}
.uswp_list > li:first-child {border-top:none;}
.uswp_list > li h3 {position:absolute; left:0; top:16px; display:inline-block; margin:0; padding:0; width:100px; font-size:18px; color:#222; text-align:center;}
.uswp_list > li .uswp_cont {position:relative; margin:15px 0 0 120px; padding:15px 120px 15px 0; border-top:1px dashed #e5e5e5;}
.uswp_list > li .uswp_cont.first {border-top:none; margin-top:0;}
.uswp_list > li .uswp_cont.gap {padding-bottom:25px;}
.uswp_list > li .uswp_cont.gap50 {padding-bottom:50px;}
.uswp_list > li .uswp_cont.gap80 {padding-bottom:80px;}
.uswp_list > li .uswp_cont ol {}
.uswp_list > li .uswp_cont ol li {position:relative; margin:2px 0; padding:0 0 0 8px; border-top:none;}
.uswp_list > li .uswp_cont ol li:before {content:''; display:block; position:absolute; top:8px; left:-2px; width:6px; height:6px; background:url(../images/sub_ir.png) 0 -101px no-repeat;}
.uswp_list > li .uswp_cont ol li:after {content:''; display:block; visibility:hidden; clear:both;}
.uswp_list > li .uswp_cont ol li em {color:#09646d; font-weight:500;}
.uswp_list > li .uswp_cont ol li .uswp_2st {display:inline-block; float:right; padding-right:20px; width:63%;}
.uswp_list > li .uswp_cont ol li .uswp_2st li {position:relative; padding-left:8px;}
.uswp_list > li .uswp_cont ol li .uswp_2st li:before {content:''; display:block; position:absolute; top:10px; left:-3px; width:7px; height:4px; background:url(../images/sub_ir.png) 0 -109px no-repeat;}

.uswp_list > li .uswp_cont ol li .uswp_2st.num li,
.uswp_list > li .uswp_cont ol li .uswp_3st.num li {padding-left:24px;}
.uswp_list > li .uswp_cont ol li .uswp_2st.num li:before,
.uswp_list > li .uswp_cont ol li .uswp_3st.num li:before {display:none;}
.uswp_list > li .uswp_cont ol li .uswp_3st.line li {padding-left:8px;}
.uswp_list > li .uswp_cont ol li .uswp_3st.line li:before {content:''; display:block; position:absolute; top:10px; left:-3px; width:7px; height:4px; background-position:0 -109px;}
.uswp_list > li .uswp_cont ol.uswp_two {}
.uswp_list > li .uswp_cont ol.uswp_two:first-child {border-top:none;}
.uswp_list > li .uswp_cont ol.uswp_two li em {display:inline-block; width:36%; float:left; color:#09646d; font-weight:500;}
.uswp_list > li .uswp_cont ol.uswp_two li .uswp_2st .uswp_3st {margin-left:0; margin-top:0; margin-bottom:5px;}
.uswp_list > li .uswp_cont ol li .uswp_2st.num li i,
.uswp_list > li .uswp_cont ol li .uswp_3st.num li i {display:inline-block; position:absolute; left:0; top:3px; width:18px; height:18px; font-size:1.1rem; text-align:center; text-indent:-1px; border-radius:10px; color:#0b717b; line-height:15px; border:1px solid #0b717b;}
.uswp_list > li .uswp_cont ol.uswp_two {}

.uswp_list > li .btn_down {position:absolute; right:10px; top:18px; display:inline-block; margin:0; padding:0; width:100px;}
.uswp_list > li .btn_down li {margin-top:5px; padding-left:30px; background:url(../images/sub05/img_file_btnline.gif) 0 12px no-repeat;}
.uswp_list > li .btn_down li:first-child {margin-top:0;}
.uswp_list > li .btn_down li a {display:block; color:#09646d; text-decoration:none;}
.uswp_list > li .btn_down li a span {display:block; padding:2px 0; font-size:13px; text-align:center; color:#09646d; border-radius:30px; border:2px solid #17909c; background-color:#fff;}
.uswp_list > li .btn_down li a span.pdf_color {color:#d52604; border-color:#d52604;}
.uswp_list > li .btn_down li a:hover span,
.uswp_list > li .btn_down li a:active span,
.uswp_list > li .btn_down li a:focus span {color:#fff; border-color:#09646d; background-color:#09646d; transition: all 0.1s linear;}
.uswp_list > li .btn_down li a:hover span.pdf_color,
.uswp_list > li .btn_down li a:active span.pdf_color,
.uswp_list > li .btn_down li a:focus span.pdf_color {border-color:#d52604; background-color:#d52604;}

/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
  .uswp_list > li {padding:15px 10px;}
  .uswp_list > li h3 {position:static; left:auto; top:auto; display:block; margin:0; padding:0; width:inherit; font-size:1.6rem; text-align:left;}
  .uswp_list > li .uswp_cont {margin:15px 0 0; padding:15px 0 0;}
  .uswp_list > li .uswp_cont.first {padding-top:0;}
  .uswp_list > li .uswp_cont.gap,
  .uswp_list > li .uswp_cont.gap50,
  .uswp_list > li .uswp_cont.gap80 {padding-bottom:0;}
  .uswp_list > li .uswp_cont ol.uswp_two li em {display:block; float:none; width:inherit;}
  .uswp_list > li .uswp_cont ol.uswp_two li .uswp_2st {display:block; float:none; padding-right:0; width:inherit;}
  .uswp_list > li .btn_down {position:static; right:auto; top:auto; display:block; margin:8px 0 0; padding:0; width:inherit;}
  .uswp_list > li .btn_down li {padding-left:0; background:none;}
  .uswp_list > li .btn_down li span {display:block; padding:6px 10px;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}

/*03정보공개 > 04백서 > 01시정백서*/
.uswp_new_box {position:relative;}
.uswp_new_box:after {content:''; display:block; visibility:hidden; clear:both;}

.uswp_new_list {}
.uswp_new_list li {position:relative; float:left; display:inline-block; width:25%; margin-top:10px; margin-bottom:20px; text-align:center;}
.uswp_new_list li .cv_img {position:relative; display:inline-block; margin-bottom:14px; border:1px solid #cecece; transition:all 0.2s ease;}
.uswp_new_list li .cv_img:after {content:''; position:absolute; right:-7px; bottom:-7px; width:100%; height:100%; background-color:rgba(0,0,0,0.1); z-index:-1;}
.uswp_new_list li a {display:inline-block;}
.uswp_new_list li a:hover .cv_img,
.uswp_new_list li a:active .cv_img,
.uswp_new_list li a:focus .cv_img {transform:translateY(-5px);}
.uswp_new_list li a:hover .cv_img:after,
.uswp_new_list li a:active .cv_img:after,
.uswp_new_list li a:focus .cv_img:after {background-color:#2e9ea9;}

.uswp_new_list li .cv_tit {display:block; margin-bottom:5px; color:#333; font-size:1.6rem;}
.uswp_new_list li .btn_down {display:inline-block; color:#fff;}
.uswp_new_list li .btn_down span {display:inline-block; padding:3px 10px; font-size:13px; color:#09646d; border-radius:30px; border:2px solid #17909c; background-color:#fff;}
.uswp_new_list li a:hover .btn_down span,
.uswp_new_list li a:active .btn_down span,
.uswp_new_list li a:focus .btn_down span {color:#fff; border-color:#09646d; background-color:#09646d; transition: all 0.1s linear;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
  .uswp_new_list li {width:33.33%;}
  .uswp_new_list li .cv_img {width:90%;}
}
@media screen and (max-width:767px) {
  .uswp_new_list li .cv_img {width:85%;}
  .uswp_new_list li .cv_tit {font-size:1.4rem;}
}
@media screen and (max-width:640px) {
  .uswp_new_list li .cv_img {width:75%;}
  .uswp_new_list li {width:50%;}
}
@media screen and (max-width:480px) {
  .uswp_new_list li .cv_img {width:70%;}
}

/*03정보공개 > 04백서 -(수정) 01시정백서*/
.uswp_list.gvwp_set > li .uswp_cont {margin-left:150px;}
.uswp_list.gvwp_set > li h3 {font-size:1.6rem; width:120px;}

@media screen and (max-width:767px) {
  .uswp_list.gvwp_set > li .uswp_cont {margin-left:0;}
  .uswp_list.gvwp_set > li h3 {font-size:1.6rem; width:inherit;}
}

/* 03정보공개 > 04백서 > 01시정백서 - 2016년 안내모달 */
.uswpcheck_box {display:none;}
.uswpcheck_bg {position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:0.5; z-index:30;}
.uswpcheck_modal {position:relative; bottom:1800px; margin:0 auto; padding:15px; width:350px; min-height:200px; border:1px solid #ddd; background-color:#fff; z-index:60;}
.uswpcheck_modal .uswpck_head {position:relative; padding-bottom:10px; border-bottom:1px solid #ddd;}
.uswpcheck_modal .uswpck_head .uswpck_tit {margin-top:10px; margin-bottom:0; font-size:2.0rem; text-align:center;}

.uswpcheck_modal .uswpck_inner {margin:25px 0 5px;}
.uswpcheck_modal .uswpck_inner .uswpck_area {text-align:center;}
.uswpcheck_modal .uswpck_inner .uswpck_area p strong {font-size:2.0rem;}
.uswpcheck_modal .uswpck_inner .uswpck_area p.uspw_call {font-size:1.8rem;}

.uswpcheck_modal .uswpck_btn {padding-top:10px; text-align:center;}
.uswpcheck_modal .uswpck_btn button {display:inline-block; margin:5px; padding:0 30px;}
.bd_btn.btn_config {color:#fff; border:none; background-color:#006cbd; line-height:40px; border-radius:5px;}
	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.uswpcheck_modal {bottom:2200px;}
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
  	.uswpcheck_modal {left:0; margin-left:0; width:100%;}
}
@media screen and (max-width:640px) {
	.uswpcheck_modal {bottom:2900px;}
}
@media screen and (max-width:480px) {
  	.uswpcheck_modal .uswpck_inner .uswpck_area {padding-left:0;}
}

/*03정보공개 > 04백서 -(수정) 05태화강 국가정원 백서*/
.uswp_list.thgwp_set > li .uswp_cont {padding-right:15px;}

@media screen and (max-width:767px) {
  .uswp_list.thgwp_set > li .uswp_cont {padding-right:0;}
}

/*03정보공개 > 04백서 > 03광역시 승격 10주년*/
.uswp10_box {position:relative;}
.uswp10_box:after {content:''; display:block; visibility:hidden; clear:both;}

.uswp10_list {}
.uswp10_list li {position:relative; float:left; display:inline-block; width:33.33%; margin-top:10px; margin-bottom:20px; text-align:center;}
.uswp10_list li .wp_img {position:relative; display:inline-block; margin-bottom:14px; border:1px solid #cecece; transition:all 0.2s ease;}
.uswp10_list li .wp_img:after {content:''; position:absolute; right:-7px; bottom:-7px; width:100%; height:100%; background-color:rgba(0,0,0,0.1); z-index:-1;}
.uswp10_list li a {display:inline-block;}
.uswp10_list li a:hover .wp_img,
.uswp10_list li a:active .wp_img,
.uswp10_list li a:focus .wp_img {transform:translateY(-5px);}
.uswp10_list li a:hover .wp_img:after,
.uswp10_list li a:active .wp_img:after,
.uswp10_list li a:focus .wp_img:after {background-color:#144398;}

.uswp10_list li .wp_tit {display:block; margin-bottom:5px; color:#333; font-size:1.6rem;}
.uswp10_list li .btn_down {display:inline-block; color:#fff;}
.uswp10_list li .btn_down span {display:inline-block; padding:3px 10px; font-size:13px; color:#144398; border-radius:30px; border:2px solid #144398; background-color:#fff;}
.uswp10_list li a:hover .btn_down span,
.uswp10_list li a:active .btn_down span,
.uswp10_list li a:focus .btn_down span {color:#fff; border-color:#144398; background-color:#144398; transition: all 0.1s linear;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
  .uswp10_list li .wp_img {width:85%;}
}
@media screen and (max-width:767px) {
  .uswp10_list li .wp_img {width:80%;}
  .uswp10_list li .wp_tit {font-size:1.4rem;}
}
@media screen and (max-width:640px) {
  .uswp10_list li .wp_img {width:75%;}
  .uswp10_list li {width:50%;}
}
@media screen and (max-width:480px) {
  .uswp10_list li {float:none; display:block; width:auto; margin-top:0; margin-bottom:40px;}
  .uswp10_list li .wp_img {width:90%;}
}

/*03정보공개 > 04백서 > 05태화강 국가정원 백서*/
/*.thgwp_box {border-top:3px solid #222; border-bottom:1px solid #ddd;}
.thgwp_box:after {content:''; display:block; visibility:hidden; clear:both;}

.thgwp_list {}
.thgwp_list > li {position:relative; padding:15px 20px; border-top:1px dashed #dedede;}
.thgwp_list > li:after {content:''; display:block; visibility:hidden; clear:both;}
.thgwp_list > li:first-child {border-top:none;}
.thgwp_list > li h3 {float:left; display:inline-block; margin:0; padding-right:20px; width:30%; font-size:18px; color:#222;}
.thgwp_list > li > ol {float:right; width:69%; padding-right:130px;}
.thgwp_list > li > ol > li {position:relative; float:none; margin:2px 0; padding:0 0 0 8px; border-top:none;}
.thgwp_list > li > ol > li > ol > li {position:relative; float:none; margin:2px 0; padding:0 0 0 8px; border-top:none;}
.thgwp_list > li > ol > li > ol > li:before {content:''; display:block; position:absolute; top:10px; left:-3px; width:7px; height:4px; background-position:0 -109px;}
.thgwp_list > li > ol > li > ol > li ol > li {position:relative; float:none; margin:2px 0; padding:0 0 0 24px; border-top:none;}
.thgwp_list > li > ol > li > ol > li ol > li i {display:inline-block; position:absolute; left:0; top:3px; width:18px; height:18px; font-size:1.1rem; text-align:center; text-indent:-1px; border-radius:10px; color:#0b717b; line-height:15px; border:1px solid #0b717b;}
*/
	/*media query
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
  .thgwp_list li h3 {float:none; display:block; margin-bottom:8px; padding-right:0; width:inherit; font-size:16px;}
  .thgwp_list li ol {float:none; width:inherit; margin-bottom:8px; padding-right:0;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}*/

/*03정보공개 > 06계약정보공개 > 01계약정보공개시스템*/
.ctt_box {position:relative; padding:15% 7%; background:url(../images/sub03/img_contractbg.jpg) center center no-repeat;}
.ctt_box:after {content:''; display:block; visibility:hidden; clear:both;}

.ctt_inner {padding:40px 30px; text-align:center; background-color:rgba(255,255,255,0.95); box-shadow:2px 2px 10px 5px rgba(0,0,0,0.2);}
.ctt_inner h2 {margin:0 0 12px; font-family:'GSK'; font-size:2.8rem; font-weight:400; color:#222;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
  .ctt_box {padding:20% 4%;}
  .ctt_inner h2 {font-size:2.4rem;}
}
@media screen and (max-width:640px) {
  .ctt_inner {background-color:rgba(255,255,255,1);}
  .ctt_inner h2 {font-size:2.0rem; line-height:1.1;}
}
@media screen and (max-width:480px) {
}


/********************************
 04시정소식
 *******************************/

/*04시정소식 > 09구군소식*/
.sctnews_copybox {position:relative; margin-bottom:30px; text-align:center;}
.sctnews_copybox:after {content:''; display:block; visibility:hidden; clear:both;}
.sctnews_copybox p {margin-bottom:0;}
.sctnews_copybox p strong {display:block; margin-bottom:4px; font-family:'GSK'; font-size:2.4rem; font-weight:400; line-height:1.3; color:#006cbd;}

.sctnews_listbox {overflow:hidden;}
.sctnews_listbox > ul {margin-left:-20px;}
.sctnews_listbox > ul > li {display:inline-block; float:left; width:33.33%; margin-bottom:20px; padding-left:20px; text-align:center;}
.sctnews_listbox .titbox .sctnews_listinner {padding-top:90px; border:none; background-color:#006f7a;}
.sctnews_listbox .titbox .sctnews_listinner h2 {display:block; margin:0; padding-top:140px; color:#fff; background:url(../images/sub04/img_sectionnews.png) center top no-repeat;}
.sctnews_listinner {position:relative; padding:30px 20px 20px; min-height:350px; border:1px solid #ddd;}
.sctnews_listinner h3 {margin:0 0 10px; font-family:'GSK'; font-size:2.4rem; font-weight:400; color:#121212;}
.sctnews_listinner .sctnews_img {text-align:center; margin-bottom:30px;}
.sctnews_listinner .sctnews_img img {height:80px;}

.sctnews_listlink li {margin-top:10px;}
.sctnews_listlink a {position:relative; display:block; padding-right:50px; text-align:left; color:#21383b; background-color:#d2d5d5; transition:background-color 0.2s linear;}
.sctnews_listlink a.sctcon:after {content:''; display:inline-block; position:absolute; top:0; right:5px; width:40px; height:40px; background-image:url(../images/sub04/img_section_ir.png); background-repeat:no-repeat;}
.sctnews_listlink a.sctcon.icon01:after {background-position:0 0;}
.sctnews_listlink a.sctcon.icon02:after {background-position:0 -40px;}
.sctnews_listlink a.sctcon.icon03:after {background-position:0 -80px;}
.sctnews_listlink a span {display:block; padding-left:10px; line-height:40px; background-color:#edeeee; transition:background-color 0.2s linear;}

.sctnews_listlink a:hover,
.sctnews_listlink a:active,
.sctnews_listlink a:focus {color:#fff; background-color:#00545d;}

.sctnews_listlink a:hover span,
.sctnews_listlink a:active span,
.sctnews_listlink a:focus span {background-color:#006f7a;}

.sctnews_listlink a.sctcon.icon01:hover:after,
.sctnews_listlink a.sctcon.icon01:active:after,
.sctnews_listlink a.sctcon.icon01:focus:after {background-position:-40px 0;}
.sctnews_listlink a.sctcon.icon02:hover:after,
.sctnews_listlink a.sctcon.icon02:active:after,
.sctnews_listlink a.sctcon.icon02:focus:after {background-position:-40px -40px;}
.sctnews_listlink a.sctcon.icon03:hover:after,
.sctnews_listlink a.sctcon.icon03:active:after,
.sctnews_listlink a.sctcon.icon03:focus:after {background-position:-40px -80px;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
  .sctnews_listbox .titbox .sctnews_listinner h2 {padding-top:120px; background-size:110px auto;}
  .sctnews_listinner {min-height:340px;}
  .sctnews_listinner h3 {font-size:2.2rem;}
  .sctnews_listinner .sctnews_img img {height:70px;}
}
@media screen and (max-width:767px) {
  .sctnews_copybox p strong {font-size:2.2rem;}
  .sctnews_listbox .titbox .sctnews_listinner h2 {padding-top:100px; background-size:80px auto;}
  .sctnews_listinner h3 {font-size:2.0rem;}
  .sctnews_listinner .sctnews_img img {height:60px;}
  .sctnews_listbox > ul {margin-left:-15px;}
  .sctnews_listbox > ul > li {float:left; width:50%; margin-bottom:15px; padding-left:15px;}
}
@media screen and (max-width:640px) {
  .sctnews_copybox p strong {font-size:2.0rem;}
  .sctnews_listbox > ul {margin-left:-10px;}
  .sctnews_listbox > ul > li {margin-bottom:10px; padding-left:10px;}
  
  .sctnews_listinner {padding:20px 10px 10px; min-height:280px;}
  .sctnews_listinner h3 {font-size:1.8rem;}
  .sctnews_listinner .sctnews_img {margin-bottom:20px;}
  .sctnews_listinner .sctnews_img img {height:50px;}
}
@media screen and (max-width:480px) {
  .sctnews_listbox > ul {margin-left:0;}
  .sctnews_listbox > ul > li {display:block; float:none; width:auto; padding-left:0;}
  .sctnews_listinner {padding:20px 10px 10px;}
}


/********************************
 울산소개
 *******************************/

/*05울산소개 > 01울산의비전 > 01시정비전*/
.usvision_box {position:relative;}
.usvision_img {text-align:center; padding:80px 50px 60px;}
.usvision_img p {display:inline-block; margin-bottom:0;}
.usvision_txt {padding:30px 40px; background-color:#f7f7f7;}
.usvision_txt ul {}
.usvision_txt ul li {position:relative; margin:0 0 4px; padding-left:28px;}
.usvision_txt ul li:before {content:''; display:block; position:absolute; top:9px; left:0; width:21px; height:5px; background:url(../images/sub05/bul_usvision.gif) 0 0 no-repeat;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
  .usvision_txt {padding-left:30px;}
}
@media screen and (max-width:640px) {
  .usvision_img {padding:60px 20px 40px;}
  .usvision_txt {padding-left:20px;}
}
@media screen and (max-width:480px) {
}

/*05울산소개 > 01울산의비전 > 02울산비전2040*/
.us2040_box {border-top:3px solid #222; border-bottom:1px solid #ddd;}
.us2040_box:after {content:''; display:block; visibility:hidden; clear:both;}

.us2040_list {}
.us2040_list li {position:relative; padding:15px 20px; border-top:1px dashed #dedede;}
.us2040_list li:after {content:''; display:block; visibility:hidden; clear:both;}
.us2040_list li:first-child {border-top:none;}
.us2040_list li h3 {float:left; display:inline-block; margin:0; padding-right:20px; width:44%; font-size:18px; color:#222;}
.us2040_list li ol {float:right; width:55%; padding-right:130px;}
.us2040_list li ol li {position:relative; float:none; margin:2px 0; padding:0 0 0 8px; border-top:none;}
.us2040_list li ol li:before {content:''; display:block; position:absolute; top:8px; left:-2px; width:6px; height:6px; background:url(../images/sub_ir.png) 0 -101px no-repeat;}
.us2040_list li .btn_down {display:inline-block; position:absolute; right:20px; top:13px; padding-left:52px; color:#fff; background:url(../images/sub05/img_file_btnline.gif) 0 13px no-repeat;}
.us2040_list li .btn_down span {display:inline-block; padding:3px 10px; font-size:13px; color:#09646d; border-radius:30px; border:2px solid #17909c; background-color:#fff;}
.us2040_list li .btn_down:hover span,
.us2040_list li .btn_down:active span,
.us2040_list li .btn_down:focus span {color:#fff; border-color:#09646d; background-color:#09646d; transition: all 0.1s linear;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
  .us2040_list li {padding:15px 10px;}
  .us2040_list li h3 {float:none; display:block; margin-bottom:8px; padding-right:0; width:inherit; font-size:16px;}
  .us2040_list li ol {float:none; width:inherit; margin-bottom:8px; padding-right:0;}
  .us2040_list li .btn_down {display:block; position:static; right:auto; top:auto; padding-left:0; text-align:center; background:none;}
  .us2040_list li .btn_down span {display:block; padding:6px 10px;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}

/*05울산소개 > 01울산의비전 > 03주요업무계획*/
.usplan_box {position:relative;}
.usplan_box:after {content:''; display:block; visibility:hidden; clear:both;}

.usplan_list {}
.usplan_list li {position:relative; float:left; display:inline-block; width:25%; margin-top:10px; margin-bottom:20px; text-align:center;}
.usplan_list li .cv_img {position:relative; display:inline-block; margin-bottom:14px; border:1px solid #cecece; transition:all 0.2s ease;}
.usplan_list li .cv_img:after {content:''; position:absolute; right:-7px; bottom:-7px; width:100%; height:100%; background-color:rgba(0,0,0,0.1); z-index:-1;}
.usplan_list li a {display:inline-block;}
.usplan_list li a:hover .cv_img,
.usplan_list li a:active .cv_img,
.usplan_list li a:focus .cv_img {transform:translateY(-5px);}
.usplan_list li a:hover .cv_img:after,
.usplan_list li a:active .cv_img:after,
.usplan_list li a:focus .cv_img:after {background-color:#2e9ea9;}

.usplan_list li .cv_tit {display:block; margin-bottom:5px; color:#333; font-size:1.6rem;}
.usplan_list li .btn_down {display:inline-block; color:#fff;}
.usplan_list li .btn_down span {display:inline-block; padding:3px 10px; font-size:13px; color:#09646d; border-radius:30px; border:2px solid #17909c; background-color:#fff;}
.usplan_list li a:hover .btn_down span,
.usplan_list li a:active .btn_down span,
.usplan_list li a:focus .btn_down span {color:#fff; border-color:#09646d; background-color:#09646d; transition: all 0.1s linear;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
  .usplan_list li {width:33.33%;}
  .usplan_list li .cv_img {width:90%;}
}
@media screen and (max-width:767px) {
  .usplan_list li .cv_img {width:85%;}
  .usplan_list li .cv_tit {font-size:1.4rem;}
}
@media screen and (max-width:640px) {
  .usplan_list li .cv_img {width:75%;}
  .usplan_list li {width:50%;}
}
@media screen and (max-width:480px) {
  .usplan_list li .cv_img {width:70%;}
}

/*05울산소개 > 01울산의비전 > 03주요업무계획(2010년 이전)*/
.usplan_oldbox {position:relative;}
.usplan_oldbox:after {content:''; display:block; visibility:hidden; clear:both;}

.usp_oldlist {}
.usp_oldlist > li {position:relative; margin:2px 0;}

.usplan_oldinner {display:none;}
.usplan_oldinner:after {content:''; display:block; visibility:hidden; clear:both;}
.usplan_oldinner > ol {}
.usplan_oldinner > ol > li {border-top:1px solid #cacaca;}
.usplan_oldinner > ol > li:first-child {border-top:none;}

.usplan_oldcont {display:none; padding:20px; border-top:1px dashed #d0d0d0;}

.usp_btm {position:relative; display:block; padding:16px 0; width:100%; color:#444; cursor:pointer; text-align:left; transition:0.3s;}
.usp_btm.set01 {padding-left:70px; font-size:1.8rem; font-weight:500; background-color:#efefef;}
.usp_btm.set01:hover, .usp_btm.set01:active, .usp_btm.set01:focus {background-color:#afe7ee;}
.usp_btm.set01.on {color:#fff; background-color:#006f7a;}
.usp_btm.set02 {padding:14px 50px 14px 24px;}
.usp_btm.set02:after {content:''; display:block; position:absolute; right:20px; top:50%; width:15px; height:9px; margin-top:-4px; background:url(../images/sub05/icon_usp_updown.gif) 0 0 no-repeat;}

.usp_btm.set02.on {color:#006f7a;}
.usp_btm.set02.on:after {background-position:-15px 0;}
.usp_btm.set01.on .num_bg {color:#006f7a;}

.usp_btm .num_bg {position:absolute; left:20px; top:50%; display:inline-block; width:36px; height:36px; line-height:36px; margin-top:-18px; border-radius:20px; text-align:center; font-size:1.6rem; background-color:#fff;}

.usp_cbrandbox {padding:20px; border:1px solid #ddd; background-color:#f8f8f8;}
.usp_cbrandbox:after {content:''; display:block; visibility:hidden; clear:both;}
.usp_cbrandbox h3 {text-align:center; margin-top:0; color:#333;}
.usp_cbrandbox p {margin-bottom:0;}
.usp_cbrandbox ul {}
.usp_cbrandbox li:before {background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}
.usp_cbrandbox ul > li {position:relative; padding-left:20px;}
.usp_cbrandbox ul > li:before {content:''; display:block; position:absolute; top:7px; left:3px; width:10px; height:10px; background-position:-8px -114px;}
.usp_cbrandbox ul > li > ul > li {position:relative; padding-left:8px;}
.usp_cbrandbox ul > li > ul > li:before {content:''; display:block; position:absolute; top:10px; left:-3px; width:7px; height:4px; background-position:0 -109px;}

.usp_cbrandbox .usp_cb_info {text-align:center;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
  	.usp_btm.set01 {padding-left:60px; font-size:1.6rem;}
  	.usp_btm .num_bg {left:20px; width:30px; height:30px; line-height:30px; margin-top:-15px; font-size:1.5rem;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
  	.usp_btm.set01 {padding-left:46px; font-size:1.5rem;}
  	.usp_btm.set02 {padding-left:14px; padding-right:30px;}
  	.usp_btm.set02:after {right:10px;}
  	.usp_btm .num_bg {left:10px; width:26px; height:26px; line-height:26px; margin-top:-13px; font-size:1.3rem;}
  	.usplan_oldcont {padding:20px 0;}
  
  	.usp_cbrandbox {padding:15px 10px;}
}


/*05울산소개 > 01울산의비전 > 04울산시정*/
.civicism_box {border-top:3px solid #222; border-bottom:1px solid #ddd;}
.civicism_box:after {content:''; display:block; visibility:hidden; clear:both;}

.civicism_list {}
.civicism_list li {position:relative; padding:15px 20px; border-top:1px dashed #dedede;}
.civicism_list li:after {content:''; display:block; visibility:hidden; clear:both;}
.civicism_list li:first-child {border-top:none;}
.civicism_list li h3 {float:left; display:inline-block; margin:0; padding-right:20px; width:44%; font-size:18px; color:#222;}
.civicism_list li ol {float:right; width:55%; padding-right:130px;}
.civicism_list li ol li {position:relative; float:none; margin:2px 0; padding:0 0 0 8px; border-top:none;}
.civicism_list li ol li:before {content:''; display:block; position:absolute; top:8px; left:-2px; width:6px; height:6px; background:url(../images/sub_ir.png) 0 -101px no-repeat;}
.civicism_list li .btn_down {display:inline-block; position:absolute; right:20px; top:13px; padding-left:52px; color:#fff; background:url(../images/sub05/img_file_btnline.gif) 0 13px no-repeat;}
.civicism_list li .btn_down span {display:inline-block; padding:3px 10px; font-size:13px; color:#09646d; border-radius:30px; border:2px solid #17909c; background-color:#fff;}
.civicism_list li .btn_down:hover span,
.civicism_list li .btn_down:active span,
.civicism_list li .btn_down:focus span {color:#fff; border-color:#09646d; background-color:#09646d; transition: all 0.1s linear;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
  .civicism_list li h3 {float:none; display:block; margin-bottom:8px; padding-right:0; width:inherit; font-size:16px;}
  .civicism_list li ol {float:none; width:inherit; margin-bottom:8px; padding-right:0;}
  .civicism_list li .btn_down {display:block; position:static; right:auto; top:auto; padding-left:0; text-align:center; background:none;}
  .civicism_list li .btn_down span {display:block; padding:6px 10px;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}

/*05울산소개 > 01울산의비전 > 05 7bridges*/
.bridges_box {position:relative;}
.bridges_box p {margin-bottom:0;}
.bridges_box .bridges_img {position:relative; z-index:1;}
.bridges_box .bridges_tit {position:absolute; left:50%; bottom:0; margin-left:-40%; padding:20px 0 10px; width:80%; text-align:center; background-color:#fff; z-index:2;}
.bridges_box .bridges_tit strong{font-family:'GSK'; font-size:3.0rem; color:#121212;}
.bridges_txt {text-align:center;}
.bridges_txt .fc_bl_01 {font-size:1.8rem;}
.bridges_txt .fc_gn_03 {font-size:1.8rem;}
.bridges_effect {position:relative; text-align:center; margin-top:20px;}
.bridges_effect:before {content:''; position:absolute; left:50%; top:50%; margin-left:-25%; margin-top:-3px; width:50%; height:5px; background-color:#006f7a; z-index:-1;}
.bridges_effect:after {content:''; display:block; visibility:hidden; clear:both;}
.bridges_effect li {display:inline-block; position:relative; float:left; width:33.3333%}
.bridges_effect .effect_tbox {display:inline-block; width:220px; height:220px; border:5px solid #006f7a; border-radius:50%; text-align:center; background-color:#fff;}
.bridges_effect .effect_tbox .effect_tbinner {display:table; width:100%; height:100%; text-align:center;}
.bridges_effect .effect_tbox .effect_tbinner p {display:table-cell; width:100%; height:100%; vertical-align:middle;}
.bridges_effect .effect_tbox .effect_tbinner p .line_bka {display:block; line-height:1.0;}
.bridges_effect .effect_tbox .effect_txt {display:block; font-family:'GSK'; font-size:2.6rem; font-weight:500; color:#333; line-height:1.2;}

/*media query*/
@media screen and (max-width:1024px){
}
@media screen and (max-width:920px) {
	.bridges_txt {margin-top:10px;}
	.bridges_effect .effect_tbox {width:200px; height:200px;}
}
@media screen and (max-width:767px) {
	.bridges_box .bridges_tit strong {font-size:2.6rem;}
	.bridges_effect .effect_tbox {width:180px; height:180px;}
	.bridges_effect .effect_tbox .effect_txt {font-size:2.2rem;}
}

@media screen and (max-width:640px) {
	.bridges_box .bridges_tit {margin-left:-45%; padding:10px 0 0; width:90%;}
	.bridges_box .bridges_tit strong {font-size:2.2rem;}
	.bridges_txt .fc_bl_01 {font-size:1.5rem;}
	.bridges_txt .fc_gn_03 {font-size:1.5rem;}
	.bridges_effect {margin-top:0;}
	.bridges_effect li {display:block; float:none; width:100%; margin-bottom:5px;}
	.bridges_effect:before {display:none;}
	.bridges_effect .effect_tbox {padding:15px 0; width:100%; height:auto; border-radius:10px; border:2px solid #006f7a;}
}
@media screen and (max-width:480px) {
}

/*05울산소개 > 02울산의오늘 > 01면적과인구*/
.usnature_box {position:relative; overflow:hidden; padding-top:50px;}
.usnature_box:after {content:''; display:block; visibility:hidden; clear:both;}

.usnature_list {margin-left:-2%;}
.usnature_list li {position:relative; float:left; width:31%; margin-left:2%;}
.usnature_list li p {display:block; height:180px; margin-bottom:0; padding:70px 10px 0; color:#fff; text-align:center;}
.usnature_list li p.bg_c01 {background-color:#26804a;}
.usnature_list li p.bg_c02 {background-color:#196cb5;}
.usnature_list li p.bg_c03 {background-color:#d42a56;}
.usnature_list li .ns_ntcon {position:absolute; top:-50px; left:50%; margin-left:-50px; width:100px; height:100px; border-radius:50%; border:1px solid #f7f7f7; background-color:#fff; box-shadow:2px 4px 1px rgba(0,0,0,0.2);}
.usnature_list li .ns_ntcon:before {content:''; display:inline-block; position:absolute; left:8px; top:10px; width:80px; height:80px; background-image:url(../images/sub05/img_usnature_ir.png); background-repeat:no-repeat;}
.usnature_list li .ns_ntcon.ntcon01:before {background-position:0 0;}
.usnature_list li .ns_ntcon.ntcon02:before {background-position:0 -90px;}
.usnature_list li .ns_ntcon.ntcon03:before {background-position:0 -180px;}
.usnature_list li em {display:block; font-size:2.0rem; font-weight:500; line-height:1.3;}
.usnature_list li span {display:block;}
.usnature_list li .add_txt {font-size:1.4rem;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
  .usnature_list li em {font-size:1.8rem;}
}
@media screen and (max-width:767px) {
  .usnature_box {padding-top:0;}
  .usnature_list li {display:table; float:none; width:100%; margin-bottom:10px; padding:0;}
  .usnature_list li .ns_ntcon {position:absolute; top:20px; left:20px; margin-left:0; width:60px; height:60px; box-shadow:2px 4px 1px rgba(0,0,0,0.2);}
  .usnature_list li .ns_ntcon:before {left:0; top:-1px; width:60px; height:60px;}
  .usnature_list li .ns_ntcon.ntcon01:before {background-position:-90px 0;}
  .usnature_list li .ns_ntcon.ntcon02:before {top:-5px; background-position:-90px -70px;}
  .usnature_list li .ns_ntcon.ntcon03:before {background-position:-90px -140px;}
  .usnature_list li p {display:table-cell; width:100%; height:100px; margin-bottom:10px; padding:10px 10px 10px 100px; color:#fff; text-align:left; vertical-align:middle;}
  .usnature_list li em {font-size:1.6rem;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}

/*05울산소개 > 02울산의오늘 > 02행정구역*/
.usmap_box {position:relative; display:table; width:100%; border:3px solid #ddd;}
.usmap_box:before {content:''; display:block; position:absolute; left:50%; top:0; width:1px; height:100%; background-color:#e9e9e9;}
.usmap_box:after {content:''; display:block; visibility:hidden; clear:both;}

.usmap_area {position:relative; display:table-cell; width:50%; height:440px; padding:20px; text-align:center; vertical-align:middle;}

.usarea ul{position: absolute;width: 342px;height: 308px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.usarea ul li{position: absolute;}
.usarea ul li.junggu{top: 103px; left: 215px;}
.usarea ul li.namgu{top: 151px; left: 236px;}
.usarea ul li.bukgu{top: 83px; left: 269px;}
.usarea ul li.donggu{top: 149px; left: 295px;}
.usarea ul li.ulju{top: 114px; left: 107px;}

.usarea ul li a{color: #000;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
  .usmap_box {display:block;}
  .usmap_box:before {display:none;}
  .usmap_area {display:block; width:auto; height:auto;}
  .usmap_area.usmap_r {border-top:1px solid #e9e9e9;}  
}
@media screen and (max-width:480px) {
}

/*05울산소개 > 03울산역사 > 01연혁*/
.history_area {margin-top:10px;}
.history_area .history_inner {text-align:center; background:url(../images/sub05/history_pattern.png) 0 10% no-repeat; background-size:35%;}
.history_area .history_inner .history_list {}
.history_area .history_inner .history_list > li {position:relative;}
.history_area .history_inner .history_list > li:before {content:''; position:absolute; top:0; left:50%;  width:1px; height:100%; background-color:#ddd;}
.history_area .history_inner .history_list > li:first-child:before {margin-top:10px;}
.history_area .history_inner .history_list > li:last-child:before {margin-top:-10px;}
.history_area .history_inner .history_list > li:after {content:''; display:block; visibility:hidden; clear:both;}
.history_area .history_inner .history_list .history_year {display:inline-block; position:relative; float:left; padding-right:30px; width:50%; color:#0b717b; font-weight:500; text-align:right; vertical-align:top; }
.history_area .history_inner .history_list .history_year:after {content:''; position:absolute; top:12px; right:0; width:18px; height:1px; background-color:rgba(11,113,123,50%);}
.history_area .history_inner .history_list .history_tbox {display:inline-block; position:relative; float:right; padding:0 0 20px 30px; width:50%; text-align:left;}
.history_area .history_inner .history_list .history_tbox:before {content:''; position:absolute; top:5px; left:-7px; width:5px; height:5px; border:5px solid #0b717b; border-radius:10px; background-color:#fff;}
.history_area .history_inner .history_list > li:last-child .history_tbox {padding-bottom:0;}

/*media query*/
@media screen and (max-width:1024px){
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:720px) {
}
@media screen and (max-width:640px) {
	.history_area {margin-left:10px;}
	.history_area .history_inner {text-align:left; background:none;}
	.history_area .history_inner .history_list > li:before {left:0;}
	.history_area .history_inner .history_list > li:last-child:before {height:50%;}
	.history_area .history_inner .history_list .history_year,
	.history_area .history_inner .history_list .history_tbox {float:none; width:inherit;}
	.history_area .history_inner .history_list .history_year {display:block; padding-right:0; padding-left:30px; text-align:left;}
	.history_area .history_inner .history_list .history_year:after {display:none;}
	.history_area .history_inner .history_list .history_tbox {display:block; }
	.history_area .history_inner .history_list .history_tbox:before {top:-18px;}
}
@media screen and (max-width:480px) {
	.history_area .history_inner .history_list .history_year,
	.history_area .history_inner .history_list .history_tbox {padding-left:15px;}
}

/*05울산소개 > 03울산역사 > 02울산광역시사(2002)*/
.us_h2002top_box {position:relative; padding:20px; border:1px solid #ddd;}
.us_h2002top_box:after {content:''; display:block; visibility:hidden; clear:both;}
.us_h2002top_img {margin:30px 0 40px; text-align:center;}
.us_h2002top_txt {padding:30px 10px 20px; text-align:center; background-color:#f9f9f9;}
.us_h2002top_txt p {margin:0;}
.us_h2002top_txt p.us_h2002_reder {margin:5px 0 10px;}
.us_h2002top_txt strong {display:block; font-family:'GSK'; font-size:2.4rem; font-weight:500; line-height:1.3; color:#121212;}
.us_h2002top_txt em {display:block; font-size:1.6rem; font-weight:500; color:#006f7a;}

.us_history2002_box {border-top:3px solid #222; border-bottom:1px solid #ddd;}
.us_history2002_box:after {content:''; display:block; visibility:hidden; clear:both;}

.us_h2002_list {}
.us_h2002_list > li {position:relative; padding:15px 20px; border-top:1px dashed #dedede;}
.us_h2002_list > li:after {content:''; display:block; visibility:hidden; clear:both;}
.us_h2002_list > li:first-child {border-top:none;}
.us_h2002_list > li h3 {float:left; display:inline-block; margin:0; padding-right:20px; width:30%; font-size:18px; color:#222;}
.us_h2002_list > li > ol {float:left; width:50%; padding-right:20px;}
.us_h2002_list > li > ol li {position:relative; float:none; margin:2px 0; padding:0 0 0 8px; border-top:none;}
.us_h2002_list > li > ol li:before {content:''; display:block; position:absolute; top:8px; left:-2px; width:6px; height:6px; background:url(../images/sub_ir.png) 0 -101px no-repeat;}
.us_h2002_list > li > ol li .h2002list_2st li {position:relative; padding-left:8px;}
.us_h2002_list > li > ol li .h2002list_2st li:before {content:''; display:block; position:absolute; top:10px; left:-3px; width:7px; height:4px; background:url(../images/sub_ir.png) 0 -109px no-repeat;}
.us_h2002_list > li .btn_down {float:left; width:20%; color:#fff;}
.us_h2002_list > li .btn_down.last_down {float:right;}
.us_h2002_list > li .btn_down li {margin-top:5px;}
.us_h2002_list > li .btn_down li:first-child {margin-top:0;}
.us_h2002_list > li .btn_down li span {display:inline-block; padding:3px 10px; width:100%; font-size:13px; text-align:center; color:#09646d; border-radius:30px; border:2px solid #17909c; background-color:#fff;}
.us_h2002_list > li .btn_down li span.pdf_color {color:#d52604; border-color:#d52604;}
.us_h2002_list > li .btn_down li:hover span,
.us_h2002_list > li .btn_down li :active span,
.us_h2002_list > li .btn_down li :focus span {color:#fff; border-color:#09646d; background-color:#09646d; transition: all 0.1s linear;}
.us_h2002_list > li .btn_down li:hover span.pdf_color,
.us_h2002_list > li .btn_down li :active span.pdf_color,
.us_h2002_list > li .btn_down li :focus span.pdf_color {border-color:#d52604; background-color:#d52604;}

/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
	.us_h2002_reder {position:relative; top:auto; right:auto;}
}
@media screen and (max-width:767px) {
	.us_h2002top_txt strong {font-size:2.0rem;}
    .us_h2002_list > li {padding:15px 10px;}
	.us_h2002_list > li h3 {float:none; display:block; margin-bottom:8px; padding-right:0; width:inherit; font-size:16px;}
	.us_h2002_list > li ol {float:none; width:inherit; margin-bottom:8px; padding-right:0;}
	.us_h2002_list > li .btn_down {float:none; width:inherit; margin-bottom:8px; padding-right:0;}
	.us_h2002_list > li .btn_down span {display:block; padding:6px 10px;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
	.us_h2002top_txt strong {font-size:1.8rem;}
	.us_h2002top_txt em {font-size:1.5rem;}
}

/*05울산소개 > 03울산역사 > 03울산을한권에담다(2017)*/
.us_onebook_box {border-top:3px solid #222; border-bottom:1px solid #ddd;}
.us_onebook_box:after {content:''; display:block; visibility:hidden; clear:both;}

.us_onebook_list {}
.us_onebook_list li {position:relative; padding:15px 20px; border-top:1px dashed #dedede;}
.us_onebook_list li:after {content:''; display:block; visibility:hidden; clear:both;}
.us_onebook_list li:first-child {border-top:none;}
.us_onebook_list > li:nth-child(2) {padding:15px 0 15px 20px;}
.us_onebook_list li h3 {float:left; display:inline-block; margin:0; padding-right:20px; width:30%; font-size:18px; color:#222;}
.us_onebook_list li > ol {float:right; width:70%; padding-right:130px;}
.us_onebook_list li > ol > li {position:relative; float:none; margin:2px 0; padding:0 0 0 8px; border-top:none;}
.us_onebook_list li > ol > li:before {content:''; display:block; position:absolute; top:8px; left:-2px; width:6px; height:6px; background:url(../images/sub_ir.png) 0 -101px no-repeat;}
.us_onebook_list li .onetofour ol {float:right; width:70%;}
.us_onebook_list li .onetofour ol li {position:relative; float:none; padding:15px 150px 15px 0;}
.us_onebook_list li .onetofour ol li:first-child {padding-top:0;}
.us_onebook_list li .onetofour ol li:last-child {padding-bottom:0;}
.us_onebook_list li .onetofour ol li:before {content:''; display:block; position:absolute; top:23px; left:-11px; width:6px; height:6px; background:url(../images/sub_ir.png) 0 -101px no-repeat;}
.us_onebook_list li .onetofour ol li:first-child:before {top:8px;}
.us_onebook_list li .btn_down {display:inline-block; position:absolute; right:20px; top:13px; padding-left:52px; color:#fff; background:url(../images/sub05/img_file_btnline.gif) 0 13px no-repeat;}
.us_onebook_list li .btn_down span {display:inline-block; padding:3px 10px; font-size:13px; color:#09646d; border-radius:30px; border:2px solid #17909c; background-color:#fff;}
.us_onebook_list li .btn_down:hover span,
.us_onebook_list li .btn_down:active span,
.us_onebook_list li .btn_down:focus span {color:#fff; border-color:#09646d; background-color:#09646d; transition: all 0.1s linear;}

.us_onebook_list li .onetofour li .btn_down2 {display:inline-block; position:absolute; right:20px; top:13px; padding-left:52px; color:#fff; background:url(../images/sub05/img_file_btnline.gif) 0 13px no-repeat;}
.us_onebook_list li .onetofour li:first-child .btn_down2 {top:0;}
.us_onebook_list li .onetofour li .btn_down2 span {display:inline-block; padding:3px 10px; font-size:13px; color:#09646d; border-radius:30px; border:2px solid #17909c; background-color:#fff;}
.us_onebook_list li .onetofour li .btn_down2:hover span,
.us_onebook_list li .onetofour li .btn_down2:active span,
.us_onebook_list li .onetofour li .btn_down2:focus span {color:#fff; border-color:#09646d; background-color:#09646d; transition: all 0.1s linear;}

/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
	.us_onebook_list > li:nth-child(2) {padding:15px 20px;}
	.us_onebook_list > li:nth-child(2) ol {margin-bottom:0;}
	.us_onebook_list li h3 {float:none; display:block; margin-bottom:8px; padding-right:0; width:inherit; font-size:16px;}
	.us_onebook_list li > ol {float:none; width:inherit; margin-bottom:8px;}
	.us_onebook_list li .onetofour ol {float:none; width:inherit;}
  	.us_onebook_list li .onetofour ol li {padding:15px 0;}
	.us_onebook_list li .btn_down {display:block; position:static; right:auto; top:auto; padding-left:0; text-align:center; background:none;}
	.us_onebook_list li .btn_down span {display:block; padding:6px 10px;}
	.us_onebook_list li .onetofour li .btn_down2 {display:block; position:static; right:auto; top:auto; margin-top:8px; padding-left:0; text-align:center; background:none;}
	.us_onebook_list li .onetofour li .btn_down2 span {display:block; padding:6px 10px;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}

/*05울산소개 > 03울산역사 > 04울산의 기록들*/
.record_box {position:relative;}
.record_box:after {content:''; display:block; visibility:hidden; clear:both;}
.record_list {margin-top:40px; padding:40px; border: 2px solid #ddd;}
.record_box .record_list:first-child {margin-top:0;}

.record_inner {position:relative; min-height:270px; padding-left:230px;}
.record_inner .rcd_img {display:inline-block; position:absolute; left:0; top:0; margin-bottom:0;}
.record_inner .rcd_img img {box-shadow:8px 8px 0 rgba(0,0,0,0.1);}
.record_inner .rcd_info {}
.record_inner .rcd_info dt {position:relative; margin-bottom:20px; padding-top:18px; padding-right:140px; font-family:'GSK'; font-size:2.4rem; font-weight:500; line-height:1.3; color:#006f7a;}
.record_inner .rcd_info dt:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:50px; height:4px; line-height:0; background-color:#006f7a;}
.record_inner .rcd_txt {margin-bottom:20px;}
.record_inner .rcd_explain {padding:10px; background-color:#f5f5f7;}
.record_inner .rcd_btn {position:absolute; right:0; top:10px; margin-bottom:0;}
.record_inner .rcd_btn .btn {display:inline-block; padding:0 12px 0 14px; color:#fff; background-color:#006f7a; border-radius:8px;}
.record_inner .rcd_btn .btn span {position:relative; display:inline-block; padding-right:30px; line-height:40px;}
.record_inner .rcd_btn .btn span:after {content:''; display:inline-block; position:absolute; right:0; top:50%; margin-top:-10px; width:20px; height:20px; background:url(../images/sub05/icon_bookbtn.png) 0 0 no-repeat;}

.record_inner .rcd_btn .btn:hover span:after,
.record_inner .rcd_btn .btn:active span:after,
.record_inner .rcd_btn .btn:focus span:after {background-position:0 -20px;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
  .record_inner .rcd_img img {height:240px;}
  .record_inner .rcd_info dt {font-size:2.2rem;}
}
@media screen and (max-width:920px) {
  .record_list {padding:30px;}
  .record_inner {min-height:220px; padding-left:190px;}
  .record_inner .rcd_img img {height:220px;}
  .record_inner .rcd_info dt {font-size:2.0rem;}
}
@media screen and (max-width:767px) {
  .record_list {margin-top:30px; padding:20px;}
  .record_inner {min-height:180px; padding-left:150px;}
  .record_inner .rcd_img img {height:180px;}
  .record_inner .rcd_info dt {margin-bottom:8px;}
  .record_inner .rcd_txt {margin-bottom:10px;}
}
@media screen and (max-width:640px) {
  .record_list {margin-top:20px;}
  .record_inner .rcd_img {display:block; position:relative; left:auto; top:auto; margin-bottom:10px; text-align:center;}
  .record_inner .rcd_img img {height:150px; box-shadow:5px 5px 0 rgba(0,0,0,0.1);}
  .record_inner {min-height:auto; padding-left:0;}
  .record_inner .rcd_info dt {margin-top:20px; padding-top:20px; padding-right:0; border-top:1px dashed #ddd;}
  .record_inner .rcd_info dt:before {display:none;}
  .record_inner .rcd_btn {position:relative; right:auto; top:auto; margin-top:20px;}
  .record_inner .rcd_btn .btn,
  .record_inner .rcd_btn .btn span {display:block;}
  .record_inner .rcd_btn .btn span {line-height:50px;}
}
@media screen and (max-width:480px) {
}

/*05울산소개 > 05시의상징 > 01심벌마크*/
.symbol_box {position:relative; padding:20px; border:1px solid #ddd;}
.symbol_box:after {content:''; display:block; visibility:hidden; clear:both;}
.symbol_img {margin:30px 0 40px; text-align:center;}
.symbol_txt {padding:30px 10px 20px; text-align:center; background-color:#f9f9f9;}
.symbol_txt p {margin:0;}
.symbol_txt strong {display:block; font-family:'GSK'; font-size:1.6rem; font-weight:400; line-height:1.3; color:#006f7a;}
.symbol_txt .symbol_date {margin-top:10px;}
.symbol_txt .symbol_date span {display:inline-block; padding:5px 10px; border:1px solid #d2d2d2; background-color:#fff;}

.sbcolor_box {position:relative; border:1px solid #ddd;}
.sbcolor_box:before {content:''; display:block; position:absolute; left:50%; top:0; width:1px; height:100%; background-color:#e3e3e3;}
.sbcolor_box:after {content:''; display:block; visibility:hidden; clear:both;}
.sbcolor_inner {display:inline-block; padding:20px; width:50%;}
.sbcolor_inner.sbcolor_l {float:left;}
.sbcolor_inner.sbcolor_r {float:right;}
.sbcolor_inner dl {text-align:center;}
.sbcolor_inner dt {padding-bottom:10px; font-size:1.8rem; font-weight:500; color:#333;}
.sbcolor_inner dd {padding:0; background-color:#f8f8f8;}
.sbcolor_inner dd img {font-size:0; line-height:0;}
.sbcolor_inner .sb_bgc01 {background-color:#0097a0;}
.sbcolor_inner .sb_bgc02 {background-color:#f36924;}
.sbcolor_inner .sbcolor_txt {padding:10px;}
.sbcolor_inner .sbcolor_txt span {display:block;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
  .symbol_txt strong {font-size:1.5rem;}
  .sbcolor_box:before {display:none;}
  .sbcolor_inner {display:block; padding:10px; width:auto;}
  .sbcolor_inner.sbcolor_l,
  .sbcolor_inner.sbcolor_r {float:none;}
  .sbcolor_inner.sbcolor_l {margin-top:10px;}
  .sbcolor_inner.sbcolor_r {margin-top:10px; padding-top:20px; border-top: 1px dashed #e3e3e3;}
  .sbcolor_inner dt {padding-bottom:10px; font-size:1.6rem;}
}
@media screen and (max-width:480px) {
  .simbol_box {padding:10px;}
}

/*05울산소개 > 05시의상징 > 02브랜드슬로건*/
.slogan_box {position:relative; padding:20px; border:1px solid #ddd;}
.slogan_box:after {content:''; display:block; visibility:hidden; clear:both;}
.slogan_img {margin:30px 0 40px; text-align:center;}
.slogan_txt {padding:20px; background-color:#f9f9f9;}
.slogan_txt ul {}
.slogan_txt ul > li {position:relative; padding-left:20px;}
.slogan_txt ul > li:before {content:''; display:block; position:absolute; top:7px; left:3px; width:10px; height:10px; background:url(../images/sub_ir.png) -8px -114px no-repeat;}

.slogan_exp {position:relative; padding:20px; border:1px solid #ddd;}
.slogan_exp:after {content:''; display:block; visibility:hidden; clear:both;}
.slogan_exp p {margin:20px 0; text-align:center;}

.slogan_expinfo {position:relative; padding:20px; background-color:#f2f3f4;}
.slogan_expinfo:after {content:''; display:block; visibility:hidden; clear:both;}
.slogan_exp_txt {}
.slogan_exp_txt .slogan_exp_img {display:inline-block; float:left; width:25%; padding:10px 0; text-align:center; background-color:#fff;}
.slogan_exp_txt p {margin-bottom:0; float:right; width:72%;}
.slogan_exp_txt strong {display:block; padding-top:10px; font-weight:500; color:#121212;}


.slgcolor_box {position:relative; padding:20px; border:1px solid #ddd;}
.slgcolor_box:after {content:''; display:block; visibility:hidden; clear:both;}
.slgcolor_inner {display:inline-block; float:left; padding:0 10px; width:33.33%;}
.slgcolor_inner dl {text-align:center;}
.slgcolor_inner dt {}
.slgcolor_inner dd {padding:0; background-color:#f8f8f8;}
.slgcolor_inner dd img {font-size:0; line-height:0;}
.slgcolor_inner .slg_bgc01 {background-color:#00baf2;}
.slgcolor_inner .slg_bgc02 {background-color:#007dc6;}
.slgcolor_inner .slg_bgc03 {background-color:#002e6e;}
.slgcolor_inner .slgcolor_txt {padding:10px;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
  .slogan_exp_txt .slogan_exp_img {display:block; float:none; width:auto;}
  .slogan_exp_txt p {float:none; width:auto;}
  
  .slgcolor_inner {float:none; display:block; padding:10px 0; width:auto; margin-top:10px; padding-top:20px; border-top: 1px dashed #e3e3e3;}
  .slgcolor_inner.first {margin-top:0; padding-top:0; border-top:none;}
}
@media screen and (max-width:480px) {
  .slogan_box {padding:10px;}
  .slogan_txt {padding:15px 10px;}
  
  .slgcolor_box {padding:10px;}
  .slgcolor_inner {margin-top:10px; padding:10px 0 0;}
}

/*05울산소개 > 05시의상징 > 03캐릭터*/
.char_box {position:relative; padding:20px; border:1px solid #ddd;}
.char_box:after {content:''; display:block; visibility:hidden; clear:both;}
.char_img {margin:30px 0 40px; text-align:center;}
.char_txt {padding:30px 10px 20px; text-align:center; background-color:#f9f9f9;}
.char_txt p {margin:0;}
.char_txt strong {display:block; font-family:'GSK'; font-size:1.6rem; font-weight:400; line-height:1.3; color:#006f7a;}
.char_txt .char_date {margin-top:10px;}
.char_txt .char_date span {display:inline-block; padding:5px 10px; border:1px solid #d2d2d2; background-color:#fff;}

.char_addbox {overflow:hidden;}
.char_addbox :after {content:''; display:block; visibility:hidden; clear:both;}
.char_addbox ul {margin-left:-2%;}
.char_addbox ul > li {display:inline-block; float:left; width:48%; margin-left:2%; margin-bottom:2%; padding:20px; text-align:center; border:1px solid #ddd; background:url(../images/sub05/img_grid_bg.gif) 0 0 repeat;}
.char_addbox .char_addimg {margin:20px 0;}
.char_addbox strong {display:block; padding:10px; color:#333; background-color:#f4f5f5;}

.char_add_allbox {padding:30px 10px; text-align:center; border:1px solid #ddd; background:url(../images/sub05/img_grid_bg.gif) 0 0 repeat;}
.char_add_allbox p {margin-bottom:0;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
  .char_add_allbox {padding-bottom:10px;}
  .char_add_allbox .imgbox {padding:0; border:none;}
}
@media screen and (max-width:640px) {
  .char_txt strong {font-size:1.5rem;}
}
@media screen and (max-width:480px) {
  .char_box {padding:10px;}
  .char_addbox ul {margin-left:0;}
  .char_addbox ul > li {display:block; float:none; width:auto; margin-left:0; margin-bottom:10px;}
}

/*05울산소개 > 05시의상징 > 04시목 시화 시조*/
.ussb_box {position:relative;}
.ussb_box:after {content:''; display:block; visibility:hidden; clear:both;}

.ussb_box.ussb_rev .ussb_img {float:right;}
.ussb_box.ussb_rev .ussb_txtbox {float:left;}

.ussb_img {float:left; width:50%;}
.ussb_txtbox {float:left; width:50%; text-align:center;}
.ussb_txtbox .ussb_titbox {margin-top:23%; padding:25px 10px 15px; background-color:#fff;}
.ussb_txtbox .ussb_tit {position:relative; display:block; margin:0; padding-top:120px; font-family:'GSK'; font-size:2.6rem; font-weight:400; line-height:1.3; color:#121212;}
.ussb_txtbox .ussb_tit:before {content:''; display:inline-block; position:absolute; left:50%; top:0; margin-left:-45px; width:90px; height:90px; background-image:url(../images/sub05/icon_us_tfb.png); background-repeat:no-repeat;}
.ussb_txtbox .ussb_tit.tit01:before {background-position:0 0;}
.ussb_txtbox .ussb_tit.tit02:before {background-position:0 -90px;}
.ussb_txtbox .ussb_tit.tit03:before {background-position:0 -180px;}
.ussb_date {display:block; text-align:center;}
.ussb_date em {display:inline-block; padding:5px 20px; font-weight:500; color:#333; border:2px solid #bec1c3; border-radius:30px;}

.ussb_txt {display:block; text-align:left; padding:30px; background-color:#f6f6f7;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
  .ussb_txtbox .ussb_titbox {padding:20px 10px 10px;}
  .ussb_txtbox .ussb_tit {font-size:2.2rem;}
  .ussb_date em {padding:3px 20px;}
}
@media screen and (max-width:767px) {
  .ussb_txtbox .ussb_titbox {margin-top:21%;}
  .ussb_txtbox .ussb_tit {padding-top:110px;}
  .ussb_txt {padding:20px;}
}
@media screen and (max-width:640px) {
  .ussb_box {background-color:#fff;}
  .ussb_box.ussb_rev .ussb_img,
  .ussb_box.ussb_rev .ussb_txtbox {float:none;}
  .ussb_txtbox .ussb_titbox {margin-top:0; padding:20px 10px 8px;}
  .ussb_img {float:none; width:auto; text-align:center; background-color:#f6f6f7;}
  .ussb_txtbox {float:none; width:auto;}
  .ussb_txtbox .ussb_tit {padding-top:60px; font-size:2.0rem;}
  .ussb_txtbox .ussb_tit:before {margin-left:-25px; width:50px; height:50px;}
  .ussb_txtbox .ussb_tit.tit01:before {background-position:-102px 0;}
  .ussb_txtbox .ussb_tit.tit02:before {background-position:-102px -50px;}
  .ussb_txtbox .ussb_tit.tit03:before {background-position:-102px -100px;}
  .ussb_img img {width:100%;}
}
@media screen and (max-width:480px) {
}

/*05울산소개 > 01울산의비전 > 05 울산시가*/
.cityanthe_box {position:relative;}
.cityanthe_box p {margin-bottom:0;}
.cityanthe_box .cityanthe_img {position:relative; z-index:1;}
.cityanthe_box .cityanthe_tit {position:absolute; left:50%; bottom:0; margin-left:-30%; padding:20px 0 10px; width:60%; text-align:center; background-color:#fff; z-index:2;}
.cityanthe_box .cityanthe_tit strong{font-family:'GSK'; font-size:3.0rem; color:#121212;}

.cityat_box {margin-bottom:10px; padding-bottom:280px; border-style:solid; border-width:0 1px 1px; border-color:#ddd; background:url(../images/sub05/img_cityanthe_bg.png) center bottom no-repeat;}
.cityat_box .cityat_inner {position:relative; margin-top:60px; padding:30px 10px 10px;}
.cityat_box .cityat_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.cityat_box .cityat_set {position:relative; width:50%; padding:0 10px 10px;}
.cityat_box .cityat_set.cityat_l {float:left;}
.cityat_box .cityat_set.cityat_r {float:right;}
.cityat_box .cityat_set .cityat_fix {position:relative; padding:50px 10px 40px; text-align:center; background-color:#f7f7f7; z-index:1;}
.cityat_box .cityat_set .cityat_fix p {color:#333;}
.cityat_box .cityat_set .ca_tit {position:absolute; left:50%; top:-30px; margin-left:-30px; width:60px; height:60px; line-height:60px; font-family:'GSK'; font-size:1.8rem; font-weight:400; color:#fff; background-color:#005963; border-radius:50%; z-index:2;}


/*media query*/
@media screen and (max-width:1024px){
  .cityat_box {padding-bottom:260px; background-size:100% auto;}
}
@media screen and (max-width:920px) {
	.cityanthe_txt {margin-top:10px;}
}
@media screen and (max-width:767px) {
  	.cityat_box {padding-bottom:240px;}
	.cityanthe_box .cityanthe_tit strong {font-size:2.6rem;}
  	.cityat_box .cityat_set .ca_tit {top:-25px; margin-left:-25px; width:50px; height:50px; line-height:50px; font-size:1.6rem;}
}

@media screen and (max-width:640px) {
  	.cityat_box {padding-bottom:200px;}
	.cityanthe_box .cityanthe_tit {margin-left:-45%; padding:10px 0 0; width:90%;}
	.cityanthe_box .cityanthe_tit strong {font-size:2.2rem;}

  	.cityat_box .cityat_inner {margin-top:40px;}
  	.cityat_box .cityat_set {width:inherit;}
	.cityat_box .cityat_set.cityat_l,
	.cityat_box .cityat_set.cityat_r {float:none;}
	.cityat_box .cityat_set.cityat_r {margin-top:50px}
}
@media screen and (max-width:480px) {
  	.cityat_box {padding-bottom:160px;}
    .cityat_box .cityat_inner {padding:30px 0 0;}
}

/*05울산소개 > 05시의상징 > 06시민헌장*/
.us_ctzbox {padding:4%; background-color:#f4f4f4;}
.us_ctzbox:after {content:''; display:block; visibility:hidden; clear:both;}
.us_ctzline {position:relative; padding:8px; border:3px solid #63522a; background-color:#fff;}
.us_ctzinner {padding-top:100px; padding-bottom:100px; border:1px solid #d2d2cf; text-align:center;}
.us_ctzline:before,.us_ctzline:after,
.us_ctzinner:before,.us_ctzinner:after {content:''; position:absolute; width:92px; height:92px; background-image:url(../images/sub05/img_ctz_ir.png); background-repeat:no-repeat;}
.us_ctzline:before {left:10px; top:10px; background-position:0 0;}
.us_ctzline:after {right:10px; top:10px; background-position:-92px 0;}
.us_ctzinner:before {left:10px; bottom:10px; background-position:0 -92px;}
.us_ctzinner:after {right:10px; bottom:10px; background-position:-92px -92px;}

.us_ctztit {position:relative; display:inline-block; padding-top:20px; padding-bottom:10px; border-top:1px solid #4e4020; border-bottom:1px solid #cecdc8;}
.us_ctztit strong {position:relative; display:block; font-family:'GSK'; font-size:3.2rem; font-weight:400; line-height:1.3; color:#473610;}
.us_ctztit strong:before,
.us_ctztit strong:after {content:''; position:absolute; top:5px; width:72px; height:23px; background-image:url(../images/sub05/img_ctz_ir.png); background-repeat:no-repeat;}
.us_ctztit strong:before {left:-90px; background-position:0 -241px;}
.us_ctztit strong:after {right:-90px; background-position:-72px -241px;}
.us_ctztit:before {content:''; position:absolute; left:50%; top:-45px; margin-left:-107px; width:213px; height:57px; background:url(../images/sub05/img_ctz_ir.png) 0 -184px no-repeat; z-index:2;}
.us_ctztxt {display:block; margin:0 20%; text-align:left;}
.us_ctztxt p {margin:20px 0;}

.us_ordinancebox {border-top:2px solid #333; border-bottom:1px solid #ddd;}
.us_ordinancebox dl {overflow:hidden; border-top:1px dashed #ddd;}
.us_ordinancebox dl:first-child {border-top:none;}
.us_ordinancebox dl:after {content:''; display:block; visibility:hidden; clear:both;}
.us_ordinancebox dt {float:left; padding:10px; width:24%; font-size:1.8rem; color:#333;}
.us_ordinancebox dd {position:relative; float:right; width:74%; padding:10px 10px 10px 20px; }
.us_ordinancebox dd:before {content:''; position:absolute; left:0; top:0; width:1px; height:130%; background-color:#ddd;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
  .us_ctztit strong {font-size:3.0rem;}
  .us_ctztxt {margin:0 18%;}
}
@media screen and (max-width:767px) {
  .us_ctztit strong {font-size:2.6rem;}
  .us_ctztxt {margin:0 12%;}

  .us_ordinancebox dt {font-size:1.6rem;}
}
@media screen and (max-width:640px) {
  .us_ctzbox {padding:3%;}
  .us_ctztit {padding-top:15px;}
  .us_ctztit strong {font-size:2.2rem;}
  .us_ctztit strong:before,
  .us_ctztit strong:after {display:none;}
  .us_ctztxt {margin:0 8%;}

  .us_ordinancebox dt {float:none; padding:15px 0 5px; width:auto;}
  .us_ordinancebox dd {position:relative; float:none; width:auto; padding:0 0 20px; }
  .us_ordinancebox dd:before {display:none;}
}
@media screen and (max-width:480px) {
  .us_ctzbox {padding:2%;}
  .us_ctzinner {padding-bottom:80px;}
  .us_ctztxt {margin:0 5%;}
}

/*05울산소개 > 05시의상징 > 07울산색*/
.usclr_gdbox {}
.usclr_gdbox:after {content:''; display:block; visibility:hidden; clear:both;}
.usclr_gdbox .usclr_gdtxt {}
.usclr_gdbox .usclr_gdtxt p {position:relative; display:inline-block; padding-top:15px; width:40%; min-height:78px; text-align:center; vertical-align:middle; border:2px solid #17909c; border-radius:10px;}
.usclr_gdbox .usclr_gdtxt p em {font-size:1.8rem; font-weight:500; color:#333;}
.usclr_gdbox .usclr_gdtxt p.tit {padding:0; min-height:auto;}
.usclr_gdbox .usclr_gdtxt p.tit em {line-height:74px;}
.usclr_gdbox .usclr_gdtxt p.usclr_arrow {margin-left:100px;}
.usclr_gdbox .usclr_gdtxt p.usclr_arrow:before {content:''; position:absolute; top:32px; left:-73px; width:44px; height:10px; background:url(../images/sub05/img_color_guideline.gif) 0 0 no-repeat;}
.usclr_gdbox .usclr_gdtxt p .line_bka {display:block; line-height:1.0;}

.usclr10_box {overflow:hidden;}
.usclr10_box:after {content:''; display:block; visibility:hidden; clear:both;}
.usclr10_box .usclr10_inner {margin-left:-20px;}
.usclr10_box .usclr10_inner > ul {}
.usclr10_box .usclr10_inner > ul > li {display:inline-block; float:left; margin-bottom:20px; padding-left:20px; width:50%;}
.usclr10_box .usclr10_inner > ul > li:after {content:''; display:block; visibility:hidden; clear:both;}
.usclr10_box .usclr10_inner .usclr10_txt {display:block; position:relative; padding:20px; border:1px solid #ddd;}
.usclr10_box .usclr10_inner .usclr10_txt > img {margin-bottom:10px; text-align:center;}
.usclr10_box .usclr10_inner .usclr10_txt strong {display:block; font-size:1.8rem; color:#333;}
.usclr10_box .usclr10_inner .usclr10_txt span {font-size:1.5rem; color:#555;}
.usclr10_box .usclr10_inner .usclr10_txt ul {position:relative;}
/*.usclr10_box .usclr10_inner .usclr10_txt ul:after {content:''; position:absolute; right:0; bottom:0; width:50px; height:50px; background-image:url(../images/sub05/img_us_picker.png); background-repeat:no-repeat;}*/
.usclr10_box .usclr10_inner .usclr10_txt ul.clr_pic01:after {background-position:0 0;}
.usclr10_box .usclr10_inner .usclr10_txt ul.clr_pic02:after {background-position:0 -51px;}
.usclr10_box .usclr10_inner .usclr10_txt ul.clr_pic03:after {background-position:0 -102px;}
.usclr10_box .usclr10_inner .usclr10_txt ul.clr_pic04:after {background-position:0 -153px;}
.usclr10_box .usclr10_inner .usclr10_txt ul.clr_pic05:after {background-position:0 -204px;}
.usclr10_box .usclr10_inner .usclr10_txt ul.clr_pic06:after {background-position:-51px 0;}
.usclr10_box .usclr10_inner .usclr10_txt ul.clr_pic07:after {background-position:-51px -51px;}
.usclr10_box .usclr10_inner .usclr10_txt ul.clr_pic08:after {background-position:-51px -102px;}
.usclr10_box .usclr10_inner .usclr10_txt ul.clr_pic09:after {background-position:-51px -153px;}
.usclr10_box .usclr10_inner .usclr10_txt ul.clr_pic10:after {background-position:-51px -204px;}

.uslimit_listbox {overflow:hidden;}
.uslimit_listbox:after {content:''; display:block; visibility:hidden; clear:both;}
.uslimit_listbox ul {margin-left:-2%;}
.uslimit_listbox li {display:inline-block; float:left; margin:0 0 2% 2%; width:31%; text-align:center; border:1px solid #ddd;}
.uslimit_listbox .uspalet_img {padding:20px 19px;}
.uslimit_listbox figcaption {padding:10px 0; text-align:center; color:#444; background-color:#f8f8f8;}

.us_indpalet td {padding:10px 5px 10px 15px !important; text-align:left;}
tr.usind_titclr td {background-color:#f8f8f8;}

/********************************
 테마색채
 *******************************/
.theme_ColorA {overflow: hidden;width:100%;padding: 0;}
.theme_ColorA img {width: 348px;height: 274px;display: inline-block;float: left;}
.theme_color {width: 63%;float: right;}
.theme_color li {width:85px;float: left;box-sizing: border-box;height: 132px;border: 1px solid #dcdcdc;margin-left:10px;margin-bottom: 10px;}

.colorBox {box-sizing: border-box;width: 100%;height:70px;position: relative;border-bottom: 1px solid #dcdcdc;}
.colorBox_text {box-sizing: border-box; width: 100%; padding: 2px;}
.color_Txt {margin: 0; padding:5px 5px 13px 5px; line-height: 23px; font-weight: 400; word-break: break-all; height: 60px;}
.color_Txt .color_cd {font-size: 13px;color: #333;display: table-row;clear: both;}
.color_Txt .color_munsel {font-size: 12px;color: #444;display: table-row;clear: both;}

/*media query*/
@media screen and (max-width:1280px) {	
	.theme_ColorA img {float:none;}
	.theme_color {width:100%; float:none; margin-left:-10px; margin-top:10px;}
	.theme_color li {width: 120px; height:115px;}
	.colorBox {height:50px;}
}

@media screen and (max-width:1200px) {
	/*.usclr10_box .usclr10_inner .usclr10_txt ul {padding-bottom:50px;}*/
	.usclr10_box .usclr10_inner .usclr10_txt ul:after {top:96px;}
}

@media screen and (max-width:1024px) {
	.uslimit_listbox .uspalet_img {padding:15px;}
}

@media screen and (max-width:920px) {
	.usclr10_box .usclr10_inner .usclr10_txt {padding:15px;}
	.colorBox {height:50px;}
}

@media screen and (max-width:767px) {
	.usclr_gdbox .usclr_gdtxt p em {font-size:1.6rem;}

	.usclr10_box .usclr10_inner > ul > li {width:50%;}
	.usclr10_box .usclr10_inner .usclr10_txt > img {width:100% !important;}
  	.usclr10_box .usclr10_inner .usclr10_txt strong {font-size:1.6rem;}
	.usclr10_box .usclr10_inner .usclr10_txt ul {padding-bottom:0;}
	.usclr10_box .usclr10_inner .usclr10_txt ul:after {top:auto;}

	.uslimit_listbox li {width:48%;}
	.uslimit_listbox .uspalet_img {padding:10px;}
}

@media screen and (max-width:640px) {
	.usclr_gdbox .usclr_gdtxt p {display:block; padding:5px 0 10px; width:100%; min-height:auto;}
	.usclr_gdbox .usclr_gdtxt p.tit {padding:5px 0;}
	.usclr_gdbox .usclr_gdtxt p.tit em {line-height:inherit;}
	.usclr_gdbox .usclr_gdtxt p.usclr_arrow {margin-top:30px; margin-left:0;} 
	.usclr_gdbox .usclr_gdtxt p.usclr_arrow:before {top:-26px; left:50%; width:10px; height:14px; background:url(../images/sub05/img_color_guideline02.gif) 0 bottom no-repeat;}

	.usclr10_box .usclr10_inner > ul > li {display:block; float:none; width:auto; margin-bottom:10px;}
	.usclr10_box .usclr10_inner .usclr10_txt {padding:10px;}

	.uslimit_listbox ul {margin-left:0;}
	.uslimit_listbox li {display:block; float:none; margin:0 0 10px 0; width:auto;}
	.uslimit_listbox .uspalet_img {padding:5px;}

	.theme_color li {width:80px; height:130px;}
}
@media screen and (max-width:480px) {
}

/********************************
 권역별색채팔레트
 *******************************/
.palet_list {padding-left:8px;}
.palet_list li {position: relative;padding-left:8px;margin-bottom: 8px;}
.palet_list li:before {content:'';display:block;position:absolute;top:8px;left:-2px;width:6px;height:6px;background-position:0 -101px;background-image: url(../images/sub_ir.png);background-repeat:no-repeat;}

.Region_Color {overflow: hidden;width:100%;padding: 0;}
.Region_Color {overflow: hidden;width:100%;padding: 0;}
.Region_Color li {width:85px;float: left;box-sizing: border-box;height: 92px;border: 1px solid #dcdcdc;margin-left: 4px;margin-bottom: 4px;padding: 0;}
.Region_Color li:before {background-image:none;}

.palet_colorBox {box-sizing: border-box;width: 100%;height: 40px;position: relative;border-bottom: 1px solid #dcdcdc;}
.palet_colorBox_text {box-sizing: border-box; width: 100%; padding: 2px;}
.palet_color_Txt {margin: 0;padding:5px 0px 5px 3px;line-height: 18px;font-weight: 400;word-break: break-all;height: 60px;}
.palet_color_Txt .color_cd {font-size:12px; color:#333; display: table-row; clear: both;}
.palet_color_Txt .color_munsel {font-size:11px; color:#444; display:table-row; clear: both;}

/*05울산소개 > 05시의상징 > 08울산문양*/
.usptn_box {}
.usptn_box:after {content:''; display:block; visibility:hidden; clear:both;}

.usptn_tit {margin-top:50px; border-top:2px solid #333; border-bottom:1px solid #d6d6d6; text-align:center;}
.usptn_tit h2 {margin:20px 0 14px; padding:0; font-family:'GSK'; font-size:3.0rem; font-weight:500; line-height:1.3; color:#121212;}


.usptn_listbox {overflow:hidden;}
.usptn_listbox ul {margin-left:-2%;}
.usptn_listbox li {display:inline-block; float:left; margin:0 0 2% 2%; width:48%; text-align:center; border:1px solid #ddd;}
.usptn_listbox .usptn_img {padding:20px 19px;}
.usptn_listbox figcaption {padding:10px 0; text-align:center; color:#444; background-color:#f8f8f8;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
  .usptn_listbox .usptn_img {padding:15px;}
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
  .usptn_tit h2 {font-size:2.6rem;}
  .usptn_listbox .usptn_img {padding:10px;}
}
@media screen and (max-width:640px) {
  .usptn_tit {margin-top:30px;}
  .usptn_tit h2 {margin:16px 0 10px; font-size:2.2rem;}
}
@media screen and (max-width:480px) {
  .usptn_listbox ul {margin-left:0;}
  .usptn_listbox li {display:block; float:none; margin:0 0 10px 0; width:auto;}
  .usptn_listbox .usptn_img {padding:5px;}
}

/*05울산소개 > 07시청안내 > 01행정조직*/ 
.organization {position:relative;}
.organization a:hover {text-decoration:none;}
.org_box {text-align:center;}
.org_box .lv1 {}
.org_box .lv2 {}
.org_box .lv3 {}
.org_box .lv4 {}

.lv2_inner .lv2_01, .lv2_inner .lv2_02 {float:left; position:relative; width:50%; overflow:hidden;}
.lv2_inner .lv2_03 {position:relative; width:100%; overflow:hidden;}

.lv1_btn a {display:inline-block; width:120px; height:120px; border-radius:120px; background-color:#007986; font-size:18px; line-height:120px; color:#fff;}
.lv1_btn a:after {display:block; content:""; position:absolute; left:50%; width:1px; height:380px; background:#d4d4d4; z-index:-1;}
.lv1_btn a:hover {background-color:#006176;}

.lv2_inner .lv2_01 .lv2_btn a {display:inline-block; width:180px; padding:15px 0; background-color:#007d9c; font-size:17px; color:#fff;}
.lv2_inner .lv2_01 .lv2_btn a:after {display:block; content:""; position:absolute; left:50%; top:25px; width:300px; height:1px; background:#d4d4d4; z-index:-1;}
.lv2_inner .lv2_02 .lv2_btn a {display:inline-block; width:180px; padding:15px 0; background-color:#007d9c; font-size:17px; color:#fff;}
.lv2_inner .lv2_02 .lv2_btn a:after {display:block; content:""; position:absolute; right:50%; top:25px; width:300px; height:1px; background:#d4d4d4; z-index:-1;}
.lv2_inner .lv2_01 .lv2_btn a:hover, .lv2_inner .lv2_02 .lv2_btn a:hover {background-color:#00667f;}

.lv2_inner .lv2_03 .lv2_btn01 {display:block; position:relative; float:left; overflow:hidden; width:50%;}
.lv2_inner .lv2_03 .lv2_btn01 a {display:inline-block; width:180px; margin-top:50px; padding:14px 0; border:1px solid #595959; background-color:#fff; font-size:17px;}
.lv2_inner .lv2_03 .lv2_btn01 a:after {display:block; content:""; position:absolute; right:50%; top:0; width:1px; height:55px; background:#d4d4d4; z-index:-1;}
.lv2_inner .lv2_03 .lv2_btn01 a:hover {background-color:#007d9c; border:1px solid #007d9c; color:#fff;}

.lv2_inner .lv2_03 .lv2_btn02 {display:block; position:relative; float:right; overflow:hidden; width:50%;}
.lv2_inner .lv2_03 .lv2_btn02 a {display:inline-block; width:180px; margin-top:50px; padding:14px 0; border:1px solid #595959; background-color:#fff; font-size:17px;}
.lv2_inner .lv2_03 .lv2_btn02 a:after {display:block; content:""; position:absolute; right:50%; top:75px; width:300px; height:1px; background:#d4d4d4; z-index:-1;}
.lv2_inner .lv2_03 .lv2_btn02 a:hover {background-color:#007d9c; border:1px solid #007d9c; color:#fff;}

.lv2_inner .lv2_03 .lv2_btn03 {display:block; position:relative; float:right; overflow:hidden; width:50%;}
.lv2_inner .lv2_03 .lv2_btn03 a {display:inline-block; position:relative; width:155px; margin-top:50px; padding:14px 0; border:1px solid #595959; background-color:#fff; font-size:17px;}
.lv2_inner .lv2_03 .lv2_btn03 a:after {display:block; content:""; position:absolute; right:50%; top:25px; width:300px; height:1px; background:#d4d4d4; z-index:-1;}
.lv2_inner .lv2_03 .lv2_btn03 a:hover {background-color:#007d9c; border:1px solid #007d9c; color:#fff;}
.lv2_inner .lv2_03 .lv2_btn03 a.open_win {padding-right:28px !important;}
.lv2_inner .lv2_03 .lv2_btn03 a.open_win:before {content:''; top:32%; right:25%; width:20px; height:20px; display:inline-block; position:absolute; background-image:url(../images/leftm_ir.png); background-position:-57px 0; background-repeat:no-repeat;}

.lv3_innerbox {display:block;}
.lv3_inner {display:inline-block; width:100%; padding:25px; background-color:#fff; border:1px solid #d4d4d4;}
.lv3_inner li {float:left; width:25%;}
/*.lv3_inner li.3div {float:left; width:25%; margin:0 4%;}
.lv3_inner li.4div {float:left; width:24%; margin:0 1%;}
.lv3_inner li.5div {float:left; width:18%; margin:0 1%;}*/

.lv3_btn a {display:inline-block; position:relative; width:72%; margin:6px; padding:14px 20px; text-align:left; background-color:#fff; border:1px solid #595959; font-size:17px;}
.lv3_btn a:hover {background-color:#2672b5; border:1px solid #2672b5; color:#fff;}
.lv3_btn a:before {content:''; top:32%; right:8%; width:20px; height:20px; display:inline-block; position:absolute; background-image:url(../images/sub05/bullet01_off.png); background-size:100%; background-repeat:no-repeat;}
.lv3_btn a:hover:before {background-image:url(../images/sub05/bullet01_on.png); background-size:100%; background-repeat:no-repeat;}
.lv3_btn a.on {background-color:#2672b5; border:1px solid #2672b5; color:#fff;}
.lv3_btn a.on:before {background-image:url(../images/sub05/bullet01_on.png); background-size:100%; background-repeat:no-repeat;}

.lv4.top_bk {margin-top:70px;}

.lv4_innerbox {display:block; position:relative; clear:both;}
.lv4_inner {display:block; position:relative; height:54px; margin-top: 25px;}
.lv4_inner02, .lv4_inner03, .lv4_inner04, .lv4_inner05, .lv4_inner06 {display:inline-block; width:100%; margin-top:30px; padding:25px 20px; border:1px solid #d4d4d4;}

.lv4_btn a {display:inline-block; position:relative; width:160px; padding:15px 20px; background-color:#2672b5; font-size:15px; color:#fff; text-align:left;}
.lv4_btn a:hover {background-color:#0357a0;}
.lv4_btn a:after {content:''; top:32%; right:8%; width:20px; height:20px; display:inline-block; position:absolute; background-image:url(../images/sub05/bullet_plus.png); background-size:100%; background-repeat:no-repeat;}
.lv4_btn a:before {display:block; content:""; position:absolute; left:50%; top:50px; width:1px; height:35px; background:#d4d4d4; z-index:-1;}

.lv4_btn01 a {display:inline-block; position:relative; width:140px; padding:15px 20px; background-color:#2672b5; font-size:15px; color:#fff; text-align:left;}
.lv4_btn01 a:hover {background-color:#0357a0;}
.lv4_btn01 a:after {content:''; top:32%; right:8%; width:20px; height:20px; display:inline-block; position:absolute; background-image:url(../images/sub05/bullet_plus.png); background-size:100%; background-repeat:no-repeat;}
.lv4_btn01 a:before {display:block; content:""; position:absolute; left:50%; top:50px; width:1px; height:114px; background:#d4d4d4; z-index:-1;}

.lv4_btn01_01 {display:block; position:relative; float:right; overflow:hidden; width:50%;}
.lv4_btn01_01 a {display:inline-block; width:180px; padding:14px 0; border:1px solid #595959; background-color:#fff; font-size:15px;}
.lv4_btn01_01 a:after {display:block; content:""; position:absolute; right:50%; top:28px; width:300px; height:1px; background:#d4d4d4; z-index:-1;}
.lv4_btn01_01 a:hover {background-color:#007d9c; border:1px solid #007d9c; color:#fff;}

.lv4_btn02 a {display:inline-block; position:relative; width:140px; padding:15px 20px; background-color:#2672b5; font-size:15px; color:#fff;}
.lv4_btn02 a:hover {background-color:#0357a0;}

.lv4_listbox {float:left; position:relative;}
.lv4_listbox .lv4_listbtn.none_a {display:block; margin:5px 10px; padding:10px 0; background-color:#595959; border:1px solid #595959; font-size:15px; color:#fff;}
.lv4_listbtn a {display:block; margin:10px 10px 0; padding:10px 0; background-color:#595959; border:1px solid #595959; font-size:15px; color:#fff;}
.lv4_listbtn a:hover, .lv4_listbtn a.on {background-color:#2672b5; border:1px solid #2672b5;}

.lv4_listbtn em {display:block; font-size:13px;}
.lv4_list {margin:0 10px; min-height:180px; border:1px solid #595959; text-align:left; border-top:none; padding:15px; font-size:14px;}
.lv4_list li {position:relative; width:100%; padding-left:8px;}
.lv4_list li:before {content:''; display:block; position:absolute; top:8px; left:-2px; width:6px; height:6px; background-position:0 -101px; background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}
.lv4_list li a:hover {color:#2672b5;}

.lv5 {display:inline-block; width:100%;}
.lv5_listbox {float:left; padding:10px;}
.lv5_listbtn {display:table; width:100%;}
.lv5_listbtn a {display:table-cell; position:relative; padding-left:20px; padding-right:60px; height:50px; background-color:#2672b5; border:1px solid #595959; font-size:15px; color:#fff; text-align:left; vertical-align:middle; line-height:1.2;}
.lv5_listbtn a:before {position:absolute; content:''; top:32%; right:8%; width:20px; height:20px; display:inline-block; background-image:url(../images/sub05/bullet_plus.png); background-size:100%; background-repeat:no-repeat;}
.lv5_listbtn a:hover, .lv5_listbtn a.on {background-color:#0357a0; border:1px solid #2672b5;}

.lv4_btn_01 a {display:inline-block; position:relative; width:160px; padding:15px 20px; background-color:#2672b5; font-size:15px; color:#fff; text-align:center;}
.lv4_btn_01 a:hover {background-color:#0357a0;}
.lv4_btn_01 a:after {content:''; top:32%; right:8%; width:20px; height:20px; display:inline-block; position:absolute; background-size:100%; background-repeat:no-repeat;}
.lv4_btn_01 a:before {display:block; content:""; position:absolute; left:50%; top:50px; width:1px; height:35px; background:#d4d4d4; z-index:-1;}

.list01 {width: 30%; margin: 0 35%;}/* 울산광역시자치경찰위원회 추가*/
.list02 {width:50%;}
.list03 {width:33.3333%;}
.list04 {width:25%;}
.list05 {width:20%;}
.list06 {width:16.6%;}
.list07 {width:20%;}

.min-h50 {min-height:50px !important;}
.min-h100 {min-height:100px !important;}
.min-h150 {min-height:150px !important;}

.org_info {position:absolute; top:-30px; right:0;}
.org_btn {position:absolute; right:0; top:10px; margin-bottom:0;}
.org_btn .btn {display:inline-block; padding:0 12px 0 14px; color:#fff; background-color:#006cbd; border-radius:8px;}
.org_btn .btn span {position:relative; display:inline-block; padding-right:30px; line-height:40px;}
.org_btn .btn span:after {content:''; display:inline-block; position:absolute; right:0; top:50%; margin-top:-10px; width:20px; height:20px; background:url(../images/sub05/icon_bookbtn.png) 0 0 no-repeat;}
.org_btn .btn:hover span:after, .org_btn .btn:active span:after, .org_btn .btn:focus span:after {background-position:0 -20px;}

.org_btn02 {position:absolute; right:0; margin-bottom:0; z-index:10;}
.org_btn02 .btn {display:inline-block; width:130px; padding:10px 35px 10px 14px; color:#fff; text-decoration:none; border:1px solid #6e6e6e; color:#2a2a2a; border-radius:3px;}
.org_btn02 .btn:hover {border:1px solid #2a2a2a;}
.org_btn .btn span {position:relative; display:inline-block; padding-right:30px; line-height:40px;}
.org_btn02 .btn span:after {content:''; display:inline-block; position:absolute; right:14px; top:50%; margin-top:-8px; width:15px; height:14px; background:url(../images/sub05/icon_org.png) 0 0 no-repeat;}


/*05울산소개 > 07시청안내 > 01행정조직 > 02구군별조직도*/
.gugun-org_listbox {overflow:hidden;}
.gugun-org_listbox:after {content:''; display:block; visibility:hidden; clear:both;}
.gugun-org_listbox .gugun_listinner {margin-left:-10px;}
.gugun-org_list li {float:left; display:inline-block; margin-bottom:10px; padding-left:10px;}
.gugun-org_list li .gugun_fix {position:relative; padding:20px 30px; border:1px solid #ddd;}
.gugun-org_list li .gugun_fix .gugun_img {position:relative; padding-left:260px;}
.gugun-org_list li .gugun_fix .gugun_img:before {content:''; display:inline-block; position:absolute; top:0; left:0; width:250px; height:60px; background-image:url(../images/sub05/gugun_img.png); background-repeat:no-repeat;}
.gugun-org_list li .gugun_fix .gugun_img.ico_img01:before {background-position:0 -5px;}/*중구*/
.gugun-org_list li .gugun_fix .gugun_img.ico_img02:before {background-position:0 -85px;}/*남구*/
.gugun-org_list li .gugun_fix .gugun_img.ico_img03:before {background-position:0 -170px;}/*동구*/
.gugun-org_list li .gugun_fix .gugun_img.ico_img04:before {background-position:0 -245px;}/*북구*/
.gugun-org_list li .gugun_fix .gugun_img.ico_img05:before {background-position:0 -330px;}/*울주군*/
.gugun-org_list li .gugun_fix .gugun_img dt {display:inline-block; padding:17px 20px; font-weight:300; font-size:1.8rem; color:#121212;}
.gugun-org_list li .gugun_fix .gugun_img dd {position:absolute; top:7px; right:0;}
.gugun-org_list li .gugun_fix .btn_one {margin:0;}
.gugun-org_list.col_1 li {width:100%;}
.gugun-org_list.col_2 li {width:50%;}

/*media query*/
@media screen and (max-width:820px) {
	.gugun-org_list li {display:block; float:none;}
	.gugun-org_list li .gugun_fix {padding:15px 20px; min-height:0;}
	.gugun-org_list li .gugun_fix .gugun_img {padding-left:245px;}
	.gugun-org_list.col_2 li {width:100%;}
}

@media screen and (max-width:640px) {
	.gugun-org_list li .gugun_fix .gugun_img {position:relative; padding-left:100px;}
	.gugun-org_list li .gugun_fix .gugun_img:before {content:''; display:inline-block; position:absolute; top:0; left:0; width:80px; height:80px; background-image:url(../images/sub05/gugun_img_m.png); background-repeat:no-repeat;}
	.gugun-org_list li .gugun_fix .gugun_img.ico_img01:before {background-position:0 0;}/*중구*/
	.gugun-org_list li .gugun_fix .gugun_img.ico_img02:before {background-position:-80px 0;}/*남구*/
	.gugun-org_list li .gugun_fix .gugun_img.ico_img03:before {background-position:-160px 0;}/*동구*/
	.gugun-org_list li .gugun_fix .gugun_img.ico_img04:before {background-position:-240px 0;}/*북구*/
	.gugun-org_list li .gugun_fix .gugun_img.ico_img05:before {background-position:-320px 0;}/*울주군*/
	.gugun-org_list li .gugun_fix .gugun_img dt {display:block; padding:25px 0;}
	.gugun-org_list li .gugun_fix .gugun_img dd {top:15px;}
}

@media screen and (max-width:400px) {
	.gugun-org_list li .gugun_fix .gugun_img dt {display:block; padding:5px 0 10px;}
	.gugun-org_list li .gugun_fix .gugun_img dd {position:relative; top:0; margin-bottom:5px;}
}

/*05울산소개 > 07시청안내 > 01행정조직도*/
.org_btn_box li {float:left; width:100%; height:46px; margin-bottom:10px;}

.org_box a:hover {text-decoration:underline;}
.org_box00 {display:block;position:relative;width: 240px;height:70px;background-color:#61672b;border-radius:5px;font-size:20px;color:#fff;text-align:center;margin:0 auto;line-height:70px;font-weight:500;}
.org_box00:after {content:''; display:block; background-color:#000; width:1px; height:40px; position:absolute; top:70px; left:50%;}

.org_box01 {position:relative;padding-bottom: 30px;}
.org_box01:after {content:'';display:block;background-color:#000;width:1px;height:30px;position:absolute;bottom:0;left:50%;}
.org_box01:nth-child(1) a {display:block;width: 240px;height: 70px;background-color:#316e6e;border-radius:5px;font-size:20px;color:#fff;text-align:center;margin:0 auto;line-height:70px;font-weight:500;}

.org_box01_01 {margin: 31px 0 35px;width:50%;}
.org_box01_01 .org_list {overflow: hidden;display:flex;}
.org_box01_01 .org_list > li {width: 170px; margin:0 auto;z-index: 9;}
.org_box01_01 .org_list > li > a {display:block;background-color: #fff;border: 1px solid #b4b4b4;border-radius:5px;color:#333;font-size:1.6rem;text-align:center;padding: 14px 0;width: 160px;line-height: 30px;height: 30px;/* margin: 0 auto; */}

.org_box01_02 {margin: -74px 0 65px;width: 50%;}
.org_box01_02 .org_list {display:flex;width: 100%;margin: 0 0 0 100%;}
.org_box01_02 .org_list > li {width: 200px;margin:0 auto;padding: 0 30px;}
.org_box01_02 .org_list > li.w185 {width: 200px;margin-top: 8px;margin-left: -40px;}
.org_box01_02 .org_list > li > a {display:block;background-color: #f9f6ef;border: 1px solid #d8d8d8;border-radius:5px;color:#333;font-size:1.6rem;text-align:center;padding: 14px 0;width: 160px;line-height: 30px;height: 30px;}
.org_box01_02 .org_list > li.w185 > a {display:block;background-color: #fff1e3;border: 1px solid #ffd0b3;border-radius:5px;color:#333;font-size:1.4rem;text-align:center;padding: 12px 0;width: 160px;line-height: 30px;height: 30px;}
.org_box01_03 {margin: 0 0 15px;}
.org_box01_03 a {display:block; width:170px; background-color: #f9f6ef;border: 1px solid #d8d8d8;border-radius:5px;color:#333;font-size:1.6rem;text-align:center;padding: 14px 0;margin: 0 0 0 55%;} /*정무수석빠지면서 추가*/

.org_box02 .org_left {margin-bottom:10px;}
.org_box02 a {display:block; background-color:#1a7c82; border-radius:5px; color:#fff; font-size:1.6rem; text-align:center; padding:17px 0;}
.org_box02 a.right02 {display: block;background-color: #fff; border: 1px solid #b4b4b4; border-radius: 5px; color: #333; font-size: 1.6rem; text-align: center; padding: 14px 0; line-height: 30px; height: 30px;}

.org_list > li > a {display:block;text-align:center;padding:17px 0;border-radius:5px;}

.org_box03{margin: 20px 0;}
.org_box03 .org_list {display:flex; width:70%; margin:0 auto;}
.org_box03 .org_list > li {}
.org_box03 .org_list > li > a {margin:0 auto;font-weight: 400;font-size:1.6rem;color:#333;border:1px solid #b4b4b4;background-color: #fff;padding: 11px 0;/* width: 185px; *//* line-height: 30px; *//* height: 30px; *//* left: 20%; */}

.org_box02,
.org_box03 {text-align:center;}
.org_box02 div,
.org_box03 li {width:185px;margin:0 auto;}

.org_box04{margin-top:30px;}
.org_box04 .org_list {text-align:left;}
.org_box04 .org_list > li {border-radius:5px; border:1px solid #d8d8d8; margin-bottom:10px;}
.org_box04 .org_list > li > a {background-color:#e6f8f9; font-size:1.6rem; font-weight:400;}

.org_box04 .org_list > li > ul {padding:15px 20px;}
.org_box04 .org_list > li > ul > li {margin-bottom:7px; padding-left:15px; position:relative;}
.org_box04 .org_list > li > ul > li:before {content:''; display:block; width:3px; height:3px; background-color:#333; position:absolute; top:12px; margin-top:-1.5px; left:0;}
.org_box04 .org_list > li > ul > li > a {font-size:1.4rem;}

.org_box05{margin-top:20px;}
.org_box05 .title, .org_box05 > a {display:block; background-color:#1a7c82; color:#fff; text-align:center; font-weight:400; border-radius:5px; padding:17px 0; margin-bottom:10px;}
.org_box05 .org_list > li {margin-bottom:10px;}
.org_box05 .org_list > li > a {border:1px solid #d8d8d8; border-radius:5px; color:#666; background-color:#fff;}

@media screen and (min-width:320px) {
	.org_box03 .org_list {display:block;width:100%;margin:0 auto;left: 50px;/*margin-left: 67px;*/}
	.org_box03 .org_list > li {margin-bottom:10px;}
	.org_box02 .org_right02 {margin-left: auto; margin-bottom: 10px;}
}

@media all and (min-width:768px){
	.org_box01:after {height: 242px;bottom: -31px;}
	.org_box01_01 {overflow:hidden;position:relative;/* clear: both; */}
	.org_box01_01 .org_list:before {content:'';display:block;height:1px;width:100%;background-color:#000;position:absolute;top: 53%;left: 60%;}   
	.org_box02 {overflow:hidden;position:relative;height: 200px;padding-bottom: 30px;}
	.org_box02:before {content:'';display:block;height:1px;width: 45%;background-color:#000;position:absolute;top: 15%;left: 204px;}
	.org_box02 > div {position:relative;}
	.org_box02 .org_left {position:relative;float:left;margin-bottom:0;width: 50;left: 20%;}
	.org_box02 .org_left:after {content:'';display:block;background-color:#000;width:1px;height: 34px;position:absolute;bottom: -35px;left: 50%;}
	.org_box02 .org_right {float:right;}
	.org_box02 .org_right02 {float:right; margin-left:10px;}
	
	.org_box02 .org_box03{position:absolute;top: 121px;left: 0;width:100%;padding-bottom: 28px;}
	.org_box02 .org_box03:before {content:'';display:block;height:1px;width: 235px;background-color:#000;position:absolute;top: -31%;left: 159.5px;}
	.org_box03 .org_list > li {position:relative;}
	.org_box03 .org_list > li:after {content:'';display:block;background-color:#000;width:1px;height: 28px;position:absolute;bottom: 48px;left: 50%;}
	.org_box03 .org_list > li {float:left;width: 185px; margin-right: -16px;margin-left:66px}
	
	.org_box04 .org_list {overflow:hidden;}
	.org_box04 .org_list > li, .org_box05 .org_list > li {float:left; width:32%; margin-right:2%;}
	.org_box04 .org_list > li:nth-child(3n), .org_box05 .org_list > li:nth-child(3n) {margin-right:0;}
	.org_box04 .org_list > li > ul {min-height:280px;}
	
	.org_box05 {background-color:#f8f8f8; border:1px solid #d8d8d8; border-radius:5px; margin-top:60px; padding:30px;}
	.org_box05 .title, .org_box05 > a {width:185px; margin:0 auto; margin-top:-55px;}
	.org_box05 .org_list {margin-top:25px; overflow:hidden;}
}

@media all and (max-width:768px){	    
    .org_box01_01 .org_list > li > a{margin-top:30px;}
    .org_box01:after{background:none;}
	.org_box01_01 {margin: 0 auto 15px; width:100%;}
	.org_box01_02 {width:100%; margin: 0 auto;}
  	.org_box01_02 .org_list {display: inline-block; width: 185px; margin: 0 auto;}
	.org_box01_02 .org_list > li {float: none;width:100%;padding: 0;margin-bottom: 10px;}
	.org_box01_02 .org_list > li.w185 {width:185px;margin: 0 0 10px;}
  	.org_box01_03 a {margin: 0 auto;}
	.org_box02 .org_left {position:relative; margin-bottom:20px;}
	.org_box02 .org_left:after {content:''; display:block; background:none; width:1px; height:20px; position:absolute;bottom:-20px; left:50%;}
	.org_box03{margin:20px 0;}
}

@media all and (min-width:1024px){
	.org_box03 .org_list > li {margin-right: -18px;width: 185px;padding: 0;/* float: left; */margin-left:67px}	
	.org_box04 .org_list > li, .org_box05 .org_list > li{width:18.8%; margin-right:1.5%;}
	.org_box04 .org_list > li{margin-bottom:15px;}
	.org_box04 .org_list > li:nth-child(3n){margin-right:1.5%;}
	.org_box04 .org_list > li:nth-child(5n){margin-right:0;}	
	
	.org_box05 .org_list > li{width:24%; margin-right:1.33%;}
	.org_box05 .org_list > li:nth-child(3n){margin-right:1.33%;}
	.org_box05 .org_list > li:nth-child(4n){margin-right:0;}  
}

/*합의제행정기관*/
.smg_box {position:relative; padding:15% 7%; background:url(../images/sub05/img_shinmungobg.jpg) center center no-repeat; background-size:cover;}
.smg_inner {padding:40px 30px; text-align:center; background-color:rgba(255,255,255,0.95); box-shadow:2px 2px 10px 5px rgba(0,0,0,0.2);}

/*테이블 재정의*/
.tbl_base tbody td.retouch {border-right: 1px solid #ddd !important;}

/*찾아오시는길*/
.map_ul_list {display:flex;}
.map_ul_list li a:hover, .map_ul_list li a:active, .map_ul_list li a:focus {font-weight:500; text-decoration:underline;}
.map_ul_list li {float:left; display:inline-block; padding-left:5px;}
.map_ul_list li a .naver_map {display:block; position:relative; padding:8px 8px 8px 62px; border:1px solid #00756b; border-radius:5px; background-color:#00756b;}
.map_ul_list li a .naver_map span {display:table-cell; height:42px; line-height:1.4; vertical-align:middle; font-weight:500; color:#fff;}
.map_ul_list li a:hover, .map_ul_list li a:active, .map_ul_list li a:focus {color:#fff !important;}
.map_ul_list .icon {display:block; position:absolute; left:10px; top:50%; margin-top:-21px; width:42px; height:42px; font-size:0; text-indent:-9999px;}
.map_ul_list .icon:before {content:''; display:inline-block; position:absolute; top:0; left:0; width:42px; height:42px; background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}
.map_ul_list .icon.icon04:before {background-position:-129px -125px;}
.map_ul_list.col_2 li {width:36%;}

/*찾아오시는길 문자보내기*/
.SendSMS_Popup {position:absolute; left: 50%; top:0; display:none; padding:20px; margin-left:-380px;}
.SendSMS_Popup:after {content:''; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4) ;z-index:1;}
.SendSMS_txtinner {position:relative; padding:30px; background-color:#fff; transition: padding ease 0.2s; z-index:3;}

.request_Txt {padding:15px 0; margin: 0 0 10px; border-top: 2px solid #44465c; border-bottom: 1px solid #e1e3e6;}
.request_Txt dt {font-size:1.6rem; margin-bottom:6px;}
.button {background-color:#44465c; border-radius:4px; display:inline-block; margin-left:10px; text-align: center; color:#fff; text-decoration: none; vertical-align: top;}
.button:focus{border: 3px solid red;}
.button.medium {height: 40px; line-height: 40px; font-size: 15px; padding: 0 16px;}
.button.medium:focus{height:38px; margin-top:1px; outline:2px dotted red;}
.button.border {height: 40px; line-height: 40px; font-size: 15px; padding: 0 16px; background-color: #fff; border: 1px solid #69727e; color: #44465c;}
.form-wrap {display: block;}
.form-wrap span, .form-wrap em {display: table-cell; table-layout: fixed; vertical-align: top;}
.form-wrap.tel span {width: 100px;padding-left: 0;height: 100%;}
.form-wrap span input {width:100%;}
.input-text {height: 40px; line-height: 40px; border: 1px solid #ccc; background-color: #fff; padding: 0 11px; font-size: 15px; color: #3a3a4a; border-radius: 5px !important;}
.form-wrap .dash {font-size: 13px; padding: 0 4px; vertical-align: middle;}
.button-group {overflow: hidden; margin: 30px 0 0;}

@media screen and (max-width:1024px){
  	.SendSMS_Popup {left: 0;margin-left:0;}
}

/*media query*/
@media screen and (max-width:1280px){
}

@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
  	.lv4.top_bk {margin-top:50px;}
	
	.list03, .list04, .list05, .list06, .list07 {width:50%;}
	.lv4_listbox .lv4_listbtn.none_a {margin:10px;}
	.lv4_listbtn a {margin:10px 10px 0;}

	.lv4_list {margin:0 10px 10px;}
}

@media screen and (max-width:920px) {
}

@media screen and (max-width:768px) {
  	.organization.m_gap {padding-top:60px;}
  	.organization .org_btn {top:0;}
	.lv3_inner li {width:50%;}
	.lv4_inner02, .lv4_inner03, .lv4_inner04, .lv4_inner05, .lv4_inner06 {padding:15px;}
  	.lv4.top_bk {margin-top:30px;}
	.list03, .list04, .list05, .list06 {}
	.map_ul_list.col_2 li {width:100%;}
}

@media screen and (max-width:640px) {
  	.lv4.top_bk {margin-top:20px;}
	.lv4_btn01_01 a {width:130px;}
	.list03, .list04, .list05, .list06 {}
}

@media screen and (max-width:480px) {
	.lv1_btn a:after {height:470px;}
	.lv2_inner .lv2_01, .lv2_inner .lv2_02 {width:100%; margin-bottom:30px;}
	.lv2_inner .lv2_01 .lv2_btn a:after {height:0;}
	.lv2_inner .lv2_02 .lv2_btn a:after {width:0;}
	.lv2_inner .lv2_03 .lv2_btn01, .lv2_inner .lv2_03 .lv2_btn02, .lv2_inner .lv2_03 .lv2_btn03 {width:100%;}
	.lv2_inner .lv2_03 .lv2_btn01 a {margin-top:0;}
	.lv2_inner .lv2_03 .lv2_btn02 a, .lv2_inner .lv2_03 .lv2_btn03 a {margin-top:20px;}
	.lv2_inner .lv2_03 .lv2_btn01 a:after, .lv2_inner .lv2_03 .lv2_btn02 a:after {width:0;}
	.lv2_inner .lv2_03 .lv2_btn03 a:after {height:0;}
	.lv3_inner li {width:100%;}
	.lv3_btn a {width:80%;}
	.lv4_btn01_01 {width:100%;}
	.lv4_btn01_01 a {width:180px;}
	.lv4_btn01_01 a:after {width:0;}
	
	.lv4_inner02, .lv4_inner03, .lv4_inner04, .lv4_inner05, .lv4_inner06 {padding:10px;}
	.list02, .list03, .list04, .list05, .list06, .list07 {width:100%;}
}

/*05울산소개 > 07시청안내 > 01행정조직 - 주요업무안내*/
.wktit_box {display:table; width:100%;}
.wktit_inner {display:table-cell; padding:5.5% 0 5%; text-align:center; border-top:3px solid #333; border-bottom:1px solid #ddd;}
.wktit_inner h3 {margin:0; font-family:'GSK'; font-size:3.2rem; font-weight:400; line-height:1.3; color:#121212;}
.wktit_inner p {margin:0; color:#666;}

.wktab_box {}
.wktab_box:after {content:''; display:block; visibility:hidden; clear:both;}
.wktab_box.top_gab {margin-top:30px;}

/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.wktit_inner h3 {font-size:2.8rem;}
}
@media screen and (max-width:767px) {
	.wktit_inner h3 {font-size:2.4rem;}
	
	.wktab_box.top_gab {margin-top:20px;}
}
@media screen and (max-width:640px) {
	.wktit_inner h3 {font-size:2.2rem;}
}
@media screen and (max-width:480px) {
	.wktit_inner h3 {font-size:2.0rem;}
}

/*05울산소개 > 07시청안내 > 04청사안내*/
table.us_floor td {padding-left:20px; text-align:left;}

/*media query*/
@media screen and (max-width:1024px){
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
	table.us_floor td {padding-left:10px;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
	table.us_floor td {padding-left:5px;}
}

/*05울산소개 > 08이용안내 > 01개인정보처리방침*/
.none_line > li i {border:none; line-height:0;}

.privacy_tit_h2 {position:relative; 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,.privacy_list strong{display:block; text-align:center;background: #f2f3f7; color:#373737; font-size:16px; padding:14px 0 12px 0;}
.privacy_list strong{border-bottom:1px solid #e2e2e2;}
.privacy_label ul li,.privacy_list li{float:left; box-sizing:border-box; text-align:center;}
.privacy_label ul li{padding:14px 0;width:16.6%;height: 132px;border-right:1px solid #e2e2e2; border-top:1px solid #e2e2e2;}
.privacy_label ul li:nth-child(8n){border-right:0;}
.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 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:15px; padding:6px 0; border-top:1px dashed #e2e2e2;}
.privacy_list ul li:nth-child(1),.privacy_list ul li:nth-child(2){border-top:0;}

@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;}
}

/*05울산소개 > 08이용안내 > 03저작권보호정책*/
.us_copy td img {padding:10px 0;}

/*05울산소개 > 08이용안내 > 05파일뷰어다운로드*/
.viewer_listbox {overflow:hidden;}
.viewer_listbox:after {content:''; display:block; visibility:hidden; clear:both;}
.viewer_listbox .viewer_listinner {margin-left:-10px;}
.viewer_list li {float:left; display:inline-block; margin-bottom:10px; padding-left:10px;}
.viewer_list li .viewer_fix {position:relative; padding:20px 15px 10px; min-height:210px; border:1px solid #ddd;}
.viewer_list li .viewer_fix .viewer_img {position:relative; padding-left:70px;}
.viewer_list li .viewer_fix .viewer_img:before {content:''; display:inline-block; position:absolute; top:0; left:0; width:50px; height:50px; background-image:url(../images/sub05/img_viewer.png); background-repeat:no-repeat;}
.viewer_list li .viewer_fix .viewer_img.ico_img01:before {background-position:0 0;}/*한글*/
.viewer_list li .viewer_fix .viewer_img.ico_img02:before {background-position:0 -50px;;}/*PDF*/
.viewer_list li .viewer_fix .viewer_img.ico_img03:before {background-position:0 -100px;}/*파워포인트*/
.viewer_list li .viewer_fix .viewer_img.ico_img04:before {background-position:-0 -150px;}/*엑셀*/
.viewer_list li .viewer_fix .viewer_img.ico_img05:before {background-position:0 -200px;}/*워드*/
.viewer_list li .viewer_fix .viewer_img.ico_img06:before {background-position:0 -250px;}/*open*/
.viewer_list li .viewer_fix .viewer_img dt {color:#121212;}
.viewer_list li .viewer_fix .btn_one {position:absolute; right:10px; bottom:10px; margin-bottom:0;}
.viewer_list.col_2 li {width:50%}

/*media query*/
@media screen and (max-width:1024px){
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
	.viewer_list li {display:block; float:none;}
	.viewer_list li .viewer_fix {padding:15px 15px 10px; min-height:0;}
	.viewer_list li .viewer_fix .viewer_img {padding-bottom:50px;}
	.viewer_list.col_2 li {width:100%}
}

@media screen and (max-width:640px) {
	.viewer_list li .viewer_fix .viewer_img {padding-bottom:0;}
	.viewer_list li .viewer_fix .btn_one {position:relative; right:auto; bottom:auto; margin-top:10px;}
}
@media screen and (max-width:480px) {
}

/*05울산소개 > 08이용안내 > 09사이트맵*/
.sitemap_box {border-top:1px solid #ddd;}
.sitemap_box:after {content:''; display:block; visibility:hidden; clear:both;}
.sitemap_cont {position:relative; padding:20px 0 20px 14%; border-color:#ddd; border-style:solid; border-width:0 0 1px;}
.sitemap_cont:before {content:''; display:block; position:absolute; top:0; left:13%; width:1px; height:100%; background-color:#e7e7e7;}
.sitemap_cont:after {content:''; display:block; visibility:hidden; clear:both;}
.sitemap_cont a[target="_blank"]{padding-right:22px !important; background:url(../images/icon_openwin.png) right 2px no-repeat;}
.sitemap_cont .line_bk {display:block;}
.sitemap_cont > dt {display:inline-block; position:absolute; left:5px; top:20px; font-family:'GSK'; font-size:2.2rem; font-weight:400;}
.sitemap_cont > dt a {color:#121212; line-height:1.3;}
.sitemap_cont > dd {float:left; width:25%; padding:0 10px;}
.sitemap_cont > dd strong {position:relative; display:block;}
.sitemap_cont > dd strong a {position:relative; display:inline-block; padding-left:6px; color:#005963;}
.sitemap_cont > dd strong a:before {content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background-color:#007986;}
.sitem_list {margin-bottom:20px; padding-left:7px;}
.sitem_list li:before {background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}
.sitem_list > li {position:relative; padding-left:7px; font-size:1.4rem;}
.sitem_list > li:before {content:''; display:block; position:absolute; top:10px; left:-3px; width:7px; height:4px; background-position:0 -109px;}
.sitem_list > li > ul > li {position:relative; padding-left:7px;}
.sitem_list > li > ul > li:before {content:''; display:block; position:absolute; top:7px; left:-3px; width:6px; height:9px; background-position:0 -115px;}


.sitemap_cont.sitem_set01 > dd {min-height:250px;}
.sitemap_cont.sitem_set03 > dd {min-height:220px;}

/*media query*/
@media screen and (max-width:1024px){
	.sitemap_cont {padding-left:0;}
	.sitemap_cont:before {display:none;}
	.sitemap_cont > dt {display:block; position:static; left:auto; top:auto; margin-bottom:10px; padding:12px 0 6px 10px; font-size:2.0rem; border-top:3px solid #121212; border-bottom:1px solid #555;}
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
	.sitemap_cont > dt {font-size:1.8rem;}
	.sitemap_cont > dd {width:50%;}

	.sitemap_cont.sitem_set01 > dd,
	.sitemap_cont.sitem_set03 > dd {min-height:auto;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
	.sitemap_cont > dd {float:none; width:inherit;}
}

/********************************
 개인정보처리방침
 *******************************/
.privacy_box {}
.privacy_box:after {content:''; display:block; visibility:hidden; clear:both;}
.privacy_box .list_nb > li .num {display:inline-block; position:absolute; left:0; top:2px; width:18px; height:18px; line-height:18px; font-size:1.1rem; text-align:center; text-indent:-1px; border-radius:10px;}

.privacy_box .list_nb {} /*2단계까지*/
.privacy_box .list_nb li:before {background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}
.privacy_box .list_nb > li {position:relative; padding-left:24px; margin-bottom:2px;}
.privacy_box .list_nb > li:before {background-image:none;}
.privacy_box .list_nb > li .num {color:#0b717b; line-height:15px; border:1px solid #0b717b;}
.privacy_box .list_nb > li li {position:relative; padding-left:8px; margin-left:-8px;}
.privacy_box .list_nb > li li:before {content:''; display:block; position:absolute; top:8px; left:-2px; width:6px; height:6px; background-position:0 -101px;}
.privacy_box .list_nb > li li li {position:relative; padding-left:5px; margin-left:6px;}
.privacy_box .list_nb > li li li:before {content:''; display:block; position:absolute; top:10px; left:-3px; width:7px; height:4px; background-position:0 -109px;}
.privacy_box .list_nb > li li li li {position:relative; padding-left:8px;}
.privacy_box .list_nb > li li li li:before {content:''; display:block; position:absolute; top:7px; left:-6px; width:6px; height:9px; background-position:0 -115px;}

.con{
  max-width: 940px ;
  margin: 0 auto ;
}
/* 스타일 */
/* 슬릭js 스타일 변경 st */
/* 슬라이드 높이 변경  */
.slick-track{
/*   height: 940px ; */
}

/* 화살표 색상 변경*/
.slick-prev:before, .slick-next:before{
  color: #006f7a !important;
  opacity: 1 ; 
  font-size:40px;
}
/* 화살표 위치 변경 */
.slick-prev{
  left: 20px !important ;
  z-index: 9 ;
}
.slick-next{
  right: 20px !important ;
  z-index: 9 ;  
}

/* 버튼 위치 변경 */
.slick-dots{
  bottom : 0 !important;
}
/* 버튼 색상 변경 (마우스 오버)  */
.slick-dots li button:hover:before, .slick-dots li button:focus:before{
  color:#222 ;
}

/* 버튼 색상 변경 (활성화)  */
.slick-dots li.slick-active button:before{
  color: #222 !important;  
}

/* 버튼 색상 변경 (비활성화)  */
.slick-dots li button:before{
  color: #000 !important;  
  font-size:14px;
}

.sysConsole_btnboxn2  {padding:0; background:none; border-top:0; text-align:center;}

/*media query*/
@media screen and (max-width:1024px){
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
  .privacy_box .list_nb > li {margin:1px 0;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}