@charset "utf-8";
.mt-5{margin-top: -5px;}
.mt-10{margin-top: -10px;}
.mt-15{margin-top: -15px;}
.mt-35{margin-top: -35px;}
.mt_20{margin-top: 20px;}
.c_red{color: #e40079;}
.line{width: 100%;height: 1px;margin: 0px 0;background-image: linear-gradient(to right, #7f7f7f 40%, rgba(255, 255, 255, 0) 20%);background-position: top;background-size: 3px 1px; background-repeat: repeat-x;}
/*sub06_01_02_01 여성복지정책*/
.s06010201 .infobox .inner .txtwrap ul li{padding-left: 15px;}
.s06010201 .infobox .inner .txtwrap .h-box{font-size: 23px;}
/*sub06_01_02_01 여성복지정책 End*/

/*sub06_01_02_02 여성복지지원 */
.s06010202 .ui-list__column .inner .item{min-height: 240px;}
.s06010202 .btn{text-transform: none;}
@media (max-width: 767px){
.s06010202 .ui-list__column .inner .item{min-height: auto;}
}
/*sub06_01_02_02 여성복지지원  End*/

/*sub06_01_03_02 보육료지원*/
.s06010302 .btn{text-transform: none;}
/*sub06_01_03_02 보육료지원 End*/

/*sub06_01_03_08_05 청소년어울림마당·동아리운영*/
.s0601030805 .btn{text-transform: none;}
/*sub06_01_03_08_05 청소년어울림마당·동아리운영 End*/

/*sub06_01_03_08_07 청소년증안내*/
.s0601030807 .btn{text-transform: none;}
/*sub06_01_03_08_07 청소년증안내 End*/

/*sub06_01_03_08_13 청소년유해환경 신고포상금제도*/
.s0601030813 .ui-banner__box .item{min-height: 120px;}
@media (max-width: 767px){
  .s0601030813 .ui-banner__box .item{min-height: 74px;}
}
/*sub06_01_03_08_13 청소년유해환경 신고포상금제도 End*/

/*sub06_01_04_02_03 서비스 */
.s0601040203 .btn{text-transform: none;}
/*sub06_01_04_02_03 서비스 End*/

/*sub06_01_04_02_043 일자리, 융자지원 */
.s0601040204 .btn{text-transform: none;}
/*sub06_01_04_02_04 일자리, 융자지원 End*/

/*sub06_01_04_02_05 공공요금감면*/
.s0601040205 .btn{text-transform: none;}
/*sub06_01_04_02_05 공공요금감면 Emd*/

/*sub06_01_04_02_07 지역사회복지사업 및 기타*/
.s0601040207 .btn{text-transform: none;}
/*sub06_01_04_02_07 지역사회복지사업 및 기타 End*/

/*sub06_01_05_01_03 장기요양 */
.s0601050103 .ui-process.type5>li{min-height: 245px;}
@media (max-width: 767px){
  .s0601050103 .ui-process.type5>li{min-height: auto;}
}
/*sub06_01_05_01_03 장기요양 End */

/*sub06_01_05_01_04 노인맞춤돌봄서비스 */
.s0601050104 .ui-process.type5.step4>li{width: calc(100% - 40px);}
.s0601050104 .ui-process.type5>li:before{top: auto;right: 50%;bottom: -23px;transform: rotate(90deg) translateY(-50%);margin-right: -16px;margin-top: 0;}
/*sub06_01_05_01_04 노인맞춤돌봄서비스 End*/

/*sub06_02_02_07 경제관련사이트*/
@media (max-width: 1100px){
.s06020207 .ui-banner__box .item{min-height: 110px;}
}
@media (max-width: 1023px){
  .s06020207 .ui-banner__box .item{min-height: 74px;}
}
@media (max-width: 820px){
    .s06020207 .ui-banner__box .item{min-height: 110px;}
}
@media (max-width: 767px){
  .s06020207 .ui-banner__box .item{min-height: 74px;}
}
/*sub06_02_02_07 경제관련사이트 End*/

/*sub06_02_03_01 소비자보호센터*/
@media (max-width: 1200px){
  .s06020301 .ui-banner__box .item{min-height: 105px;}
}
@media (max-width: 1023px){
  .s06020301 .ui-banner__box .item{min-height: 74px;}
}
@media (max-width: 850px){
  .s06020301 .ui-banner__box .item{min-height: 105px;}
}
@media (max-width: 767px){
  .s06020301 .ui-banner__box .item{min-height: 74px;}
}
/*sub06_02_03_01 소비자보호센터 End*/

/*sub06_02_03_02 소비자분쟁해결기준*/
.s06020302 .ui-banner__box .item{min-height: 105px;}
@media (max-width: 1060px){
  .s06020302 .ui-banner__box .item{min-height: 125px;}
}
@media (max-width: 1023px){
  .s06020302 .ui-banner__box .item{min-height: 105px;}
}
@media (max-width: 790px){
  .s06020302 .ui-banner__box .item{min-height: 125px;}
}
@media (max-width: 767px){
  .s06020302 .ui-banner__box .item{min-height: 74px;}
}
/*sub06_02_03_02 소비자분쟁해결기준 End*/

/*sub06_02_04_02 추천사이트*/
@media (max-width: 1150px){
  .s06020402 .ui-banner__box .item{min-height: 105px;}
}
@media (max-width: 1023px){
  .s06020402 .ui-banner__box .item{min-height: 74px;}
}
@media (max-width: 880px){
  .s06020402 .ui-banner__box .item{min-height: 105px;}
}
@media (max-width: 767px){
  .s06020402 .ui-banner__box .item{min-height: 74px;}
}
/*sub06_02_04_02 추천사이트 End*/

/*sub06_04_02_01 교통유발부담금 */
.s06040201 .ui-banner__box .item{min-height: 81px;}
@media (max-width: 1210px){
  .s06040201 .ui-banner__box .item{min-height: 100px;}
}
@media (max-width: 1110px){
  .s06040201 .ui-process.type5>li{min-height: 210px;}
}
@media (max-width: 1023px){
  .s06040201 .ui-process.type5>li{min-height: 180px;}
  .s06040201 .ui-banner__box .item{min-height: 81px;}
}
@media (max-width: 960px){
  .s06040201 .ui-banner__box .item{min-height: 100px;}
}
@media (max-width: 860px){
  .s06040201 .ui-process.type5>li{min-height: 210px;}
}
@media (max-width: 767px){
  .s06040201 .ui-process.type5>li{min-height: auto;}
  .s06040201 .ui-banner__box .item{min-height: 74px;}
}
/*sub06_04_02_01 교통유발부담금 End*/

/*sub06_04_05_01 주정차위반안내 */
.s06040501 .bt{margin-top: -35px;text-align: right}
@media (max-width: 1170px){
  .s06040501 .bt{margin-top: 0px;text-align: left !important;}
}
@media (max-width: 600px){
.s06040501 .mt-35{ margin-top: 0px;text-align: left !important;}
}
/*sub06_04_05_01 주정차위반안내 End*/

/*sub06_05_01 약수터열림터 */
.s060501 .infobox .inner .txtwrap ul li{padding-left: 120px;}
.s060501 .infobox .inner .txtwrap ul li span {width: 115px;}
@media (max-width: 1023px){
  .s060501 .infobox .inner .txtwrap ul li {padding-left: 0;}
}
/*sub06_05_01 약수터열림터 End*/

/*sub06_05_02 환경현황 */
@media (max-width: 400px){
  .s060502 .mt-35 { margin-top: 0px;text-align: left !important;}
}
/*sub06_05_02 환경현황 End */

/*sub06_05_04_01 도서관*/
.s06050401 .bt{margin-top: -35px;text-align: right}
@media (max-width: 720px){
  .s06050401 .bt{margin-top: 5px;text-align: left !important;}
}
/*sub06_05_04_01 도서관 End*/

/*sub06_05_05_01 주요의료시설 */
.s06050501 .infobox{padding: 40px 50px 40px 50px;}
/*sub06_05_05_01 주요의료시설 End*/

/*sub06_05_06_01 백화점/할인점 */
.s06050601 .infobox{padding: 40px 50px 40px 50px;}
.s06050601 .infobox .inner .txtwrap ul li{padding-left: 100px;}
.s06050601 .infobox .inner .txtwrap ul li span{width: 95px;}
/*sub06_05_06_01 백화점/할인점 End*/

/*sub06_05_06_02 지하상가 */
.s06050602 .infobox{padding: 40px 50px 40px 50px;}
.s06050602 .infobox .inner .txtwrap ul li{padding-left: 100px;}
.s06050602 .infobox .inner .txtwrap ul li span{width: 95px;}
/*sub06_05_06_02 지하상가 End*/

/*sub06_05_07_06 식중독관련정보안내*/
.s06050706 .ui-accordion--faq .accordion__body{background: #fdfdfd;}
/*sub06_05_07_06 식중독관련정보안내 End*/

/*sub06_05_07_07 위생민원처리절차안내 */
.s06050707 .ui-accordion--faq .accordion__body{background: #fdfdfd;}
/*sub06_05_07_07 위생민원처리절차안내  End*/



/*sub06_07_09_04 소화기의 종류 및 사용법*/
.img_box {width: 50%;float: left;}
.img_box p.t_box{text-align: center;}
@media (max-width: 767px){
  .s06070904 .img_box{ width: 100%; text-align: center;}
}
/*sub06_07_09_04 소화기의 종류 및 사용법 End*/

/*sub06_07_09_05 사고시 응급조치 요령 */
.s06070905 .ui-list__bodo.type1 .obj .item .inner {padding-left: 295px; min-height: 175px;}
.s06070905 .ui-list__bodo.type1 .obj .item .inner .circle{width: 283px;height: 140px;top: 50%;background: none; transform: translateY(-50%);}
@media (max-width: 767px){
    .s06070905 .ui-list__bodo.type1 .obj .item .inner .circle{top: 0; transform: none;}
    .s06070905 .ui-list__bodo.type1 .obj .item .inner{padding-left: 0;}
}
/*sub06_07_09_05 사고시 응급조치 요령 End*/

/*sub06_08_03_01 탄소포인트제*/
@media (max-width: 767px){
  .s06080301 .ui-process.type5>li  {min-height: auto;}
}
/*sub06_08_03_01 탄소포인트제 End*/


/*sub06_07_10_01 지진발생시행동요령?*/
.s06071001 .img_txt_box {display: block;width: 100%;padding: 10px 0;background: #f9f9f9;}
.s06071001 .img_txt_box li {position: relative; display: block;width: 100%;padding: 10px 30px;overflow: hidden;}
.s06071001 .img_txt_box .txt-l img {float:left;}
.s06071001 .img_txt_box .txt-r img {float:right;}
.s06071001 .img_txt_box .txt-l p {position: absolute; padding-left: 235px; padding-right:25px; top: 50%; transform: translateY(-50%);}
.s06071001 .img_txt_box .txt-l .tit{top: 25%;transform: translateY(-25%);font-weight: bold;color: #02365f;}
.s06071001 .img_txt_box .txt-r p {position: absolute;  padding-right: 235px;  padding-left:25px;  top: 50%; transform: translateY(-50%);}
.s06071001 .img_txt_box .txt-r .tit{top: 25%;transform: translateY(-25%);font-weight: bold;color: #02365f;}
@media (max-width: 767px){
    .s06071001 .img_txt_box li {display: block;}
    .s06071001 .img_txt_box .r-img{margin: 0 auto;}
    .s06071001 .img_txt_box .txt-l .tit,
    .s06071001 .img_txt_box .txt-r .tit{top: 20%; transform: translateY(-20%);}
}
@media (max-width: 640px){
  .s06071001 .img_txt_box li {display: block;text-align: center;}
  .s06071001 .img_txt_box .txt-l img,
  .s06071001 .img_txt_box .txt-r img {float:none;}
  .s06071001 .img_txt_box .txt-l p,
  .s06071001 .img_txt_box .txt-r p {padding: 5px; position: static; margin-top: 15px; transform: none;}
}
/*sub06_07_10_01 지진발생시행동요령? End*/

/*sub06_07_10_02 지진발생시 10가지 행동요령*/
.s06071002 .tit{font-weight: bold; color: #000000;}
.s06071002 .ui-list__bodo.type1 .obj:first-child{border-top: none;}
.s06071002 .ui-list__bodo.type1 .obj.col1 .item{border-bottom:none}
.s06071002 .ui-list__bodo.type1 .obj .item .inner {padding-left: 295px; min-height: 275px;}
.s06071002 .ui-list__bodo.type1 .obj .item .inner .circle{width: 283px;height: 221px;top: 50%;background: none; transform: translateY(-50%);}
@media (max-width: 767px){
    .s06071002 .ui-list__bodo.type1 .obj .item .inner .circle{top: 0; transform: none;}
    .s06071002 .ui-list__bodo.type1 .obj .item .inner{padding-left: 0;}
}
/*sub06_07_10_02 지진발생시 10가지 행동요령 End*/

/*sub06_07_10_03 평소의대비사항  */
.s06071003 .ui-list__bodo.type1 .obj .item .inner {padding-left: 295px; min-height: 175px;}
.s06071003 .ui-list__bodo.type1 .obj .item .inner .circle{width: 283px;height: 140px;top: 50%;background: none; transform: translateY(-50%);}
@media (max-width: 767px){
    .s06071003 .ui-list__bodo.type1 .obj .item .inner .circle{top: 0; transform: none;}
    .s06071003 .ui-list__bodo.type1 .obj .item .inner{padding-left: 0;}
}
/*sub06_07_10_03 평소의대비사항  End*/

/*sub06_08_04 관련사이트 */
.s060804 .infobox .inner .txtwrap ul li span{width: 95px;}
.s060804 .infobox .inner .txtwrap ul li{padding-left: 100px;}
@media (max-width:1023px){
  .s060804 .infobox .inner .txtwrap ul li{padding-left: 0;}
}
/*sub06_08_04 관련사이트  End*/

/*sub06_01_04_02_01 연금, 수당*/
.s0601040201 .tab-ul.type3 li{width: 25%;}
.s0601040201 .tab-ul.type3 li:last-child{width: 50%;}
@media (max-width:767px){
  .s0601040201 .tab-ul.type3 li{width: 50%;}
  .s0601040201 .tab-ul.type3 li:last-child{width: 100%;}
}
/*sub06_01_04_02_01 연금, 수당 End*/

/*sub06_01_04_02_02 의료및재활지원*/
.s0601040202 .tab-ul.type3 li{width: 25%;}
.s0601040202 .tab-ul.type3 li:last-child{width: 50%;}
@media (max-width:767px){
  .s0601040202 .tab-ul.type3 li{width: 50%;}
  .s0601040202 .tab-ul.type3 li:last-child{width: 100%;}
}
/*sub06_01_04_02_02 의료및재활지원 End*/

/*sub06_01_04_02_03 서비스*/
.s0601040203 .tab-ul.type3 li{width: 25%;}
.s0601040203 .tab-ul.type3 li:last-child{width: 50%;}
@media (max-width:767px){
  .s0601040203 .tab-ul.type3 li{width: 50%;}
  .s0601040203 .tab-ul.type3 li:last-child{width: 100%;}
}
/*sub06_01_04_02_03 서비스 End*/

/*sub06_01_04_02_04 일자리, 융자지원*/
.s0601040204 .tab-ul.type3 li{width: 25%;}
.s0601040204 .tab-ul.type3 li:last-child{width: 50%;}
@media (max-width:767px){
  .s0601040204 .tab-ul.type3 li{width: 50%;}
  .s0601040204 .tab-ul.type3 li:last-child{width: 100%;}
}
/*sub06_01_04_02_04 일자리, 융자지원  End*/

/*sub06_01_04_02_05 공공요금감면 */
.s0601040205 .tab-ul.type3 li{width: 25%;}
.s0601040205 .tab-ul.type3 li:last-child{width: 50%;}
@media (max-width:767px){
  .s0601040205 .tab-ul.type3 li{width: 50%;}
  .s0601040205 .tab-ul.type3 li:last-child{width: 100%;}
}
/*sub06_01_04_02_05 공공요금감면 End*/

/*sub06_01_04_02_06 세제해택 */
.s0601040206 .tab-ul.type3 li{width: 25%;}
.s0601040206 .tab-ul.type3 li:last-child{width: 50%;}
@media (max-width:767px){
  .s0601040206 .tab-ul.type3 li{width: 50%;}
  .s0601040206 .tab-ul.type3 li:last-child{width: 100%;}
}
/*sub06_01_04_02_06 세제해택  End*/

/*sub06_01_04_02_07 세제해택 */
.s0601040207 .tab-ul.type3 li{width: 25%;}
.s0601040207 .tab-ul.type3 li:last-child{width: 50%;}
@media (max-width:767px){
  .s0601040207 .tab-ul.type3 li{width: 50%;}
  .s0601040207 .tab-ul.type3 li:last-child{width: 100%;}
}
/*sub06_01_04_02_07 세제해택  End*/

/*sub06_01_06_04_04 청소년유해환경 신고포상금제도*/
.s0601060404 .ui-banner__box .item{width: calc(100% - 20px);}
/*sub06_01_06_04_04 청소년유해환경 신고포상금제도 End*/

/*sub06_06_01_02 재난관리책임기관연락체계도, sub06_06_01_03 재난유형별수습부서연락체계도 */
/*상단 리스트*/
.public_box {overflow: hidden;padding: 30px 30px;border: 2px solid #ededed;border-radius: 5px;}
.public_box .ui-table__box ul li:first-child span img {margin-left:17px;}
.public_box .ui-table__box ul li{float: left;width:28.7%;margin-right: 6.5%;background: #fff;text-align: center;margin-bottom: 2%;}
.public_box .ui-table__box ul li .ui-table_title{position: relative; min-height:76px; color: #000; font-size: 15px; padding:13px 33px 13px 33px; line-height: 1.2; border: 3px solid #2b3c5b; border-radius: 5px 5px 0px 0px; height: 76px; text-align: center;}
.public_box .ui-table__box ul li .ui-table_title > span{float: left; width:46px; height:44px; text-align: center; font-weight: bold;}
.public_box .ui-table__box ul li .ui-table_title em {display:block; font-size:16px; color:#2b3c5b;}
.public_box .ui-table__box ul li .ui-table_title p {display:inline;}
.public_box .ui-table__box ul li .ui-table__text{position: relative;border: 1px solid #eaeaea;border-radius: 0px 0px 5px 5px;border-top: none; padding: 18px 10px;text-align: center;font-size: 15px;line-height: 1.3;height: 94px;}
.public_box .ui-table__box ul li:nth-child(3){margin-right: 0;}
.public_box .ui-table__box ul li .ui-table__text:before{content: ''; display: block; position: absolute; width: 22%; height: 15px; right: -22.5%; background: url(/images/kr/sub06/harr_icon.png)no-repeat; background-size: contain;}
.public_box .ui-table__box ul li:last-child .ui-table__text:before {display:none;}
@media (max-width:1240px){
  .public_box .ui-table__box ul li .ui-table_title {height: auto; padding:10px;}
  .public_box .ui-table__box ul li .ui-table_title > span {float: none; display: block; margin: 0 auto 5px;}
  .public_box .ui-table__box ul li:first-child span img {margin-left:0;}
}
@media (max-width:1024px){
  .public_box .ui-table__box ul li .ui-table__text {min-height:95px;}
}
@media (max-width:990px){
  .public_box .ui-table__box ul li .ui-table__text{height: auto;}
}
@media (max-width:740px){
  .public_box .ui-table__box ul li{width: 100%;margin-right:0;height: auto;}
  .public_box .ui-table__box ul li .ui-table__text:before {display:none;}
}
/*상단 리스트 End*/

/*4개구 리스트*/
.public_box  .basics_box>ul>li{display: block; float: left;height: 44px;width: calc(25% - 6px);margin: 3px;border-radius: 5px 5px 0px 0px; background: #3662ab;color: #ffffff;text-align: center;    padding: 10px 3px;}
@media (max-width:767px){
  .public_box  .basics_box>ul>li{width: calc(50% - 6px);}
}
@media (max-width:500px){
  .public_box  .basics_box>ul>li{width: calc(100% - 6px);}
}
/*4개구 리스트 End*/

/*하단 전화번호 리스트*/
.phone_box .ui-table__box ul li{float: left;width:32.6%;background: #fff;text-align: center;margin-right: 1%;margin-bottom: 2%;}
.phone_box .ui-table__box ul li .ui-table_title{position: relative; background: #eff3f6; color: #000;font-size: 15px;padding: 13px 5px;border: 1px solid #e3e3e3;border-radius: 5px 5px 0px 0px;height: 76px;}
.phone_box .ui-table__box ul li .ui-table__text{border: 1px solid #eaeaea;border-radius: 0px 0px 5px 5px;border-top: none; padding: 18px 10px;text-align: center;font-size: 15px;line-height: 1.3;height: 60px;}
.phone_box .ui-table__box .ui-table_title em {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); line-height:1.2;}
.phone_box .ui-table__box ul li:nth-child(3n){margin-right: 0;}
@media (max-width:1200px){
  .phone_box .ui-table__box ul li{width: 32%;margin-right: 2%;}
  .phone_box .ui-table__box ul li:nth-child(3),
  .phone_box .ui-table__box ul li:nth-child(6),
  .phone_box .ui-table__box ul li:nth-child(9),
  .phone_box .ui-table__box ul li:nth-child(12),
  .phone_box .ui-table__box ul li:nth-child(15),
  .phone_box .ui-table__box ul li:nth-child(18){margin-right: 0;}
  .phone_box .ui-table__box ul li:nth-child(5),
  .phone_box .ui-table__box ul li:nth-child(10),
  .phone_box .ui-table__box ul li:nth-child(20){margin-right: 2%;}
}
@media (max-width:767px){
  .phone_box .ui-table__box ul li{width: 48%;margin-right: 2%;}
  .phone_box .ui-table__box ul li:nth-child(2),
  .phone_box .ui-table__box ul li:nth-child(4),
  .phone_box .ui-table__box ul li:nth-child(6),
  .phone_box .ui-table__box ul li:nth-child(8),
  .phone_box .ui-table__box ul li:nth-child(10),
  .phone_box .ui-table__box ul li:nth-child(12),
  .phone_box .ui-table__box ul li:nth-child(14),
  .phone_box .ui-table__box ul li:nth-child(16),
  .phone_box .ui-table__box ul li:nth-child(18),
  .phone_box .ui-table__box ul li:nth-child(20){margin-right: 0;}
  .phone_box .ui-table__box ul li:nth-child(3),
  .phone_box .ui-table__box ul li:nth-child(6),
  .phone_box .ui-table__box ul li:nth-child(9),
  .phone_box .ui-table__box ul li:nth-child(12),
  .phone_box .ui-table__box ul li:nth-child(15),
  .phone_box .ui-table__box ul li:nth-child(18){margin-right: 2%;}
}
@media (max-width:500px){
  .phone_box .ui-table__box ul li{width: 100%;}
  .phone_box .ui-table__box ul li:nth-child(n){width: 100%; margin-right: 0;}
  .phone_box .ui-table__box ul li .ui-table_title{height: 55px;}
  .phone_box .ui-table__box ul li .ui-table__text{height: auto;}
}
/*하단 전화번호 리스트 End*/
/*sub06_06_01_02 재난관리책임기관연락체계도, sub06_06_01_03 재난유형별수습부서연락체계도 End*/

/*sub05_05 사업소*/
.s0505 .infobox.type02 .images-circle{top:40px}
.s0505 .ui-list__column.type02 .inner .item{min-height: 400px;}
.s0505 .ui-list__column .inner .ui-summary strong{font-size:17px}
/*sub05_05 사업소 End*/

/* sub06_06_05_01 박스정리 */
.s060501 .infobox {padding: 50px 360px 35px 70px;border:7px solid #e5e5e5;border-radius: 5px;}
.s060501 .infobox:before {content:""; position: absolute; left:-7px; top:-7px; width:40px; height:41px; background:url(/pcms/dist/img/b01/link_box_point.jpg)no-repeat;}
.s060501 .infobox .inner .txtwrap {min-height: 190px;}
.s060501 .infobox .images-circle {top:40px;}
.s060501 .infobox .images-circle:before,
.s060501 .infobox:after {display:none;} 
.s060501 .infobox .inner .txtwrap ul {margin: 28px 0px 0px 0px;}
.s060501 .infobox .inner .txtwrap ul li {padding-left: 130px;margin-bottom:5px;line-height:1.6;}
.s060501 .infobox .btn {margin:0;} 
.s060501 .infobox .btn-lg {padding:12px 82px 12px 20px;}
.s060501 .infobox.type02 {border:1px solid #dadada; border-radius: 5px;}
.s060501 .infobox.type02:before {display:none;}
.s060501 .infobox.type02 p {margin:30px 0 20px;}
.s060501 .infobox.type02 .images-circle {top: 37px;}

@media only screen and (max-width: 1023px){
    .s060501 .infobox {padding:40px;}
    .s060501 .infobox .inner .txtwrap {min-height:auto;}
    .s060501 .infobox .inner .txtwrap ul {margin: 30px 0 0 0px;}
    .s060501 .infobox .images-circle {position: static; display: inline-block;width: 100%; margin: 0 0 20px 0; text-align: center;}
    .s060501 .infobox .inner .txtwrap ul li {padding-left:0;display: inline-block;width: calc(50% - 20px);margin-bottom: 10px;}
    .s060501 .infobox .inner .txtwrap ul li span {position: relative;display: inline-block;/* width:100%; */}
    .s060501 .infobox .inner .txtwrap .h-box {font-size:25px;}
}

@media only screen and (max-width: 697px){
    .s060501 .infobox .images-circle {position: static;display:block;width: 100%;margin: 0 0 20px 0;text-align: center;}
    .s060501 .infobox .inner .txtwrap ul li {padding-left:0;display: block;width: 100%;}
}

/* sub06_06_05_01 박스정리 끝 */

/* sub06_06_08_04 박스정리 */

.s060804 .infobox {padding: 40px 360px 40px 60px;border:7px solid #e5e5e5;border-radius: 5px;}
.s060804 .infobox:before {content:""; position: absolute; left:-7px; top:-7px; width:40px; height:41px; background:url(/pcms/dist/img/b01/link_box_point.jpg)no-repeat;}
.s060804 .infobox .inner .txtwrap {min-height:220px;}
.s060804 .infobox .images-circle {top:40px;}
.s060804 .infobox .images-circle:before,
.s060804 .infobox:after {display:none;} 
.s060804 .infobox .inner .txtwrap ul {margin:30px 0 20px;}
.s060804 .infobox .inner .txtwrap ul li {padding-left: 100px;margin-bottom:5px;line-height:1.6;}
.s060804 .infobox .btn {margin:0;} 
.s060804 .infobox .btn-lg {padding:12px 82px 12px 20px;}
@media only screen and (max-width: 1023px){
    .s060804 .infobox {padding: 40px 60px;}
    .s060804 .infobox .inner .txtwrap {min-height:auto;}
    .s060804 .infobox .images-circle {position: static; display: inline-block;width: 100%; margin: 0 0 20px 0; text-align: center;}
    .s060804 .infobox .inner .txtwrap ul li {padding-left:0;}
    .s060804 .infobox .inner .txtwrap ul li span {position: relative; display:block; width:100%;}
    .s060804 .infobox .inner .txtwrap .h-box {font-size:25px;}
}

.s060804 .infobox.type02 {border:1px solid #dadada; border-radius: 5px;}
.s060804 .infobox.type02:before {display:none;}
.s060804 .infobox.type02 p {margin:30px 0 20px;}
.s060804 .infobox.type02 .images-circle {top: 55px;right: 55px;}

/* sub06_06_08_04 박스정리 끝 */