@charset "utf-8";

/*인사말_new*/
#greeting01{width:100%;}
#greeting01 p{padding-bottom:20px;font-size:15px;color:#767676;}
#greeting01 .greeting01_a{width:100%;}
#greeting01 .greeting01_a:after{display:block;content:"";clear:both;visibility:hidden;}
#greeting01 .greeting01_a .greet_a_img{width:100%;}
#greeting01 .greeting01_a .greet_a_img img{width:100%;}
#greeting01 .greeting01_a .greet_a_img span{display:block;color:#dfdfdf;letter-spacing:6px;}
#greeting01 .greeting01_a .greet_a_txt{width:100%}
#greeting01 .greeting01_a .greet_a_txt h2{margin-bottom:30px;font-size:16px;line-height:25px;font-weight:normal;}
#greeting01 .greeting01_a .greet_a_txt h2:before{position:absolute;top:80px;width:40px;background-color:#000;content:"";display:block;height:2px;}
#greeting01 .greeting01_b{margin-top:20px;width:100%;}
#greeting01 .greeting01_b:after{display:block;content:"";clear:both;visibility:hidden;}
#greeting01 .greeting01_b .greet_b_txt{width:100%;}
#greeting01 .greeting01_b .greet_b_txt h2{margin-bottom:20px;font-weight:normal;font-size:14px;line-height:22px;font-style:italic;}
#greeting01 .greeting01_b .greet_b_txt h2:before{background:none;}
#greeting01 .greeting01_b .greet_b_txt p{width:100%;}
#greeting01 .greeting01_b .greet_b_img{width:100%}
#greeting01 .greeting01_b .greet_b_img img{width:100%;}
#greeting01 .sign{width:100%;margin-top:20px;font-size:18px;color:#000;text-align:right;}
#greeting01 .sign span{display:inline-block;margin: 0 0 20px 10px;width:80px;height:35px;vertical-align: middle;background:url(/images/mayor/sub01/sub01_01_img04_s.png) no-repeat;font-size:0;}



@media all and (min-width:768px){
	#greeting01 .greeting01_a .greet_a_img span{letter-spacing:25px;}
	#greeting01 .greeting01_a .greet_a_txt h2{margin-bottom:50px;font-size:28px;line-height:45px;}
	#greeting01 .greeting01_a .greet_a_txt h2:before{top:110px;width:82px;}
	#greeting01 .greeting01_b .greet_b_txt h2{font-size:20px;line-height:35px;}
	#greeting01 .sign span{;width:113px;height:50px;background:url(/images/mayor/sub01/sub01_01_img04.png) no-repeat;}

}

@media all and (min-width:1024px){
	#greeting01 p{font-size:18px;}
	#greeting01 .greeting01_a .greet_a_img{float:left;width:40%;height:550px;background:url(/images/mayor/sub01/sub01_01_img03.png) no-repeat 50% 470px;}
	#greeting01 .greeting01_a .greet_a_img img{width:auto;}
	#greeting01 .greeting01_a .greet_a_img span{letter-spacing:15px;}
	#greeting01 .greeting01_a .greet_a_txt{float:right;width:58%}
	#greeting01 .greeting01_b .greet_b_txt{float:left;width:40%;}
	#greeting01 .greeting01_b .greet_b_txt h2{margin-bottom:40px;line-height:40px;}
	#greeting01 .greeting01_b .greet_b_txt p{width:95%;}
	#greeting01 .greeting01_b .greet_b_img{float:right;width:58%}


}

/*연혁*/
.history_box .history_bg{height:565px;background:url(/images/common/content/history_bg_03.png) no-repeat;background-position:50px top;}

/* sub04_04_02 조직도 */
.organization1{overflow:hidden;/* padding: 10px; */}
.organization1 *{margin:0; padding:0; list-style:none}
.organization1 a[href]:hover,.organization1 a[href]:focus{opacity:0.9;}
.organization1 ul li .lv0{position:relative; width:20%; margin:0 auto 30px; border:0; background:#701e20; font-size:1.2em; color:#fff; text-align:center; }
.organization1 .t1{display:block; min-height:70px; padding:10px 0;}

.organization1 .group {width:25%; text-align:center;}
.organization1 .group .lv3 li:first-child {display:block; position:relative; min-height:70px; padding:10px; background:#555B69; color:#fff; text-align:center;}
.organization1 .group .lv3 li:last-child,
.organization1 .group .lv4 {padding:10px; border:1px solid #ddd;}
.organization1 .group .lv3 li:last-child {background:#efefef;}
.organization1 .group .lv4  {margin-top:30px;}
.organization1 .group .lv4 {background:#fff;}

/* org2 */
.organization1 .org2 {position:relative; overflow:hidden;}
.organization1 .org2 .lv0 {top:150px;}
.organization1 .org2 .left {float:left;}
.organization1 .org2 .right {float:right;}
.organization1 .org2 p:before {display:none;}
.organization1 .org2 p span {display:inline-block; padding-top:20px;}

/* org3 */
.organization1 .org3 {position:relative; padding-top:110px;}
.organization1 .org3 .group {position:relative; float:left; margin-right: 12.5%;}
.organization1 .org3 .group:last-child {margin-right:0;}
.organization1 .org3 li > ul:first-child .lv3 li:first-child span,
.organization1 .org3 li > ul:last-child .lv3 li:first-child span {display:inline-block; padding-top:12px;}
.organization1 .org3 .lv4 {min-height:145px;}

/* line */
.organization1 ul li .lv0:before {position:absolute; content:""; left:50%; width:1px; height:275px; background:#ddd; z-index:-1;}
.organization1 .org2:before {position:absolute; content:""; top:35px; width:100%; height:1px; background:#ddd; z-index:-1;}
.organization1 ul.lv3 {position:relative;}
.organization1 ul.lv3:before {position:absolute; content:""; bottom:-31px; left:50%; width:1px; height:30px; background:#ddd; z-index:-1;}
.organization1 .org3:after {position:absolute; content:""; bottom:0; left:50%; width:1px; height:135px; background:#ddd; z-index:-1;}
.organization1 .org3:before {position:absolute; content:""; top:50%; left:12.5%; width:75%; height:1px; background:#ddd; z-index:-1;}
.organization1 .org3 .group:before {position:absolute; content:""; top:-55px; left:50%; width:1px; height:135px; background:#ddd; z-index:-1;}


@media only screen and (max-width: 540px){
    .organization1 ul li .lv0 {width:100%;}
    .organization1 .group {width:100%; margin-bottom:20px;}

    .organization1 .org2 .left,
    .organization1 .org2 .right {float:initial;}
    .organization1 .org2 .lv0 {top:0;}
    .organization1 .org3 {padding-top:0;}

    /* line 수정 */
    .organization1 .org3 .lv4 {min-height:auto;}
    .organization1 ul.lv3:before {top:-20px; height:175px;}
    .organization1 .org2:before {display:none;}
}



/* 직원소개 */
.sub0106 .ui-list.card .ui-cont .inner{min-height:410px;}
.sub0106 .ui-list.card .ui-cont:nth-child(1) .inner,
.sub0106 .ui-list.card .ui-cont:nth-child(2) .inner {min-height:630px;}
.sub0106 .ui-list.card .ui-cont:nth-child(3) .inner,
.sub0106 .ui-list.card .ui-cont:nth-child(4) .inner {min-height:510px;}
.sub0106 .ui-list.card .ui-cont:nth-child(5) .inner,
.sub0106 .ui-list.card .ui-cont:nth-child(6) .inner {min-height: 481px;}

.sub0106 .ui-list.card .ui-cont .inner span.ui-thumb {float: none;}
.sub0106 .ui-list.card .ui-cont .inner .ui-thumb-info {padding-left: 0;margin-top: 15px;}