.intro-container{position: relative;zoom: 1;width: 1350px;padding-left: 15px;padding-right: 15px;margin-left: auto;margin-right: auto;margin-top: 80px;margin-bottom: 80px;}
h2.tit-m.mgt-xxl {color: #333;font-weight: 500;font-size: 20px;margin: 10px 0;margin-top: 50px !important;display: flex;justify-content: center;}
ol.list-openapi {width: 100%;position: relative;margin: 20px 0 30px;display: flex;justify-content: center;}
.list-openapi li {float: left;width: calc(18% - 10px);height: 240px;margin-left: 12px;background: #fff;border-radius: 20px;}
.list-openapi li:first-child {margin-left: 0;}
.list-openapi li:before {content: "";display: block;width: 150px;height: 140px;background: url(https://data.seoul.go.kr/resources/img/content/ico_us02.png) no-repeat 0 0;margin: 0 auto;}
.list-openapi li p {display: block;width: 100%;padding: 0 20px;text-align: center;}
.list-openapi li b {display: block;width: 100%;font-weight: 600;height: 45px;margin-bottom: 8px;}
.list-openapi li span {display: block;width: 100%;font-weight: 600;font-size: 16px;color: #4179c6;}
li.n2:before {background-position: -150px 0;}
li.n3:before {background-position: -300px 0;}
li.n4:before {background-position: 0 -150px;}
.key-wrap2 {width: 100%;overflow: hidden;display: flex;justify-content: center;}
.key-wrap2 dl {float: left;width: 948px;background: #fff;border: 1px solid #aeb3bf;height: 130px;border-radius: 4px;overflow: hidden;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.key-wrap2 dt {width: 100%;background: #f2f5fb;border-bottom: 1px solid #e0e0e0;padding: 15px 20px;margin-bottom: 16px;}
.key-wrap2 dt:before {content: "";display: inline-block;vertical-align: middle;margin-right: 10px;font-size: 11px;color: #bbb;}
.key-wrap2 dt b {display: inline-block;vertical-align: middle;font-size: 18px;color: #333;font-weight: 600;}
.key-wrap2 dd {padding: 0 30px;font-size: 14px;text-indent: -10px;word-break: keep-all;margin-bottom: 10px;}
.key-wrap2 dd:before {content: "·";display: inline-block;width: 10px;text-align: center;font-size: 14px;font-weight: 600;line-height: 1;padding: 0 0 0 4px;box-sizing: border-box;}
.key-wrap2:after {content: "";display: block;clear: both;}
.key-wrap2-btn {width: 100%;margin: 30px 0;overflow: hidden;display: flex;justify-content: center;}
.key-wrap2-btn a {float: left;width: 300px;height: 70px;background: #4179c6;color: #fff;font-size: 18px;font-weight: 500;border-radius: 4px;display: flex;justify-content: center;align-items: center;}