@charset "utf-8";

ul.list-1st>li>strong {font-weight: bold;}

/* sub050201 주요연혁 */
/* se02a */
.history_se02a {margin-top: 20px;  overflow: hidden; background: url(/pcms/dist/img/b01/se02a_bg.png) no-repeat; background: url(/pcms/dist/img/b01/se02a_bg.png) no-repeat left 170px; background-size: 30%;}
.history_se02a .history_title {margin-bottom:45px; color:#0d2c68;}
.history_se02a .history_title strong {font-family:'score'; font-weight: bold; font-size:45px; letter-spacing: -0.02em;}
.history_se02a .history_title em{display:block; font-size:17px; letter-spacing: -0.05em;}
.history_se02a .history_list {position: relative;margin-left: 35%;}
.history_se02a .history_list:before {content: "";display: block;position: absolute;left: 20px;top: 40px;width: 1px;height: 90%;background: #ddd}
.history_se02a .history_list li {overflow: hidden;position: relative;padding-top: 10px;background: none;font-size: 15px;color: #666;}
.history_se02a .history_list>li {padding: 10px 0;}
.history_se02a .history_list>li:after {display: none;} 
.history_se02a .history_list li .txt {float: left} 
.history_se02a .history_list li .year {display: block;position: relative;font-size: 28px;text-align: right;color: #0d3964;padding-left: 100px;font-family: 'score';font-weight:bold; letter-spacing: -0.07em;}
.history_se02a .history_list li .year:before {display: inline-block;content: "";margin-right: 22px;width: 70px;height: 19px;background: url(/pcms/dist/img/b01/historya_bul.png) no-repeat;vertical-align: middle;position: absolute;left: 12px;top: 15px;}
.history_se02a .history_list li .info {width: 100%;margin: 0;padding-left: 0;line-height: 1.2;display: inline-block;font-size: 16px;}
.history_se02a .history_list li .info ul li {padding-left: 210px;text-align: left;}
.history_se02a .history_list li .info em {display: inline-flex}
.history_se02a .history_list li .info strong {display: inline-block;position: absolute; left: 100px;font-size: 16px;line-height: 27px; color: #333;font-family: 'score'; vertical-align: middle;font-weight: bold;}
.history_se02a .history_list li .info strong.month_sty {margin-right: 55px;}
.history_se02a .history_list li .info span{font-size: 15px; line-height: 27px;color: #767676;}

.history_se02a .history_list li .info span > span.color-blue {  color: #4a89dc;}
.s050201 .history_se02a .history_list > li:last-child:before {content: ""; display: block; position: absolute; left: 20px; top: 0; width: 1px; height: 40px; background: #ddd;}
@media(max-width:767px) { 
   .history_se02a .history_list li span.year {font-size: 22px;}
   .history_se02a {background: none;}
   .history_se02a:before {display: inline-block;position: absolute;}
   .history_se02a .history_list {margin: 80px 0 0 0px;}
}

@media(max-width:540px) {
   .history_se02a .history_list li .info {width: 100%;padding-left: 10px;}
   .history_se02a .history_list li .info ul li {padding-left: 130px;}
   .history_se02a .history_list li .info strong {position: absolute;left: 20px;top: 10px;}
}

@media(max-width:460px) {
    .history_se02a .history_list li .info ul li {padding-left: 20px;}
    .history_se02a .history_list li .info strong {position: static; display:block;}
}

/* End */

/* sub050205 구상징물 */
.s050205 .w_33 {float: left; width:31%; margin-right: 2%;}
.s050205 .w_33:last-child {margin-right: 0;}
.s050205 .ui-list__column.type02 .inner .item { padding: 55px 45px 60px;}
.s050205 .ui-list__column .inner {min-height: 382px;}
.s050205 .ui-list__column .inner .ui-summary strong { margin: 25px 0 15px;}
.s050205 .colorbox {text-align: left; margin-top: 5px;}
.s050205 .colorbox span {position: relative; padding: 0 50px 0 25px;}
.s050205 .colorbox span:last-child {padding: 0 0 0 25px;}
.s050205 .colorbox span:before {content: ""; width: 19px; height: 19px; position: absolute; left: -5px; top: 7%; border-radius: 3px;}
.s050205 .colorbox span.color1:before {background: #005386;}
.s050205 .colorbox span.color2:before {background: #f28035;}
.s050205 .colorbox span.color3:before {background: #7cc04b;}
.s050205 .colorbox span::after {content: ""; width: 1px; height: 20px; background: #ddd; position: absolute; right: 25px; top: 7%;}
.s050205 .colorbox span:last-child::after {display: none;}
.s050205 .imgbox {border-radius: 4px;}
@media screen and (max-width: 1140px){
  .s050205 .ui-list__column.type02 .inner .item { padding: 55px 25px 60px;}
}
@media screen and (max-width: 767px){  
  .s050205 .w_33 {width:49%; margin-right: 2%;}
  .s050205 .w_33:nth-child(even) {margin-right: 0;}
}
@media screen and (max-width: 500px){  
  .s050205 .w_33 {width:100%; margin-right: 0; float: none;}
  .s050205 .ui-list__column .inner {min-height: auto;}
  .s050205 .colorbox span {display: block;}
  .s050205 .colorbox span::after {display: none;}
}
/* End */

/* sub0503 부소소개 및 업무 */
.se17a_topbox .bottom.long .icon { position: relative; transform: none; margin: 0 auto; left: auto;}
.se17a_topbox .bottom.long .bottom_info{ padding: 0; margin: 30px 0 0 0;}
.se17a_topbox .bottom.long .bottom_info li { width: 50%;}

.department_orgwrap.col7 .department_org1>li>ul>li {min-height: 78px;}
.department_orgwrap.col7 .department_org1>li>ul>li span {display: block;}

@media screen and (max-width: 1140px){
  .s05031201 .department_orgwrap .department_org1>li>ul>li span {display: block;}
  .s05031201 .department_orgwrap .department_org1>li>ul>li {min-height: 80px;}
}
@media screen and (max-width: 767px){
  .se17a_topbox .bottom.long .bottom_info li {width: 100%;}

  .department_orgwrap { padding: 40px 25px;}
  .department_orgwrap.col7 { padding: 40px 20px;}
  .department_orgwrap.col7 .department_org1>li>ul>li {font-size: 13px;}
}
@media screen and (max-width: 630px){
  .department_orgwrap.col7 .department_org1>li>ul>li {min-height: auto;}
  .department_orgwrap.col7 .department_org1>li>ul>li span {display: inline;}
}
@media screen and (max-width: 560px){
  .department_orgwrap { padding: 35px 15px;}
}
@media screen and (max-width: 490px){  
  .s05031201 .department_orgwrap .department_org1>li>ul>li {min-height: auto;}
}
/* End */

/* sub06070802 풍수해보험 */
@media screen and (max-width: 1180px){
  .s06070802 .ui-process.type2>li .inner {min-height: 173px;}
}
@media screen and (max-width: 767px){
  .s06070802 .ui-process.type2>li .inner {min-height: auto;}
}
/* End */

/* sub06071004 지진발생의 원인 */
.s06071004 .w_33 {float: left; width: 32%; margin-right: 2%;}
.s06071004 .w_33.mr_0 { margin-right: 0;}

@media screen and (max-width: 767px){
  .s06071004 .w_33 {width: 48%; margin-right: 2%; min-height: 320px;}
}
@media screen and (max-width: 540px){
  .s06071004 .w_33 {width: 100%; margin-right: 0; min-height: auto; margin-bottom:20px;}
  .s06071004 .w_33 img {display: block; margin: 0 auto;}
}
/* End */

/* sub06_07_11_02 화생방방호행동요령 */
.s06071102 .border {margin: 24px 0 18px 0; border-top: 1px dashed #7f7f7f;}
.s06071102 .img_wrap {display:table; width:100%; margin:15px 0;}
.s06071102 .img_wrap .right {display: table-cell; width: 75%; padding-left:30px; vertical-align: top;}
.s06071102 .img_wrap .right strong {font-size: 17px; font-weight: bold; color:#1963bb;}
.s06071102 .img_wrap .imgi {display: table-cell; width: 175px; text-align: center;}
@media(max-width:767px){
  .s06071102 .img_wrap {display:inline-block; width:100%; margin:15px 0;}
  .s06071102 .img_wrap .right {display: inline-block; width: 100%; vertical-align: middle; padding-left:0;}
  .s06071102 .img_wrap .imgi {display: block; margin: 0 auto 20px;}
}
/* End */

/* sub06060101 중구재난안전대책본부 */
.s06060101 .department_orgwrap {padding: 0; border: 0; margin-top: 40px;}
.s06060101 .department_orgwrap .department_org1>li{position: relative; padding-bottom: 15px; width: 100%;}
.s06060101 .department_orgwrap .department_org1 strong {width: 26%;padding: 10px 0 0; text-align: center; color: #fff; background-color: #3560ae;font-size: 16px; line-height: 35px; z-index: 1;margin-left:-13%;border-radius: 5px;}
.s06060101 .department_orgwrap .department_org1 span {display: block; width: 100%;padding: 10px 0; text-align: center; color: #6e7179; background-color: #ffffff;font-size: 15px;line-height: 30px; z-index: 1; border-radius: 0 0 5px 5px;  border: 1px solid #aabac8;}
.s06060101 .department_orgwrap .department_org1 .tit{position: relative; display: block; width: 100%;padding: 10px 0 0; text-align: center; color: #fff; background-color: #2b3b5d;border-radius: 5px 5px 0 0; border: 1px solid #aabac8;border-bottom: 0px; line-height: 35px;}
.s06060101 .department_orgwrap .department_org1 .con{position: relative; display: block; width: 100%;padding: 10px 0px; text-align: center; color: #6e7179; background-color: #ffffff;border-radius: 0 0 5px 5px; border: 1px solid #aabac8;}
.s06060101 .department_orgwrap .department_org1>li>ul{position: relative; width: 100%;  overflow: hidden; padding: 0; margin-top: -100px;}
.s06060101 .department_orgwrap .department_org1>li>ul>li {position: relative; float: left; width: 25%; margin: 0.8%;padding: 0;background-color:transparent;border:none }
.s06060101 .department_orgwrap .department_org1>li>ul>li.org1_2_2 {float:right;}
.s06060101 .department_orgwrap .department_org1 li ul li:before{z-index: 2;}
.s06060101 .department_orgwrap .department_org1>li>ul>li>ul>li{width: 18%;}
.s06060101 .department_orgwrap .department_org1>li>ul.department_org2_2>li{width: 18%;margin: 0 1% 0;}
.s06060101 .department_orgwrap .department_org1 .lv2:after{top: 17px;left: 19.8%; width: 80%; position: absolute; content: ""; display: block; border-top: 1px solid #dcdcdc;}
.s06060101 .department_orgwrap .department_org1 li.lv2{margin-left: -10%;}
.s06060101 .department_orgwrap .department_org1 .lv1:after {display: none;}
.s06060101 .department_orgwrap .department_org1 li ul li:after {display: none;}
.s06060101 .department_orgwrap .department_org1 .lv1:before{position: absolute;content: ""; display: block; top: 93px; left: 50%; margin-left: -0.5px; height: 228px;border-left: 1px solid #dcdcdc;}


.s06060101 .phone_box .ui-table__box { border: 1px solid #ddd; padding: 30px 20px; margin-top: 0;}
.s06060101 .phone_box .ui-table__box ul.left {width: 80.8%; float: left;}
.s06060101 .phone_box .ui-table__box ul.left li {width: 24%;}
.s06060101 .phone_box .ui-table__box ul.right {width: 19.2%; float: right;}
.s06060101 .phone_box .ui-table__box ul.right li {width: 100%;}
.s06060101 .phone_box .ui-table__box ul li .ui-table__text {min-height: 61px; height: auto;}
.s06060101 .phone_box .ui-table__box ul.right li .ui-table__text {min-height: 502px;}
.s06060101 .phone_box .ui-table__box ul.left li {margin-right: 1%;}
.s06060101 .phone_box .ui-table__box ul li:nth-child(9) .ui-table__text,
.s06060101 .phone_box .ui-table__box ul li:nth-child(10) .ui-table__text,
.s06060101 .phone_box .ui-table__box ul li:nth-child(11) .ui-table__text,
.s06060101 .phone_box .ui-table__box ul li:nth-child(12) .ui-table__text { min-height: 187px;}
.s06060101 .phone_box .ui-table__box ul li .ui-table__text {line-height: 2;}
.s06060101 .department_orgwrap .department_org1>li>ul>li.org1_2_0 .con:after {content: ''; display: block; position: absolute; width: 22%; height: 15px; top: 0; right: -34%; background: url(/images/kr/sub06/harr_icon.png)no-repeat; background-size: contain;}
.s06060101 .department_orgwrap .department_org1>li>ul>li.org1_2_2 .con:after {content: ''; display: block; position: absolute; width: 22%; height: 15px; top: 0; left: -34%; background: url(/images/kr/sub06/harr_icon.png)no-repeat; background-size: contain;}

 @media(max-width:767px){
  .s06060101 .phone_box .ui-table__box ul.left {width: 100%;}
  .s06060101 .phone_box .ui-table__box ul.right {width: 100%;}
  .s06060101 .phone_box .ui-table__box ul.left li {width: 49%;}
  .s06060101 .phone_box .ui-table__box ul.right li .ui-table__text {min-height: auto;}
 }

 @media(max-width:660px){
    .s06060101 .department_orgwrap{padding: 0px 30px;}
    .s06060101 .department_orgwrap .department_org1 strong{width: 100%;margin-left:0;left:0;}
    .s06060101 .department_orgwrap .department_org1>li{padding-bottom: 10px;}
    .s06060101 .department_orgwrap .department_org1>li>ul{width: 100%; margin-left: 0;padding-top: 20px; margin-top: 0;}
    .s06060101 .department_orgwrap .department_org1>li>ul>li{width: 100%;margin: 15px 0 4px;}
    .s06060101 .department_orgwrap .department_org1>li>ul.department_org2_2>li{width: 100%;margin: 20px 0 4px;}
    .s06060101 .department_orgwrap .department_org1 li.lv2{margin-left:0;}
    .s06060101 .department_orgwrap .department_org1 .tit{min-height: auto;}
    .s06060101 .department_orgwrap .department_org1 .con{min-height: auto;}
    /* .s06060101 .department_orgwrap .department_org1 .lv1:before{border-left:none} */
    .s06060101 .department_orgwrap .department_org1 .lv1:after{border-top:none}
    .s06060101 .department_orgwrap .department_org1 .lv2:after{border-top:none}
    /* .s06060101 .department_orgwrap .department_org1 li ul li:after {position: absolute; content: ""; display: block; top: -58px; left: 50%; margin-left: -1.5px; height: 57px; border-left: 1px solid #dcdcdc;} */
 }
 @media(max-width:500px){
  .s06060101 .phone_box .ui-table__box ul li .ui-table_title {height: 76px;}
 }
/* End*/