@charset "UTF-8"; 

/********************************
 01 울산광역시장
 ********************************/
 
/*01울산광역시장 > 01인사말*/
.greeting_titbox {overflow:hidden; display:block; padding:30px; background-color:#f7f7f7;}
.greeting_titbox .greeting_titinner {position:relative; padding:90px 10px 10px 430px; border:15px solid #fff; height:345px;}
.greeting_titbox .greeting_titinner:before,
.greeting_titbox .greeting_titinner:after {content:''; position:absolute; left:-50px; top:-55px; background-position:0 0; background-repeat:no-repeat; background-size:100%;}
.greeting_titbox .greeting_titinner:before {width:424px; height:425px; background-image:url(../images/sub01/img_greeting02.png);}
.greeting_titbox .greeting_titinner:after {width:416px; height:425px; background-image:url(../images/sub01/img_greeting01.png);}

.greeting_titbox .greet_tit {position:relative; margin-bottom:0; font-size:4.5rem; font-weight:500; color:#121212;}
.greeting_titbox .greet_tit strong {font-weight:600;}

.greeting_txtbox {margin-top:50px;}
.greeting_txtbox p {margin-top:18px; font-size:2.0rem; color:#333;}
.greeting_txtbox p strong {color:#71174b;}
.greeting_txtbox .sign_box {margin-top:38px; color:#121212; font-size:2.0rem;}
.greeting_txtbox .sign_box strong {display:inline-block; font-size:3.0rem; margin-left:16px; font-weight:600;}

/*media query*/
@media screen and (max-width:1200px){
	.greeting_titbox .greeting_titinner {padding:80px 10px 10px 400px;}
}
@media screen and (max-width:1024px){
	.greeting_titbox .greeting_titinner {padding:70px 10px 10px 400px;}
	.greeting_titbox .greet_tit {font-size:4.0rem;}
}
@media screen and (max-width:920px) {
	.greeting_titbox .greeting_titinner {padding:70px 10px 10px 330px; height:310px;}
	.greeting_titbox .greeting_titinner:before, 
	.greeting_titbox .greeting_titinner:after {left:-65px;}
	.greeting_titbox .greeting_titinner:before {width:380px; height:381px;}
	.greeting_titbox .greeting_titinner:after {width:372px; height:381px;}
	.greeting_titbox .greet_tit {font-size:3.5rem;}
}
@media screen and (max-width:767px) {
	.greeting_titbox {padding:20px;}
	.greeting_titbox .greeting_titinner {padding:50px 10px 10px 280px; height:270px; border-width:10px;}
	.greeting_titbox .greeting_titinner:before, 
	.greeting_titbox .greeting_titinner:after {left:-50px; top:-30px;}
	.greeting_titbox .greeting_titinner:before {width:330px; height:310px;}
	.greeting_titbox .greeting_titinner:after {width:324px; height:310px;}
	.greeting_titbox .greet_tit {font-size:3.0rem;}
	
	.greeting_txtbox {margin-top:30px;}
	.greeting_txtbox p {font-size:1.8rem;} 
	
	.greeting_txtbox .sign_box {font-size:1.8rem;}
	.greeting_txtbox .sign_box strong {font-size:2.6rem;}
	
}
@media screen and (max-width:640px) {
	.greeting_titbox .greeting_titinner {padding:30px 10px 10px 230px; height:227px; border-width:7px;}
	.greeting_titbox .greeting_titinner:before {width:280px; height:270px;}
	.greeting_titbox .greeting_titinner:after {width:274px; height:270px;}
}
@media screen and (max-width:540px) {
	.greeting_titbox .greeting_titinner {padding:30px 10px 10px 160px; height:191px;}
	.greeting_titbox .greeting_titinner:before,
	.greeting_titbox .greeting_titinner:after {left:-50px; top:-27px;}
	.greeting_titbox .greeting_titinner:before {width:230px; height:234px;}
	.greeting_titbox .greeting_titinner:after {width:225px; height:234px;}
	.greeting_titbox .greet_tit {font-size:2.8rem;}	
	
	.greeting_txtbox {margin-top:20px;}
	.greeting_txtbox p {font-size:1.6rem;} 
	
	.greeting_txtbox .sign_box {font-size:1.6rem;}
	.greeting_txtbox .sign_box strong {font-size:2.4rem;}
}

@media screen and (max-width:480px) {
	.greeting_titbox .greeting_titinner {padding:20px 10px 10px 130px;}
	.greeting_titbox .greeting_titinner:before {top:15px;; width:200px; height:191px;}
	.greeting_titbox .greeting_titinner:after {display:none;}
	.greeting_titbox .greet_tit {font-size:2.4rem;}	
}

@media screen and (max-width:380px) {	
	.greeting_titbox .greeting_titinner {padding:20px 10px 10px 100px;}
	.greeting_titbox .greeting_titinner:before {top:35px;; width:170px;}
	.greeting_titbox .greet_tit {font-size:2.0rem;}	
}



/*01울산광역시장 > 02취임사*/

.ingr_box {display:block; position:relative; padding:0 50px; background-color:#f0f0f0; border-top:50px solid #dacfea; border-bottom:50px solid #dacfea; z-index:0;}
.ingr_box:before {content:''; position:absolute; left:0; top:-50px; width:0; height:0; border-top:300px solid #dacfea; border-right:300px solid transparent; z-index:-1;}
.ingr_box:after {content:''; position:absolute; right:0; top:-50px; width:0; height:0; border-top:300px solid #dacfea; border-left:300px solid transparent; z-index:-1;}

.ingr_inner {background-color:#fff; box-shadow:3px 6px 15px rgba(0,0,0,0.1); z-index:1;}
.ingr_inner:before {content:''; position:absolute; left:0; bottom:-50px; width:0; height:0; border-bottom:300px solid #dacfea; border-right:300px solid transparent; z-index:-1;}
.ingr_inner:after {content:''; position:absolute; right:0; bottom:-50px; width:0; height:0; border-bottom:300px solid #dacfea; border-left:300px solid transparent; z-index:-1;}

.ingr_line {position:relative; padding:100px 30px 30px;}
.ingr_line:before {content:''; position:absolute; left:30px; top:30px; width:118px; height:118px; background:url(../images/sub01/inaugural_imgir.png) 0 0 no-repeat;}
.ingr_line:after {content:''; position:absolute; right:30px; top:30px; width:118px; height:118px; background:url(../images/sub01/inaugural_imgir.png) -118px 0 no-repeat;}

.ingr_line .ingr_sttit {margin-bottom:20px; font-weight:600; color:#121212; font-size:4.0rem; text-align:center;}
.ingr_line .youtube_box {display:block; margin:0 auto; padding-bottom:28%; width:50%;}
.ingr_line .youtube_box:after {content:''; display:block; visibility:hidden; clear:both;}

.ingr_inarea {position:relative; padding-top:50px; padding-bottom:30px; text-align:center;}
.ingr_inarea:before {content:''; position:absolute; left:0; bottom:0; width:118px; height:118px; background:url(../images/sub01/inaugural_imgir.png) 0 -118px no-repeat;}
.ingr_inarea:after {content:''; position:absolute; right:0; bottom:0; width:118px; height:118px; background:url(../images/sub01/inaugural_imgir.png) -118px -118px no-repeat;}

.ingr_tit {margin-bottom:25px; position:relative; display:block; font-size:2.5rem; color:#71174b; font-weight:600;}
.ingr_txt {display:block; margin:0 15%; text-align:center; line-height:1.7;}
.ingr_txt p {margin:0 0 25px;}
.ingr_txt .ptit {font-weight:600; color:#71174b; font-size:1.8rem;}



	/*media query*/
@media screen and (max-width:1024px) {
	.ingr_box {padding:0 30px; border-top-width:30px; border-bottom-width:30px;}
	.ingr_box:before {top:-30px; border-top-width:230px; border-right-width:230px;}
	.ingr_box:after {top:-30px; border-top-width:230px; border-left-width:230px;}
	
	.ingr_inner:before {bottom:-30px; border-bottom-width:230px; border-right-width:230px;}
	.ingr_inner:after {bottom:-30px; border-bottom-width:230px; border-left-width:230px;}
	
	.ingr_line {padding:95px 25px 25px;}
	.ingr_line:before {left:25px; top:25px;}
	.ingr_line:after {right:25px; top:25px;}
	
	.ingr_line .ingr_sttit {font-size:3.5rem;}
	.ingr_line .youtube_box {width:70%; padding-bottom:39%;}
	
	.ingr_txt {margin:0 10%;}
}
@media screen and (max-width:920px) {
	.ingr_line .ingr_sttit {font-size:3.0rem;}
	
	.ingr_tit {font-size:2.2rem;}
}
@media screen and (max-width:767px) {
	.ingr_line .ingr_sttit {font-size:2.6rem;}
	
	.ingr_line {padding:90px 20px 20px;}
	.ingr_line:before {left:20px; top:20px;}
	.ingr_line:after {right:20px; top:20px;}
	
	.ingr_txt p {margin-bottom:20px;}

}
@media screen and (max-width:640px) {
	.ingr_line .youtube_box {width:90%; padding-bottom:50%;}
	
	.ingr_line {padding:120px 20px 20px;}
	.ingr_line .ingr_sttit {font-size:2.4rem;}
	
	.ingr_inarea {padding-top:30px;}
	.ingr_tit {font-size:2.0rem;}
	
}
@media screen and (max-width:480px) {
	.ingr_box {padding:0 20px; border-top-width:20px; border-bottom-width:20px;}
	.ingr_box:before {top:-20px; border-top-width:200px; border-right-width:200px;}
	.ingr_box:after {top:-20px; border-top-width:200px; border-left-width:200px;}
	
	.ingr_inner:before {bottom:-20px; border-bottom-width:200px; border-right-width:200px;}
	.ingr_inner:after {bottom:-20px; border-bottom-width:200px; border-left-width:200px;}
	
	.ingr_line {padding:85px 10px 10px;}
	.ingr_line:before {left:10px; top:10px;}
	.ingr_line:after {right:10px; top:10px;}
	
	.ingr_tit {font-size:1.8rem;}
	
	.ingr_txt p {margin-bottom:15px;}
	.ingr_txt .ptit {font-size:1.6rem;}
}


/*01울산광역시장 > 03걸어온길*/
.prof_box {display:block;}
.prof_box:after {content:''; display:block; visibility:hidden; clear:both;}

.prof_inner {display:block; position:relative; padding-left:45%;}
.prof_inner:before {content:''; position:absolute; left:0; top:110px; width:438px; height:409px; background:url(../images/sub01/img_profile.png) 0 0 no-repeat; background-size:100%;}
.prof_inner:after {content:''; display:block; visibility:hidden; clear:both;}

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

.prof_list > li {position:relative; padding:0 0 30px 20px;}
.prof_list > li:before {content:''; position:absolute; left:0; top:5px; width:1px; height:100%; background-color:#ddd;}

.prof_list > li em {position:relative; color:#121212; font-weight:600; font-size:2.2rem;}
.prof_list > li em:before {content:''; position:absolute; left:-27px; top:7px; width:10px; height:10px; background-color:#fff; border:3px solid #8a288d; border-radius:50px;}

.prof_list > li .list_inner {position:relative; padding:20px 0 0 70px; color:#333;}
.prof_list > li .list_inner:before {content:''; position:absolute; left:-22px; top:31px; width:5px; height:5px; background-color:#8a288d; border-radius:50px;}
.prof_list > li .list_inner:after {content:''; position:absolute; left:-17px; top:33px; width:70px; height:1px; background-color:#ddd;}

.prof_list > li .list_inner li {font-size:2.0rem; font-weight:500;}
.prof_list > li .list_inner li strong {font-weight:600;}
.prof_list > li .list_inner li span {padding-right:10px; color:#b3128f;}



/* media query */
@media screen and (max-width:1350px){
	.prof_inner {padding-left:50%;}
}

@media screen and (max-width:1200px){
	.prof_inner {padding-left:45%;}
	.prof_inner:before {width:360px; height:335px; top:120px;}
}

@media screen and (max-width:1024px){	
	.prof_inner {padding-left:40%;}
	
	.prof_list > li em {font-size:2.0rem;}
	.prof_list > li .list_inner li {font-size:1.8rem;}
}

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

@media screen and (max-width:880px){
	.prof_inner {padding:360px 0 0 10%;}
	.prof_inner:before {top:0; left:50%; margin-left:-180px;}
	
	.prof_list > li {padding:0 0 20px 20px;}
	.prof_list > li .list_inner {padding:15px 0 0 50px;}
	.prof_list > li .list_inner:after {width:50px;}
}

@media screen and (max-width:767px){
	.prof_list > li em {font-size:1.8rem;}
	.prof_list > li .list_inner li {font-size:1.6rem;}
}

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

@media screen and (max-width:480px){
	.prof_inner {padding:340px 0 3%;}
	.prof_inner:before {width:320px; height:300px; margin-left:-160px;}
}



/********************************
 03 시민과의 약속
 *******************************/

/*03시민과의약속 > 01시정방향*/
.vs_sloganbox {display:block; margin:50px 0 70px; padding:30px; background-color:#f0f0f0; border:1px solid #ddd;}
.vs_sloganbox:after {content:''; display:block; visibility:hidden; clear:both;}
.slogan_list {display:block; }
.slogan_list:after {content:''; display:block; visibility:hidden; clear:both;}
.slogan_list li {display:block; line-height:43px; font-size:2.0rem;}
.slogan_list li:first-child {padding-bottom:30px;}

.slogan_list dl {display:block;}
.slogan_list dl:after {content:''; display:block; visibility:hidden; clear:both;}
.slogan_list dt {display:inline-block; float:left; width:20%;}
.slogan_list dt span {padding:10px 40px; border-radius:50px; color:#fff;}
.slogan_list dt span.tit1 {background:linear-gradient(90deg, #0483c6, #2a2b73);}
.slogan_list dt span.tit2 {background:linear-gradient(90deg, #63195e, #c3012d);}
.slogan_list dd {display:inline-block; float:left; width:80%; font-weight:500; color:#333;}




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

@media screen and (max-width:1024px){
	.slogan_list dt {width:25%;}
	.slogan_list dd {width:75%;}
}

@media screen and (max-width:920px){
	.vs_sloganbox {margin:40px 0 50px; padding:20px;}
	.slogan_list dt {width:28%; line-height:45px;}
	.slogan_list dd {width:72%;}
}

@media screen and (max-width:767px){
	.vs_sloganbox {margin:30px 0 50px;}
	.slogan_list li {line-height:inherit; font-size:1.8rem;}
	.slogan_list li:first-child {padding-bottom:20px;}
	.slogan_list dt {display:block; float:none; width:100%;}
	.slogan_list dt span {padding:7px 30px;}
	.slogan_list dd {display:block; float:none; width:100%; padding:8px 0 0 10px;}
	
	.imgbox.vision_imgbox {padding:0; border:none;}
}

@media screen and (max-width:640px){
	.vs_sloganbox {margin:20px 0 40px;}
	.slogan_list li {font-size:1.6rem;}
}

@media screen and (max-width:480px){
	.vs_sloganbox {margin:15px 0 40px;}
}


/*03시민과의약속 > 02공약개요 > 01공약구성현황*/

.tbl_base tbody td.align01 {padding-left:23%; text-align:left;}

.tbl_base tbody th.align02 {padding-left:5%; text-align:left;}


/* media query */
@media screen and (max-width:1200px){
	.tbl_base tbody th.align02 {padding-left:3%;}
}

@media screen and (max-width:1024px){
	.tbl_base tbody td.align01 {padding-left:20%;}
	.tbl_base tbody th.align02 {padding-left:10px;}
}

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

@media screen and (max-width:767px){
	.tbl_base tbody td.align01 {padding-left:17%;}
}

@media screen and (max-width:640px){
	.tbl_base tbody td.align01 {padding-left:15%;}
}

@media screen and (max-width:480px){
	.tbl_base tbody td.align01 {padding-left:5px;}
}



/*03시민과의약속 > 02공약개요 > 03공약수립과정*/
.plan_processbox {display:block; margin-top:20px;}
.plan_prclist {display:block;}
.plan_prclist:after {content:''; display:block; visibility:hidden; clear:both;}
.plan_prclist p {margin-bottom:0;}
.plan_prclist > li {position:relative; display:block; padding-bottom:50px;}
.plan_prclist > li:before {content:''; position:absolute; left:19%; bottom:18px; width:25px; height:14px; background:url(../images/sub03/planic_arrow.png) 0 0 no-repeat;}
.plan_prclist > li:last-child:before {display:none;} 
.plan_prclist > li:after {content:''; display:block; visibility:hidden; clear:both;}
.plan_prclist dl {display:block; background-color:#EAEBF9; border-radius:15px;}
.plan_prclist dl:after {content:''; display:block; visibility:hidden; clear:both;}
.plan_prclist dt {display:inline-block; padding:30px; float:left; width:40%; min-height:156px; background-color:#635FA0; border-top-left-radius:15px; border-bottom-left-radius:15px;}
.plan_prclist dd {display:inline-block; padding:30px; float:left; width:60%; min-height:156px;}
.plan_prclist li:nth-child(5) dt {padding:50px 30px; min-height:178px;}
.plan_prclist li:nth-child(5) dd {min-height:178px;}

.plan_prclist .tit_box {display:block;}
.plan_prclist .tit_box:after {content:''; display:block; visibility:hidden; clear:both;}
.plan_prclist .tit_box .icon_box {display:inline-block; float:left; width:23%;}
.plan_prclist .tit_box i {position:relative; display:block; width:90px; height:90px; background-color:#fff; border-radius:50px;}
.plan_prclist .tit_box i:before {content:''; position:absolute; left:0; top:0; width:90px; height:90px; background-position:0 0; background-repeat:no-repeat; background-size:100%;}
.plan_prclist .tit_box i.icon01:before {background-image:url(../images/sub03/plan_icon01.png);}
.plan_prclist .tit_box i.icon02:before {background-image:url(../images/sub03/plan_icon02.png);}
.plan_prclist .tit_box i.icon03:before {background-image:url(../images/sub03/plan_icon03.png);}
.plan_prclist .tit_box i.icon04:before {background-image:url(../images/sub03/plan_icon04.png);}
.plan_prclist .tit_box i.icon05:before {background-image:url(../images/sub03/plan_icon05.png);}
.plan_prclist .tit_box i.icon06:before {background-image:url(../images/sub03/plan_icon06.png);}
.plan_prclist .tit_box i.icon07:before {background-image:url(../images/sub03/plan_icon07.png);}

.plan_prclist .tit_box .tit_tbox {display:inline-block; float:left; width:77%; padding-left:10px; color:#fff; font-weight:500;}
.plan_prclist .tit_box .tit_tbox p {font-size:2.4rem;}
.plan_prclist .tit_box .tit_tbox span {font-size:2.0rem;}

.plan_prclist .txt_box > p {margin-bottom:5px; color:#121212; font-weight:500; font-size:2.0rem;}


/* media query */
@media screen and (max-width:1200px){
	.plan_prclist .tit_box .icon_box {width:30%;}
	.plan_prclist .tit_box .tit_tbox {width:70%;}
}

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

@media screen and (max-width:920px){
	.plan_prclist > li:before {left:21%;}
	.plan_prclist dt {width:45%;}
	.plan_prclist dd {width:55%;}
	.plan_prclist .tit_box .tit_tbox p {font-size:2.0rem;}
	.plan_prclist .tit_box .tit_tbox span {font-size:1.6rem;}
	
	.plan_prclist .tit_box .icon_box {display:inline-block; float:left; width:25%;}
	.plan_prclist .tit_box i {width:70px; height:70px;}
	.plan_prclist .tit_box i:before {width:70px; height:70px;}

	
	.plan_prclist .tit_box .tit_tbox {width:75%;}
}


@media screen and (max-width:785px){
	.plan_prclist .tit_box .icon_box {display:block; float:none; width:100%; text-align:center;}
	.plan_prclist .tit_box i {margin:0 auto;}
	.plan_prclist .tit_box .tit_tbox {display:block; float:none; width:100%; padding:15px 0 0 0; text-align:center;}	
}

@media screen and (max-width:640px){
	.plan_prclist dt {padding:20px;}
	.plan_prclist dd {padding:20px;}
	.plan_prclist .tit_box .tit_tbox p {font-size:1.8rem;}
	
	.plan_prclist .txt_box > p {font-size:1.8rem;}
}

@media screen and (max-width:480px){
	.plan_prclist > li:before {left:50%; margin-left:-17px;}
	.plan_prclist dt {display:block; float:none; width:100%; min-height:inherit; border-bottom-left-radius:0; border-top-right-radius:15px;}
	.plan_prclist dd {display:block; float:none; width:100%; min-height:inherit;}
	
	.plan_prclist li:nth-child(5) dt {padding:20px; min-height:inherit;}
	.plan_prclist li:nth-child(5) dd {min-height:inherit;}
	
	.plan_prclist .tit_box i {display:none;}
	.plan_prclist .tit_box .tit_tbox {padding:0;}	
	
}


/*03시민과의약속 > 04공약현황*/
.part_btnbox {display:block; margin-bottom:25px; margin-left:-20px;}
.part_btnbox:after {content:''; display:block; visibility:hidden; clear:both;}
.part_btnbox li {display:inline-block; float:left; width:20%; padding-left:20px;}
.part_btnbox li a {display:block; padding:15px 10px; text-align:center; text-decoration:none; border-width:2px; border-style:solid; border-radius:10px; font-size:1.5rem; font-weight:500; color:#333;}
.part_btnbox li a.part_tab01 {border-color:#84549c;}
.part_btnbox li a.part_tab02 {border-color:#d97700;}
.part_btnbox li a.part_tab03 {border-color:#06510a;}
.part_btnbox li a.part_tab04 {border-color:#116d9d;}
.part_btnbox li a.part_tab05 {border-color:#d92525;}

.part_btnbox li a strong {display:block; font-weight:600; font-size:2.6rem;}
.part_btnbox li a.part_tab01 strong {color:#693782;}
.part_btnbox li a.part_tab02 strong {color:#c65011;}
.part_btnbox li a.part_tab03 strong {color:#06510a;}
.part_btnbox li a.part_tab04 strong {color:#116d9d;}
.part_btnbox li a.part_tab05 strong {color:#d92525;}

.part_btnbox li a:hover,
.part_btnbox li a:active,
.part_btnbox li a:focus,
.part_btnbox li.tab_on a {animation: arr_t1 0.5s ease alternate;}
.part_btnbox li a.part_tab01:hover,
.part_btnbox li a.part_tab01:active,
.part_btnbox li a.part_tab01:focus,
.part_btnbox li.tab_on a.part_tab01 {background-color:#f1e9f5;}
.part_btnbox li a.part_tab02:hover,
.part_btnbox li a.part_tab02:active,
.part_btnbox li a.part_tab02:focus,
.part_btnbox li.tab_on a.part_tab02 {background-color:#fdf2e2;}
.part_btnbox li a.part_tab03:hover,
.part_btnbox li a.part_tab03:active,
.part_btnbox li a.part_tab03:focus,
.part_btnbox li.tab_on a.part_tab03 {background-color:#eef6da;}
.part_btnbox li a.part_tab04:hover,
.part_btnbox li a.part_tab04:active,
.part_btnbox li a.part_tab04:focus,
.part_btnbox li.tab_on a.part_tab04 {background-color:#e1f1f3;}
.part_btnbox li a.part_tab05:hover,
.part_btnbox li a.part_tab05:active,
.part_btnbox li a.part_tab05:focus,
.part_btnbox li.tab_on a.part_tab05 {background-color:#fceaee;}


/*테이블*/
.part_pldlist tbody tr.txt_array {font-weight:500; color:#121221;}
.part_pldlist tbody tr.txt_array td:nth-child(2) {padding-right:15px; text-align:right;}
.part_pldlist tbody tr td:nth-child(2) {padding-left:15px; text-align:left;}
.part_pldlist tbody tr td:nth-child(3) {padding-right:15px; text-align:right;}
.part_pldlist tbody tr.cl_line td {background-color:#f9f9f9; color:#67185e; font-weight:500;}
.part_pldlist tbody tr.cl_line td:last-child {padding:5px 5px 3px;}

.part_pldlist tbody tr td.down_td {padding:5px 5px 3px;}
.part_pldlist tbody tr td.down_td li {display:inline-block; width:40px;}
.part_pldlist tbody tr td.down_td li:after {content:''; display:block; visibility:hidden; clear:both;}
.part_pldlist tbody tr td.down_td li a {display:block; padding-top:5px;}
.part_pldlist tbody tr td.down_td li a i {position:relative; display:block; margin:0 auto; width:30px; height:30px;}
.part_pldlist tbody tr td.down_td li a i:before {content:''; position:absolute; width:30px; height:30px; left:0; top:0; background-position:0 0; background-repeat:no-repeat; background-size:100%;}
.part_pldlist tbody tr td.down_td li a i.down01:before {background-image:url(../images/sub03/down_icon01.png);}
.part_pldlist tbody tr td.down_td li a i.down02:before {background-image:url(../images/sub03/down_icon02.png);}


.part_pldlist tbody tr td.more_btn {padding:20px 0;}
.part_pldlist tbody tr td.more_btn a {padding:5px 10px; border:1px solid #ddd; border-radius:5px;}
.part_pldlist tbody tr td.more_btn a:hover,
.part_pldlist tbody tr td.more_btn a:active,
.part_pldlist tbody tr td.more_btn a:focus {background-color:#c10e55; color:#fff; border-color:#8d2876;}

.part_pldlist tbody tr.txt_array.last_tab td {background-color:#eff7ff;}
.part_pldlist tbody tr.txt_array.last_tab td li {display:inline-block; width:30%;}


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

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

@media screen and (max-width:920px) {
	.part_btnbox li a strong {font-size:2.4rem;}
}

@media screen and (max-width:780px) {
	.part_btnbox li {padding-bottom:20px; width:33.3333%;}
	.part_btnbox li a strong {font-size:2.2rem;}
}

@media screen and (max-width:767px) {
	.part_btnbox {margin-bottom:5px;}
	.part_pldlist tbody tr.cl_line td li {width:40%;}
	.part_pldlist tbody tr.txt_array.last_tab td li {width:40%;}
}

@media screen and (max-width:640px) {
	.part_btnbox li a {padding:10px;}
}

@media screen and (max-width:480px) {
	.part_btnbox {margin-left:-15px;}
	.part_btnbox li {padding-bottom:15px; padding-left:15px; width:50%;}
	.part_btnbox li a strong {font-size:2.0rem;}
}



/*03시민과의약속 > 05공약관리체계*/

/*그레이박스*/
.gray_tbox {padding:30px 50px; background-color:#f7f7f7; border:1px solid #ddd;}
.gray_tbox li span {margin-left:15px;}
.gray_tbox .down_box a {background-color:#fff;}


.step_box.page03_5 li:nth-child(1) .txt_box,
.step_box.page03_5 li:nth-child(2) .txt_box,
.step_box.page03_5 li:nth-child(3) .txt_box {min-height:230px;}
.step_box.page03_5 li:nth-child(4) .txt_box,
.step_box.page03_5 li:nth-child(5) .txt_box {min-height:310px;}

/*스탭 아이콘*/
.step_box.page03_5 .step_cont .tit_box i {position:relative; display:block; margin:10px auto ; width:90px; height:90px; background-color:#fff; border-radius:50px;}
.step_box.page03_5 .step_cont .tit_box i:before {content:''; position:absolute; left:0; top:0; width:90px; height:90px; background-position:0 0; background-repeat:no-repeat; background-size:100%;}
.step_box.page03_5 .step_cont .tit_box i.icon01:before {background-image:url(../images/sub03/evaluation_ic01.png);}
.step_box.page03_5 .step_cont .tit_box i.icon02:before {background-image:url(../images/sub03/evaluation_ic02.png);}
.step_box.page03_5 .step_cont .tit_box i.icon03:before {background-image:url(../images/sub03/evaluation_ic03.png);}
.step_box.page03_5 .step_cont .tit_box i.icon04:before {background-image:url(../images/sub03/evaluation_ic04.png);}
.step_box.page03_5 .step_cont .tit_box i.icon05:before {background-image:url(../images/sub03/evaluation_ic05.png);}


/*media query*/

@media screen and (max-width:1230px) {
	.step_box.page03_5 li:nth-child(1) .txt_box,
	.step_box.page03_5 li:nth-child(2) .txt_box,
	.step_box.page03_5 li:nth-child(3) .txt_box {min-height:240px;}
	.step_box.page03_5 li:nth-child(4),
	.step_box.page03_5 li:nth-child(5) {width:50%;}

}

@media screen and (max-width:1080px) {
	.step_box.page03_5 li:nth-child(1) .txt_box,
	.step_box.page03_5 li:nth-child(2) .txt_box,
	.step_box.page03_5 li:nth-child(3) .txt_box {min-height:276px;}
}


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

@media screen and (max-width:920px) {
	.gray_tbox {padding:30px;}
	
	/*스탭 아이콘*/
	.step_box.page03_5 .step_cont .tit_box i {margin-top:0; width:60px; height:60px;}
	.step_box.page03_5 .step_cont .tit_box i:before {width:60px; height:60px;}
}

@media screen and (max-width:870px) {
	.step_box.page03_5 li:nth-child(1) .txt_box,
	.step_box.page03_5 li:nth-child(2) .txt_box,
	.step_box.page03_5 li:nth-child(3) .txt_box {min-height:285px;}
}

@media screen and (max-width:830px) {
	.step_box.page03_5 li:nth-child(3) .txt_box,
	.step_box.page03_5 li:nth-child(4) .txt_box {min-height:315px;}
	.step_box.page03_5 li:nth-child(5) .txt_box {min-height:inherit;}
}

@media screen and (max-width:767px) {
	.gray_tbox {padding:15px 20px;}
}

@media screen and (max-width:640px) {
	.step_box.page03_5 li:nth-child(4),
	.step_box.page03_5 li:nth-child(5) {width:100%;}
	
	.step_box.page03_5 li:nth-child(1) .txt_box,
	.step_box.page03_5 li:nth-child(2) .txt_box,
	.step_box.page03_5 li:nth-child(3) .txt_box {min-height:inherit;}
	.step_box.page03_5 li:nth-child(4) .txt_box {min-height:inherit;}
}

@media screen and (max-width:480px) {
	.gray_tbox {padding:15px;}
	
	.step_box.page03_5 .step_cont .tit_box i {display:none;}
	
}


/*03시민과의약속 > 06공약이행현황*/
/* 그래프 차트 */
.chart_box {position:relative; margin-bottom:50px;}
.chart_box .chart_inner {overflow: hidden;}
.chart_box .chart_inner p {margin-bottom:0; text-align:center;}

/*공약이행률*/
.chart_box .chart_inner .total_chart {display:inline-block; float:left; width:30%; padding-right:30px;}
.chart_box .chart_inner .total_chart .tit_box {margin-bottom:55px;}
.chart_box .chart_inner .total_chart .total_count .chart {width:340px; height:340px; background:#f0f0f0; margin:0 auto;}
.chart_box .chart_inner .total_chart span.count_num {padding-top:40px; width:140px; height:140px; font-size:4.0rem; color:#b3128f; box-shadow:6px 6px 10px rgba(0,0,0,0.08);}


/*총공약사업*/
.chart_box .chart_inner .four_chart {position:relative; display:inline-block; float:left; width:70%;}
.chart_box .chart_inner .four_chart .tit_box {margin-bottom:55px;}
.chart_box .chart_inner .four_chart .tit {position:relative;}
.chart_box .chart_inner .tit span {color:#1256b3;}


.chart_box .chart_inner .four_chart .section_box {display:block;}
.chart_box .chart_inner .four_chart .section_box .cell {display:inline-block; float:left; width:25%;}

.chart_box .chart_inner .four_chart .cell .chart {margin:0 auto; width:180px; height:180px; background:#f0f0f0;}
.chart_box .chart_inner .four_chart span.count_num {padding-top:33px; width:100px; height:100px; font-size:2.4rem; color:#333;}


/*공통값*/
.chart_box .chart_inner .tit_box {position:relative;}
.chart_box .chart_inner .tit_box:after {content:''; display:block; position:absolute; top:15px; left:0; width:100%; height:1px; background:#ddd;  z-index:-1;}
.chart_box .chart_inner .tit {display:inline-block; padding-right:15px; font-size:2.4rem; color:#333; font-weight:600; background:#fff;}
.chart_box .chart_inner .date {position:absolute; top:6px; right:0; padding-left:15px; font-size:1.6rem;; color:#555; background:#fff; font-weight:500;}

.chart_box .chart_inner .chart {position:relative; border-radius:50%; transition:0.3s;}
.chart_box .chart_inner span.count_num {position:absolute; top:50%; left:50%; font-weight:600; border-radius:50%; text-align:center; transform:translate(-50%, -50%); box-shadow:5px 5px 8px rgba(0,0,0,.08); background:#fff;}

.chart_box .chart_inner span.count_num .small {font-size:1.8rem; color:#333; font-weight:400;}
.chart_box .chart_inner .mini_tit {margin-top:10px; font-size:2.0rem; font-weight:500; color:#333;}

.chart_box button {position:absolute; left:0; right:0; margin:0 auto; width:80px;} 
 
 
 /*공약이행 정기평가*/
 .list_1st.page03_6 {font-weight:500;}
 
.step_box.page03_6 {margin-top:5px;}
.step_box.page03_6 li:nth-child(1) .txt_box,
.step_box.page03_6 li:nth-child(2) .txt_box,
.step_box.page03_6 li:nth-child(3) .txt_box {min-height:245px;}
 

/*media query*/
@media all and (max-width:1200px) {
	 /*공약이행 정기평가*/
	.step_box.page03_6 li:nth-child(1) .txt_box,
	.step_box.page03_6 li:nth-child(2) .txt_box,
	.step_box.page03_6 li:nth-child(3) .txt_box {min-height:334px;}	
}
@media all and (max-width:1024px) {
	.chart_box .chart_inner .total_chart {display:block; float:none; width:100%; margin-bottom:40px; padding-right:0;}
	.chart_box .chart_inner .four_chart {display:block; float:none; width:100%;}
	
	.chart_box .chart_inner .four_chart .tit_box {margin-bottom:35px;}
}

@media all and (max-width:920px) {
	/*공약이행률*/
	.chart_box .chart_inner .total_chart .total_count .chart {width:200px; height:200px;}
	.chart_box .chart_inner .total_chart span.count_num {padding-top:26px; width:110px; height:110px;}
	
	/*총공약사업*/
	.chart_box .chart_inner .four_chart .cell .chart {width:160px; height:160px;}
	.chart_box .chart_inner .four_chart span.count_num {padding-top:22px; width:80px; height:80px;}
	
	.chart_box .chart_inner .date {top:5px;}
	
	
	 /*공약이행 정기평가*/
	.step_box.page03_6 li:nth-child(1) .txt_box,
	.step_box.page03_6 li:nth-child(2) .txt_box,
	.step_box.page03_6 li:nth-child(3) .txt_box {min-height:343px;}	
}

@media all and (max-width:830px) {
	 /*공약이행 정기평가*/
	.step_box.page03_6 li:nth-child(1) .txt_box,
	.step_box.page03_6 li:nth-child(2) .txt_box {min-height:273px;}
	.step_box.page03_6 li:nth-child(3) .txt_box {min-height:inherit;}	
}

@media all and (max-width:768px) {
	.chart_box {margin-bottom:40px;}
	.chart_box .chart_inner .four_chart .section_box .cell {width:50%; margin-bottom:30px;}
	
	.chart_box .chart_inner .total_chart .tit_box {margin-bottom:20px;}
	.chart_box .chart_inner .four_chart .tit_box {margin-bottom:25px;}
	
	.chart_box .chart_inner .total_chart span.count_num {padding-top:30px; font-size:3.5rem;}
	.chart_box .chart_inner .four_chart span.count_num {padding-top:25px; font-size:2.0rem;}
	
	/*공통값*/
	.chart_box .chart_inner .tit {font-size:2.1rem;}
	.chart_box .chart_inner .date {top:4px; font-size:1.5rem;}
	.chart_box .chart_inner .mini_tit {font-size:1.8rem;}
}

@media all and (max-width:640px) {
	 /*공약이행 정기평가*/
	.step_box.page03_6 li:nth-child(1) .txt_box,
	.step_box.page03_6 li:nth-child(2) .txt_box {min-height:inherit;}
}

@media all and (max-width:480px) {
	.chart_box .chart_inner .tit_box:after {top:12px;}
	.chart_box .chart_inner .tit {font-size:1.8rem;}
	
	/*공약이행률*/
	.chart_box .chart_inner .total_chart .total_count .chart {width:180px; height:180px;}
	.chart_box .chart_inner .total_chart span.count_num {padding-top:24px; width:90px; height:90px; font-size:3.0rem;}
	
	/*총공약사업*/
	.chart_box .chart_inner .four_chart .cell .chart {width:140px; height:140px;}
	.chart_box .chart_inner .four_chart span.count_num {padding-top:18px; width:60px; height:60px; font-size:1.8rem;}
	
	.chart_box .chart_inner span.count_num .small {font-size:1.4rem;}
	.chart_box .chart_inner .date {position:relative; top:inherit; right:inherit; padding:5px 0 0 0; background:none; text-align:left;}
	.chart_box .chart_inner .mini_tit {font-size:1.6rem;}
	
}



/*03시민과의약속 > 07매니페스토 활동 > 01매니페스토란?*/
.mnft_box {position:relative; background:linear-gradient(to bottom, #635FA0, #EAEBF9);}
.mnft_box .mnft_tbox {padding:50px;}
.mnft_box .mnft_tbox .mnft_inner {position:relative; padding:5% 12% 50%; text-align:center; box-shadow:3px 5px 7px rgba(0,0,0,0.35); background:#fff url(../images/sub03/img_manifesto.png) center bottom no-repeat; background-size:contain;} 

.mnft_box .mnft_tbox .mnft_titbox {margin-bottom:30px;}
.mnft_box .mnft_tbox .mnft_titbox h2 {margin:0 0 10px 0; color:#121212; font-size:4.0rem; font-weight:600;}
.mnft_box .mnft_tbox .mnft_titbox p {font-size:2.4rem; font-weight:500; color:#781779;}
.mnft_box .mnft_tbox .mnft_txt {margin-bottom:0; padding:10px 0;}
.mnft_box .mnft_tbox .shortcut_btn {margin-bottom:0; padding-top:3%;}
.mnft_box .mnft_tbox .shortcut_btn a {background-color:#fff; border-radius:10px;}

.country_box {margin-top:30px;}

/*media query*/
@media screen and (max-width:1200px) {
	.mnft_box .mnft_tbox .mnft_titbox h2 {font-size:3.5rem;}
	.mnft_box .mnft_tbox .mnft_titbox p {font-size:2.2rem;}
}
@media screen and (max-width:1024px) {
	
}
@media screen and (max-width:920px) {
	.mnft_box .mnft_tbox .mnft_titbox {margin-bottom:20px;}
	.mnft_box .mnft_tbox .mnft_titbox h2 {font-size:3.0rem;}
	.mnft_box .mnft_tbox .mnft_titbox p {font-size:2.0rem;}
	
	.mnft_box .mnft_tbox .mnft_inner {padding:5% 5% 50%;}
}

@media screen and (max-width:767px) {
	.mnft_box .mnft_tbox {padding:30px;}
	.mnft_box .mnft_tbox .mnft_titbox {margin-bottom:10px;}
	.mnft_box .mnft_tbox .mnft_titbox h2 {font-size:2.4rem;}
	.mnft_box .mnft_tbox .mnft_titbox p {font-size:1.8rem;}
}

@media screen and (max-width:640px) {
	.mnft_box .mnft_tbox .mnft_titbox h2 {font-size:2.2rem;}
	.mnft_box .mnft_tbox .mnft_titbox p {font-size:1.6rem;}
}
@media screen and (max-width:480px) {
	.mnft_box .mnft_tbox {padding:20px;}
}




/*03시민과의약속 > 07매니페스토 활동 > 02주민배심원제 운영*/
.result_abox .btn_ul_list li {margin-bottom:0; margin-top:10px;}
.result_abox .btn_ul_list li a {background-color:#fff; border-radius:10px;}

/*상단탭*/
.tab_secarea {position:relative; margin-top:30px; padding:10px 20px 0;}
.tab_secarea:before {content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#d8d8d8;}
.tab_secarea:after {content:''; display:block; visibility:hidden; clear:both;}
.tab_box2 {margin-top:1px; margin-left:1px;}
.tab_box2:after {content:''; display:block; visibility:hidden; clear:both;}
.tab_box2 li {position:relative; display:table; float:left; padding:2px 2px 0; min-width:100px; height:100%; vertical-align:middle;}
.tab_box2 li a {position:relative; display:table-cell; height:46px; cursor:pointer; color:#444; text-align:center; vertical-align:middle; line-height:1.0; border-width:1px 1px 0; border-style:solid; border-color:#cacaca; border-radius:7px 7px 0 0; background-color:#f0f0f0;}
.tab_box2 li a:hover,
.tab_box2 li a:active,
.tab_box2 li a:focus {color:#121212; background-color:#d1d1d1; transition: all 0.1s linear;}
.tab_box2 li.tab_on a {color:#8d2876; border-color:#8d2876; background-color:#fff; text-decoration:none; font-weight:500; z-index:2;}
.tab_box2 li.tab_on a:after {content:''; visibility:visible; display:block; position:absolute; bottom:0; left:50%; margin-left:-5px; width:0; height:0; border:solid transparent; border-width:5px; border-color:rgba(0,125,198,0); border-top-color:#8d2876; transform-origin:center; transition: all 0.2s ease;}
.tab_box2 li a span {display:block; padding:0 10px; font-size:1.4rem; line-height:1.2;}


/*진행과정*/
.step_box.page03_7 li .tit_box {padding:20px 10px;}
.step_box.page03_7 li .tit_box .tit {position:relative; padding-left:35px;}
.step_box.page03_7 li .tit_box .tit em {position:absolute; left:0; top:0; padding:0 10px; font-size:1.5rem; border:1px solid #ddd; border-radius:50px; background-color:#115387; font-weight:500; line-height:28px; color:#fff;}
.step_box.page03_7 li .tit_box .date {display:block; margin-top:5px;}

.step_box.page03_7 li .txt_box {min-height:132px;}




/*이미지*/
.juror_imgbox {}
.juror_imgbox:after {display:block; content:''; clear:both;}
.juror_imgbox ul {overflow:hidden; margin-left:-10px;}
.juror_imgbox li {display:inline-block; float:left; padding:0 10px; width:50%;}
.juror_imgbox li .juror_inner {padding:20px; border:1px solid #ddd; border-radius:10px;}
.juror_imgbox li .juror_inner img {width:100%;}



/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.step_box.page03_7 li .tit_box .tit {padding-left:30px;}
	.step_box.page03_7 li .tit_box .tit em {padding:0 9px; font-size:1.4rem; line-height:25px;}
}

@media screen and (max-width:930px) {
	.step_box.page03_7 li .tit_box .tit {padding-left:27px;}
	.step_box.page03_7 li .tit_box .tit em {padding:0 7px; line-height:22px;}
}

@media screen and (max-width:830px) {
	.step_box.page03_7 li:nth-child(3) .txt_box,
	.step_box.page03_7 li:nth-child(4) .txt_box,
	.step_box.page03_7 li:nth-child(5) .txt_box {min-height:inherit;}
}

@media screen and (max-width:767px) {
	.juror_imgbox ul {margin:-5px auto 0;}
	.juror_imgbox li {display:block; padding:5px 0; width:100%;}
	
	.imgbox.juror_inne {padding:0; border:1px solid #ddd;}
	.imgbox.juror_inner figure {text-align:center;}
	.imgbox.juror_inne figcaption {display:none; padding:0;}
	
  
}

@media screen and (max-width:640px) {
	.step_box.page03_7 li .txt_box {min-height:inherit;}
	
	/*탭*/
	.tab_secarea {padding:10px; background-color:#f8f8f8;}
	.tab_secarea:before {display:none;}
	.tab_box2 li {width:33.3333%; padding:2px; min-width:inherit;}
	.tab_box2 li a {border-width:1px; border-radius:7px;}
	.tab_box2 li a span {padding:0 5px;}
	
	.imgbox.juror_inner {padding:10px;}
	.imgbox.juror_inner figcaption {display:block; padding:10px 0 0;}
}

@media screen and (max-width:480px) {
	.tab_box2 li {float:none; width:100%;}

}


/*03시민과의약속 > 09시민소통방*/
.ctt_box {position:relative; padding:10% 5%; background:url(../images/sub03/img_citizenboard.jpg) center center no-repeat; background-size:cover;}
.ctt_box:after {content:''; display:block; visibility:hidden; clear:both;}

.ctt_box ul {}
.ctt_box ul:after {content:''; display:block; visibility:hidden; clear:both;}
.ctt_box ul li {position:relative; display:inline-block; float:left; width:33.3333%; padding-left:20px;}
.ctt_box ul li:first-child {padding-left:0;}

.ctt_inner {padding:30px; text-align:center; background-color:rgba(255,255,255,0.95); box-shadow:2px 2px 10px 5px rgba(0,0,0,0.2); border-radius:10px;}
.ctt_inner h2 {margin:0 0 10px; font-size:2.8rem; font-weight:500; color:#8d2876;}
.ctt_inner p a {background-color:#fff; border-radius:10px;}
.ctt_inner p.link_btn {margin-bottom:0; text-align:center;}
.ctt_inner p.link_btn a {margin-bottom:0;}

/*sns버튼-아이콘*/
.sns_btn_listbox {display:block;}
.sns_btn_listbox:after {content:''; display:block; visibility:hidden; clear:both;}
.sns_btn_listbox .sns_btn_listinner {displayl:block; margin-left:-10px;}
.sns_btn_listbox .sns_btn_listinner:after {content:''; display:block; visibility:hidden; clear:both;}
.sns_btn_ul_list li a:hover, 
.sns_btn_ul_list li a:active, 
.sns_btn_ul_list li a:focus {font-weight:500; text-decoration:underline; border-color:#8d2876; transition:border-color 0.2s linear; }

.sns_btn_ul_list li {display:inline-block; float:left; padding-left:10px; width:16.66%;}
.sns_btn_ul_list li a {display:block; position:relative; padding:8px 10px 8px 50px; border:1px solid #ddd;}
.sns_btn_ul_list li a span {line-height:34px;}

.sns_icon {display:block; position:absolute; left:10px; top:50%; margin-top:-16px; width:34px; height:34px; font-size:0; text-indent:-9999px;}
.sns_icon:before {content:''; display:inline-block; position:absolute; top:1px; left:0; width:34px; height:34px; background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}
.sns_icon.bcon01:before {background-position: -127px 0;}/*SNS 페이스북*/
.sns_icon.bcon02:before {background-position: -162px 0;}/*SNS 트위터*/
.sns_icon.bcon03:before {background-position: -92px -35px;}/*SNS 유투브*/
.sns_icon.bcon04:before {background-position: -92px 0;}/*SNS 카카오*/
.sns_icon.bcon05:before {background-position: -197px 0;}/*SNS 블로그*/
.sns_icon.bcon06:before {background-position: -127px -35px;}/*SNS 인스타그램*/

/*media query*/
@media screen and (max-width:1200px) {
	.ctt_inner {padding:30px 20px; background-color:rgba(255,255,255,1);}
	.ctt_inner h2 {font-size:2.4rem;}
}

@media screen and (max-width:1024px) {
	.ctt_inner > p {min-height:45px;}
	
	.sns_btn_ul_list li {width:33.3333%;}
	.sns_btn_ul_list li:nth-child(1),
	.sns_btn_ul_list li:nth-child(2),
	.sns_btn_ul_list li:nth-child(3) {padding-bottom:10px;}
}

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

@media screen and (max-width:800px) {
 	.ctt_box {padding:5%;}
 	.ctt_box ul li {display:block; float:none; width:100%; padding-left:0; padding-top:20px; transition:all 0.2s linear;}
	.ctt_box ul li:first-child {padding-top:0;}
	
	.ctt_inner > p {min-height:inherit;}
}

@media screen and (max-width:767px) {
  .ctt_inner h2 {font-size:2.0rem;}
  
  .sns_btn_ul_list li {width:33%;}    	
}

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

@media screen and (max-width:480px) {
	.sns_btn_ul_list li {width:50%; padding-bottom:10px;}
}


/********************************
 05역대시장
 ********************************/
/*05역대시장*/
.mayor_imgbox {margin-top:20px;}
.mayor_imgbox:after {content:''; display:block; visibility:hidden; clear:both;}
.mayor_layout {position:relative; display:flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.mayor_layout > li {margin:20px 0 0; width:calc(50% - 10px); border:1px solid #ddd; border-radius:10px;}

.mayor_inner {display:block; padding:20px;}
.mayor_inner:after {content:''; display:block; visibility:hidden; clear:both;}

.mayor_inner img {display:inline-block; float:left;}
.mayor_inner .mayor_txtbox {margin-bottom:0; padding-left:220px;}
.mayor_inner .mayor_txtbox h3 {margin-top:0; margin-bottom:0; font-size:2.2rem; font-weight:600; color:#5d104c;}

.mayor_inner .mayor_txtbox .myr_tit {}
.mayor_inner .mayor_txtbox .myr_txt {}
.mayor_inner .mayor_txtbox .myr_txt p {position:relative; margin-top:20px; padding-left:10px; font-size:2.2rem; font-weight:500; color:#333;}
.mayor_inner .mayor_txtbox .myr_txt p:before {position:absolute; content:''; left:0; top:7px; width:3px; height:15px; background-color:#ba2070;}

	/*media query*/
@media screen and (max-width:1200px) {
	.mayor_inner img {width:150px;}
	.mayor_inner .mayor_txtbox {padding-left:180px;}
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {	
	.mayor_inner .mayor_txtbox h3 {font-size:2.2rem;}
	.mayor_inner .mayor_txtbox .myr_txt p {margin-bottom:4px; font-size:2.0rem;}
	.mayor_inner .mayor_txtbox .myr_txt p:before {height:12px;}
}

@media screen and (max-width:840px) {
	.mayor_layout {margin-left:0;}
	.mayor_layout > li {display:block; float:none; width:100%;}
	
	
	.mayor_inner {margin:0;}
	.mayor_inner img {display:inline-block; float:left; width:inherit;}
	
	.mayor_inner .mayor_txtbox {padding-left:220px; padding-top:0;}
	.mayor_inner .mayor_txtbox h3 {font-size:2.0rem;}
	.mayor_inner .mayor_txtbox .myr_txt p {font-size:1.8rem;}
}
@media screen and (max-width:640px) {
	.mayor_inner img {width:170px;}
	.mayor_inner .mayor_txtbox {padding-left:200px;}
}
@media screen and (max-width:480px) {	
	.mayor_inner img {display:block; float:none; width:170px; margin:0 auto;}
	.mayor_inner .mayor_txtbox {padding-left:0; padding:20px 0 0;}
	.mayor_inner .mayor_txtbox h3 {font-size:1.8rem;}
	.mayor_inner .mayor_txtbox .myr_txt p {padding-left:8px; font-size:1.6rem;}
	.mayor_inner .mayor_txtbox .myr_txt p:before {width:2px; height:9px;}
}


/********************************
 06누리집안내
 ********************************/
.sitemap_box {}
.sitemap_box:after {content:''; display:block; visibility:hidden; clear:both;}
.sitemap_inner {display:block;}
.sitemap_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.sitemap_cont {position:relative; margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid #ddd;}
.sitemap_cont:after {content:''; display:block; visibility:hidden; clear:both;}
.sitemap_cont .line_bk {display:block;}
.sitemap_cont > dt {display:block; margin-bottom:30px; font-size:2.4rem;}
.sitemap_cont > dt a {line-height:1.3; color:#635FA0; font-weight:600;}
.sitemap_cont > dd {display:inline-block; float:left; width:25%; padding-right:20px;}
.sitemap_cont > dd:nth-child(5),
.sitemap_cont > dd:nth-child(9) {padding-right:0;}
.sitemap_cont > dd:after {content:''; display:block; visibility:hidden; clear:both;}
.sitemap_cont > dd strong {position:relative;display:block;text-align: center;}
.sitemap_cont > dd strong a {position:relative; display:block; padding:10px; border:1px solid #aaa; border-radius:5px; color:#333; background-color:#f7f7f7;}
.sitemap_cont > dd strong a:hover,
.sitemap_cont > dd strong a:active,
.sitemap_cont > dd strong a:focus {background-color:#fff4f8; border-color:#c10e55; color:#222;}

.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(2),
.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(3),
.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(4),
.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(5) {min-height:217px;}
.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(6),
.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(7),
.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(8),
.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(9) {min-height:136px;}


.sitem_list {display:block; padding:10px 0 20px 10px;}
.sitem_list:after {content:''; display:block; visibility:hidden; clear:both;}
.sitem_list > li {position:relative; display:block; padding:4px 8px;}
.sitem_list > li:before {content:''; position:absolute; left:0; top:12px; width:3px; height:3px; background-color:#c10e55; border-radius:10px;}
.sitem_list > li:after {content:''; display:block; visibility:hidden; clear:both;}
.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;}

.sitem_set04 .sitem_list > li:nth-child(4):before,
.sitem_set04 .sitem_list > li:nth-child(5):before {display:none;}

/*media query*/
@media screen and (max-width:1024px){
	.sitemap_cont > dt {font-size:2.2rem;}
	
}
@media screen and (max-width:920px) {
	.sitemap_cont {margin-bottom:30px; padding-bottom:10px;}
	.sitemap_cont > dd {width:33.3333%; padding-bottom:20px;}
	.sitemap_cont > dd:nth-child(5),
	.sitemap_cont > dd:nth-child(9) {padding-right:20px;}
	.sitemap_cont > dd:nth-child(4),
	.sitemap_cont > dd:nth-child(7) {padding-right:0;}
	
	.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(2),
	.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(3),
	.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(4) {min-height:186px;}
	.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(5),
	.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(6),
	.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(7) {min-height:247px;}
	.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(8),
	.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(9) {min-height:126px;}
	
}
@media screen and (max-width:867px) {

}
@media screen and (max-width:767px) {
	.sitemap_cont > dt {font-size:2.0rem;}

}
@media screen and (max-width:650px) {
	.sitemap_cont > dd {width:50%;}
	.sitemap_cont > dd:nth-child(4),
	.sitemap_cont > dd:nth-child(6),
	.sitemap_cont > dd:nth-child(8) {padding-right:20px;}
	.sitemap_cont > dd:nth-child(3),
	.sitemap_cont > dd:nth-child(5),
	.sitemap_cont > dd:nth-child(7),
	.sitemap_cont > dd:nth-child(9) {padding-right:0;}
	
	.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(2),
	.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(3) {min-height:175px;}
	.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(4),
	.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(5) {min-height:230px;}
	.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(6),
	.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(7) {min-height:inherit;}
	.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(8),
	.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(9) {min-height:147px;}
}
@media screen and (max-width:350px) {
	.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(8),
	.sitemap_inner:nth-child(3) .sitemap_cont > dd:nth-child(9) {min-height:167px;}
}
@media screen and (max-width:332px) {	
	.sitemap_inner:nth-child(4) .sitemap_cont > dd:nth-child(2) {min-height:82px;}
	.sitemap_inner:nth-child(4) .sitemap_cont > dd:nth-child(3) strong a {line-height:40px;}
}