/* Layout */
#container {
  position: relative;
  width:100%;
  margin: 0;
  /*background:url(../images/contents/subVisual_img2.jpg) no-repeat center -40px;
  height:220px;*/

}

#container .subText { display:none; text-align:center; padding:70px 0; color:#fff; }
#container  .sub_title { font-size: 38px; }
/* 사이드 메뉴 */
#side {
  display: block;
  float: left;
  width: 20%;
  margin-top: 20px;
  padding: 0;

}
#side .sub_title {

  padding: 55px 0;
  background: url('/images/english/contents/side_ti.png') #005bab no-repeat right top;
  color: #fff;
  font-size: 30px;
  text-align: center;
}
.sub_menu .sm_2th {
  width: 100%;
  padding: 0;
  margin: 0;
   background:#fff;
}
.sub_menu .sm_2th > li {
  margin: 0;
  padding: 0;
  border: solid 1px #e0e0e0;
  border-top: none;
}
.sub_menu .sm_2th > li > a {
  display: block;
  position: relative;
  min-height: 35px;
  padding: 15px 35px 15px 20px;
  color: #404040;
  font-size: 15px;
  line-height: 19px;
  text-decoration: none;
  cursor: pointer;
}
.sub_menu .sm_2th > li > a > .more {
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 18px;
  height: 18px;
  margin-top: -10px;
  border: 1px solid #e4e4e4;
  transition: all .4s;
  font-size:0;
}
.sub_menu .sm_2th > li > a > .more em {
  position: absolute;
  background-color: #a4a4a4;
  transition: all .4s;
}
.sub_menu .sm_2th > li > a > .more .ver {
  top: 50%;
  left: 50%;
  width: 2px;
  height: 10px;
  margin: -5px 0 0 -1px;
}
.sub_menu .sm_2th > li > a > .more .hor {
  top: 50%;
  left: 50%;
  width: 10px;
  height: 2px;
  margin: -1px 0 0 -5px;
}
.sub_menu .sm_2th > li.on > a {
  color: #005bab;
}
.sm_2th > li.on > a > .more,
.sm_2th > li > a:hover > .more {
  border-color: #005bab;
}
.sm_2th > li.on > a > .more em.ver,
.sm_2th > li > a:hover > .more em.ver {
  background-color: #005bab;
  transform: translateY(0) rotate(-450deg);
}
.sm_2th > li.on > a > .more em.hor,
.sm_2th > li > a:hover > .more em.hor {
  opacity: 0;
}
.sm_3th {
  display: none;
  margin: -1px 0 0 0;
  padding: 13px 0 13px 20px;
  background-color: #f7f7f7;
  border-top: 1px solid #005bab;
}
.sm_3th a {
  padding: 7px 0 7px 10px;
  background: url('/images/english/common/board_bu.gif') no-repeat left 13px;
  color: #555;
  font-size: 15px;

}
.sm_3th .on a,.sm_3th a:hover{font-weight:600;}
.sm_2th .on .sm_3th {
  display: block;
}



@media all and (max-width: 970px) {
  #side {
    display: none;
  }
}

/* 컨텐츠 서브 레이아웃 */
.etc_btn {
  display: block;
  float: right;
  width: 17.777777%;
}
.etc_btn li {
  display: block;
  float: left;
  width: 33.333333%;
}
.etc_btn li button {
  display: block;
  width: 100%;
  height: 53px;
  margin: 0;
  padding: 0;
}
.etc_btn li button span {
  display: block;
  height: 53px;
  background: url(/images/english/contents/path_icon1.png) no-repeat 50%;
  border-right: 1px solid #e6e6e6;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
.etc_btn li button.etc2 span {
  background-image: url(/images/english/contents/path_icon2.png);
}
.etc_btn li button.etc3 span {
  background-image: url(/images/english/contents/path_icon3.png);
}
.etc_btn li:first-child button span {
  border-left: 1px solid #e6e6e6;
}
@media all and (max-width: 568px) {
  .etc_btn {
    display: none;
  }
}

.sub_head .title {
  margin: 0 0 0 40px;
  padding: 25px 0 15px 0;
  border-bottom: 1px solid #e3e3e3;
}
.sub_head .title h2 {
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 30px;
  font-weight: 400;
  line-height: 32px;
}
.sub_head .sns {
  float: right;
  margin-top: -95px;
}
.sub_head .sns li {
  display: block;
  float: left;
  width: 28px;
  height: 28px;
  margin: 0 0 0 5px;
}
.sub_head .sns li a {
  display: block;
  width: 28px;
  height: 28px;
  background: url(/images/english/contents/fb_icon.png) no-repeat 50%;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
.sub_head .sns li a.tw {
  background-image: url(/images/english/contents/tw_icon.png);
}
.sub_head .sns li a.ks {
  background-image: url(/images/english/contents/ks_icon.png);
}
.sub_head .sns li a.pr {
  background-image: url(/images/special/contents/pr_icon.png);
}
@media all and (max-width: 970px) {
  .sub_head .title {
    margin: 0;
  }
}
@media all and (max-width: 568px) {
  .sub_head .title {
    padding: 10px 0 0 0;
    border-bottom: none;
  }
  .sub_head .title h2 {
    font-size: 23px;
    line-height: 27px;
  }
  .sub_head .sns {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #e3e3e3;
    text-align: right;
  }
  .sub_head .sns li {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0;
  }
}

/* 컨텐츠 영역 */
.rowgroup {
  display: block;
  float: left;
  width: 80%;
  min-height: 500px;
  margin-top: 70px;
  padding: 0;
}

/* 콘텐츠 제목 */
.sub_head {
  position: relative;
  z-index:1;
}

.path { display:none;
  position: relative;
  width: 100%;
  height: 59px;
  color: #474747;
}
.path .home {
  display: block;
  float: left;
  width: 6%;
  height: 53px;
  margin: 0;
  padding: 0;
  background: url('/images/english/common/path_home.png') no-repeat 50%;
  font-size: 0;
  line-height: 0;
}
.path .home span {
  display: block;
  height: 53px;
  border-right: 1px solid #e6e6e6;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
.path > div {
  display: block;
  float: left;
  position: relative;
  width: 20%;
  z-index:20;
}
.path > div button {
  display: block;
  width: 100%;
  height: 53px;
  border-right: 1px solid #e6e6e6;
  text-align: left;
}
.path > div button span {
  display: block;
  height: 53px;
  margin: 0 10px;
  background: url('/images/english/common/path_bul.png') no-repeat right 50%;
  line-height: 53px;
}
.path > div.on button span {
  color: #005bab;
}
.path > div ul {
  display: none;
  position: absolute;
  top: 53px;
  left: 0;
  z-index:1;
  width: 100%;

}
.path > div ul li {
  border: 1px solid #e6e6e6;
  border-top: none;
}
.path > div ul a {
  display: block;
  padding: 10px;
  line-height: 20px;
  color:#333;font-size:15px;
}
@media all and (max-width:640px) {
  .path .home{display:none;}
  .path > div{width:auto;}
  .path > div button span{background:none;}
}
/* 콘텐츠 */
#contents {
  margin: 30px 0 30px 40px;
  min-height: 300px;
  overflow:hidden;
  font-size:15px;
  line-height:180%;
}

@media all and (max-width: 970px) {
  #contents {
    margin: 30px 0;
  }
  .rowgroup {width: 100%;padding: 20px; margin-top:30px; }

}





/*동래역사*/
.font_tit { font-size:18px; }


/* Symbol */
.symbolicList{clear:both; margin:0 0 80px 30px; overflow:hidden;}
.symbolicList ul{padding-left:0;}
.img_left{min-width:200px;  display:block; float:left;}
.img_text{float:left; width:75%;}


/*culture*/
.culture{}
.culture dl{}
.culture dt{float:left; display:inline; width:360px; margin-right:15px;}
.culture dd{ margin-top:10px;}

dl.culture_in { clear:both; margin-top:20px;}
dl.culture_in dt{font-weight:bold; font-size:100%; margin-bottom:0;}
dl.culture_in dd{float:left; width:630px; margin-bottom:20px; }


/* org */
.org_wrap{position:relative;}
.org_wrap .org_btn{position:absolute; right:0;}
.org_wrap .orgList .mayor{position:absolute;top:0px;left:50%;display:block;width: 174px;height: 91px;font-size: 23px;color:#fff;text-align:center;line-height: 91px;margin-left:-90px;background: url(/images/portal/contents/sub05/org_top_bg1.jpg);/* border:6px solid #c2dff9; */}
.org_wrap .orgList .AssistantMayor{position:absolute;top:120px;left:50%;display:block;width: 174px;height: 68px;font-size:20px;color:#fff;text-align:center;line-height: 68px;margin-left:-90px;background: url(/images/portal/contents/sub05/org_top_bg2.jpg);/* border:6px solid #c2dff9; */}
.org_wrap .orgList .chairman {position:absolute;right:0;top: 30px;width:180px;background: #5fb387;height: 48px;font-size:18px;color:#fff;text-align:center;line-height: 48px;}
.org_wrap .orgList .council {position:absolute;right:0;top: 100px;width:180px;background: #fff;border: 1px solid #ddd;height: 48px;font-size:18px;color: #000;text-align:center;line-height: 48px;}
.org_wrap .orgList > li{background: url(/upload_data/board_data/BBS_0000248/152878999578546.jpg) 83% 78px no-repeat;}
.org_wrap .officeList{padding-top: 234px;width:100%;overflow:hidden;background: url(/images/portal/contents/sub05/org_line3.jpg) center 210px no-repeat;}
.org_wrap ul.officeList > li{float:left;width: 100px;margin: 0 0.7% 1% 0.7%;}
.org_wrap ul.officeList > li:nth-child(4) {/* clear:both; */}
.org_wrap ul.officeList > li > span{display:block;height:46px;line-height: 22px;letter-spacing: -1px;text-align:center;color:#fff;font-size:16px;background: url(/upload_data/board_data/BBS_0000248/152844294302465.jpg) no-repeat right center #f1a229;}
.org_wrap ul.officeList > li > span.offBox_black{background: url(/upload_data/board_data/BBS_0000248/152844294302465.jpg) no-repeat right center #f1a229;}
.org_wrap ul.officeList ul li{/* line-height:40px; */font-size:14px;border:1px solid #e4e4e4;margin-top:8px;}
.org_wrap ul.officeList ul li > span{display:block;color:#333;text-align:center;background:#fff;min-height: 45px;line-height: 160%;margin: 5px 0;}
.org_wrap ul.officeList ul li > span::before{content:''; float:left; display:block; text-align:center;}

.off_wrap{clear:both;}
.off_wrap_tit{width:97%;position: relative;height: 45px;text-align: center;background:url(/images/portal/contents/sub05/org_top_bg4_2.jpg) repeat;margin: 0 0.7% 10px 0.7%; line-height:45px; color:#fff; font-size:17px;}
.off_wrap_tit .first{position:absolute; left:0; width:10px; height:45px; background:url(/images/portal/contents/sub05/org_top_bg4_1.jpg) left 0 no-repeat;}
.off_wrap_tit .last{position:absolute; right:0; width:77px; height:45px; background:url(/images/portal/contents/sub05/org_top_bg4_3.jpg) left 0 no-repeat;}
.off_wrap ul li{float:left;width: 18.2%;margin:0 0.7% 10px 0.7%;}
.off_wrap ul li > span{display:block; height:44px; line-height:46px; text-align:center; border:1px solid #e4e4e4;}


.org_wrap .orgList2{width:100%;overflow: hidden;margin-top: 20px;}
.offBox_full{display:block; width:98%; height:44px; line-height:46px; text-align:center; background:#4a9bcc; color:#fff; font-size:16px;}
.org_wrap ul.orgList2 ul{width:100%; margin-top:5px;}
.org_wrap ul.orgList2 ul li{float:left; width:6.84%; line-height:17px; margin-left:7px; margin-top:10px;}
.org_wrap ul.orgList2 ul li span{display:block; padding:10px 8px; text-align:center; border:1px solid #e2e2e2; font-size:13px; background:#fff; border-radius:3px; letter-spacing:-1px;}
.org_wrap ul.orgList2 ul li:first-child{margin-left:0px;}

@media (max-width:700px){
  .org_wrap .orgList > li { background:none;}
  .org_wrap .officeList { background:none;}
  .org_wrap ul.officeList > li {float:none;width:73%; margin:1% auto; }
  .off_wrap ul li{float:left;width: 48%; }
  .org_wrap .orgList .chairman { width:80px; font-size:14px;}
  .org_wrap .orgList .council { width:80px; font-size:14px;}
}