@charset "utf-8";

.mobile {
    display:none;
}
.safety_security_content {
    padding-top:50px;
    background-image: linear-gradient(to bottom, #fff 0%, #edf1f7 21%);
}
.safety_security_content .inner {
    width:100%;
    max-width:1440px;
    padding:0 15px 120px;
    margin:0 auto;
    box-sizing:border-box;
}
.safety_security_content .tab {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    margin-bottom:50px;
    border:1px solid #D3D3D3;
    border-radius:10px;
    overflow:hidden;
    background-color:#FAFAFA;
}
.safety_security_content .tab li {
    position:relative;
    display:flex;
    height:100%;
    text-align:center;
}
#safetyContent .tab li  {
    width:calc(100% / 5);
}
#securityContent .tab li  {
    width:calc(100% / 6);
}
.safety_security_content .tab li.active {
    z-index:10;
}
.safety_security_content .tab li a {
    display:inline-block;
    width:100%;
    height:100%;
    padding:20px 0;
    border-radius:10px;
    box-sizing:border-box;
    color:#7B7B7B;
    font-size:18px;
    word-break:keep-all;
}
.safety_security_content .tab li:not(:last-child) a::after {
    position:absolute;
    right:-1px;
    z-index:1;
    content:'';
    display:inline-block;
    width:1px;
    height:26px;
    background-color:#D3D3D3;
}
.safety_security_content .tab li.active a {
    background-color:#133597;
    color:#FFFFFF;
}
.safety_security_content .content h3 {
    margin-bottom:15px;
    font-weight:bold;
    font-size:35px;
}
.safety_security_content .content h4 {
    margin-bottom:15px;
    font-weight:bold;
    font-size:28px;
}
.safety_security_content .content .box {
    padding:50px;
    border:1px solid #D3D3D3;
    border-radius:10px;
    background-color:#FFFFFF;
    box-shadow:0 5px 10px 0 rgba(1, 17, 72, 0.15);
}
.safety_security_content .content .box .text {
    margin-bottom:15px;
    font-size:17px;
    word-break:keep-all;
}
.safety_security_content .content .box .source {
    margin-top:15px;
    font-weight:bold;
    font-size:14px;
    word-break:keep-all;
}
.safety_security_content .content .box:not(:last-child) {
    margin-bottom:50px;
}
.safety_security_content .content .box ul li {
    margin-top:15px;
    word-break:keep-all;
}
.safety_security_content .content .box ul li dl dt {
    font-weight:bold;
    font-size:19px;
    color:#133597;
}
.safety_security_content .content .box ul li dl dd {
    padding-left:10px;
    text-indent:-10px;
    font-size:17px;
}
.safety_security_content .content .box ul li dl dd:not(:nth-child(2)) {
    margin-top:5px;
}
.safety_security_content .content .box ul li dl dd a {
    text-decoration:underline;
}
.safety_security_content .content .box ul li dl dd:not(:last-child) ul {
    margin-bottom:15px;
}
.safety_security_content .content .box ul li dl dd ul li {
    margin-bottom:0;
    margin-top:5px;
    color:#616161;
}
.safety_security_content .content .box ul li dl dd.box_dept {
    padding:30px;
    margin:15px 0 15px 0;
    border-radius:10px;
    background-color:#F2F6FF;
}
.safety_security_content .content .box ul li dl dd.box_dept ul li:not(:first-child) dl {
    margin-top:30px;
}
.safety_security_content .content .box ul li dl dd.box_dept dl dt {
    padding-left:10px;
    color:#1D1D1D;
    font-size:15px;
}
.safety_security_content .content .box ul li dl dd.box_dept dl dd {
    margin-top:5px;
    font-size:14px;
}
.safety_security_content .content .box ul li dl dd.box_dept dl dd a {
    text-decoration:underline;
}
.safety_security_content .content .box ul li dl dd.box_dept h5 {
    font-weight:bold;
    font-size:20px;
    text-align:center;
}
.safety_security_content .content .box ul li dl dd.box_dept ol {
    align-items:center;
    justify-content:center;
    gap:30px;
}
.safety_security_content .content .box ul li dl dd.box_dept ol li {
    width:calc((100% - 60px) / 3);
}
.safety_security_content .content .box ul li dl dd.box_dept ol li img {
    display:block;
    margin-bottom:15px;
    border-radius:10px;
}
.safety_security_content .content .box ul li dl dd.box_dept ol li p {
    text-align:center;
    font-weight:500;
    font-size:17px;
}
.safety_security_content .content3 .box:nth-child(6) ul li dl dd.box_dept ol li {
    width:calc((100% - 90px) / 4);
}
.safety_security_content .content3 .box:nth-child(6) ul li dl dd.box_dept ol li dl {
    border:1px solid #E3DAD1;
    border-radius:10px;
    background-color:#FFFFFF;
    text-align:center;
    overflow:hidden;
}
.safety_security_content .content3 .box:nth-child(6) ul li dl dd.box_dept ol li dl dt {
    padding:10px;
    border-bottom:1px solid #E3DAD1;
    background-color:#F8F8F8;
    font-weight:normal;
}
.safety_security_content .content3 .box:nth-child(6) ul li dl dd.box_dept ol li dl dt span {
    display:block;
    font-weight:bold;
    color:#FF8600;
}
.safety_security_content .content3 .box:nth-child(6) ul li dl dd.box_dept ol li dl dd {
    padding:10px;
}
.safety_security_content .content .box table {
    width:100%;
    color:#2B2B2B;
    letter-spacing:-0.29px;
    font-size:19px;
    word-break:keep-all;
}
.safety_security_content .content .box table thead th {
    padding:20px 10px;
    border:1px solid #E4E4E4;
    border-top:1px solid #000000;
    background-color:#F8FBFE;
}
.safety_security_content .content .box table tbody th {
    padding:20px 10px;
    border:1px solid #E4E4E4;
    background-color:#F8F8F8;
    font-weight:normal;
}
.safety_security_content .content .box table tbody td {
    padding:20px 10px;
    border:1px solid #E4E4E4;
    text-align:center;
}
.safety_security_content .content .box ul.list li {
    padding-left:10px;
    margin-top:10px;
    text-indent:-10px;
    font-size:17px;
}
.safety_security_content .content2 .box ul.list {
    margin-bottom:30px;
}
.safety_security_content .content3 .box ul.list {
    margin-bottom:0;
}

/* responsive */
@media screen and (max-width:1240px) {
    .safety_security_content .tab li a {
        font-size:16px;
        letter-spacing:-0.5px;
    }
} 

@media screen and (max-width:992px) {    
    .safety_security_content .tab li {
        width:calc(100% / 3);
    }
    .safety_security_content .tab li:nth-child(n+1):nth-child(-n+2) {
        width:calc(100% / 2);
    }
    .safety_security_content .tab li a {
        padding:15px 0;
    }
    .safety_security_content .content .box {
        padding:30px;
    }
    .safety_security_content .content .box ul li dl dd.box_dept ol {
        gap:15px;
    }
    .safety_security_content .content .box ul li dl dd.box_dept ol li {
        width:calc((100% - 30px) / 3);
    }
    .safety_security_content .content3 .box:nth-child(6) ul li dl dd.box_dept ol li {
        width:calc((100% - 45px) / 4);
    }
}

@media screen and (max-width:768px){
    .safety_security_content .content .box:not(:last-child) {
        margin-bottom:30px;
    }
   .safety_security_content .content .box {
        padding:15px;
    }
    .safety_security_content .content h3 {
        font-size:28px;
    }
    .safety_security_content .content h4 {
        font-size:22px;
    }
    .safety_security_content .content .box .text {
        font-size:14px;
    }
    .safety_security_content .content .box .source {
        font-size:12px;
    }
    .safety_security_content .content .box ul li dl dt {
        font-size:17px;
    }
    .safety_security_content .content .box ul li dl dd {
        font-size:14px;
    }
    .safety_security_content .content .box ul li dl dd.box_dept {
        padding:15px;
    }
    .safety_security_content .content .box ul li dl dd.box_dept h5 {
        font-size:15px;
    }
    .safety_security_content .content .box ul li dl dd.box_dept ol li p{
        font-size:14px;
    }
    .safety_security_content .content .box table {
        font-size:14px;
    }
    .safety_security_content .content .box table thead th {
        padding:15px 5px;
    }
    .safety_security_content .content .box table tbody th  {
        padding:15px 5px;
    }
    .safety_security_content .content .box table tbody td {
        padding:15px 5px;
    }
    .safety_security_content .content .box ul.list li {
        font-size:14px;
    }
}

@media screen and (max-width:757px){
    .safety_security_content {
        padding-top:0;
    }
    .pc_flx {
        display:none !important;
    }
    .mb_view {
        position:relative;
        z-index:50;
        display:block !important;
        width:100%;
        text-align:center;
        color:#FFFFFF;
    }
    .mb_view .main {
        padding:10px 0;
        background:#133597 url(/images/egovframework/img/ic-selectbox-close-w@2x.png) no-repeat 96% 50% / 12px auto;
        color:#FFFFFF;
        font-weight:500;
        font-size:17px;
    }
    .mb_view .sub {
        position:absolute;
        display:none;
        width:100%;
        background-color:#158DD3;
    }
    .mb_view .sub li a {
        display:inline-block;
        width:100%;
        height:100%;
        padding:10px 0;
        font-weight:500;
        color:#FFFFFF;
    }
    .safety_security_content .content {
        padding-top:50px;
    }
    .safety_security_content .content3 .box:nth-child(6) ul li dl dd.box_dept ol li {
        width: calc((100% - 15px) / 2);
    }
    .safety_security_content .content3 .box:nth-child(6) ul li dl dd.box_dept ol li:nth-child(n+3):nth-child(-n+4) {
        margin:0;
    }
}

@media screen and (max-width:576px){
    .safety_security_content .content .box ul li dl dd.box_dept ol li {
        width:100%;
    }
    .safety_security_content .content3 .box:nth-child(6) ul li dl dd.box_dept ol li {
        width:100%;
    }
    .safety_security_content .content3 .box:nth-child(6) ul li dl dd.box_dept ol li:nth-child(n+2):nth-child(-n+4) {
        margin:0;
    }
}

@media screen and (max-width:350px){
    .safety_security_content .content .box:not(:last-child) {
        margin-bottom:15px;
    }
    .safety_security_content .content h3 {
        font-size:16px;
    }
    .safety_security_content .content h4 {
        font-size:14px;
    }
    .safety_security_content .content .box .text {
        font-size:9px;
    }
    .safety_security_content .content .box .source {
        font-size:9px;
    }
    .safety_security_content .content .box ul li dl dt {
        font-size:12px;
    }
    .safety_security_content .content .box ul li dl dd {
        font-size:9px;
    }
    .safety_security_content .content .box ul li dl dd.box_dept dl dt {
        font-size:12px;
    }
    .safety_security_content .content .box ul li dl dd.box_dept dl dd {
        font-size:9px;
    }
    .safety_security_content .content .box ul li dl dd.box_dept h5 {
        font-size:15px;
    }
    .safety_security_content .content .box ul li dl dd.box_dept ol li p {
        font-size:12px;
    }
   .safety_security_content .content3 .box:nth-child(6) ul li dl dd.box_dept ol li dl dt {
        padding:5px;
    }
    .safety_security_content .content3 .box:nth-child(6) ul li dl dd.box_dept ol li dl dd {
        padding:5px;
    }
    
    .safety_security_content .content .box table {
        font-size:9px;
    }
    .safety_security_content .content .box table thead th {
        padding:5px 0;
    }
    .safety_security_content .content .box table tbody th  {
        padding:5px 0;
    }
    .safety_security_content .content .box table tbody td {
        padding:5px 0;
    }
    .safety_security_content .content .box ul.list li {
        font-size:9px;
    }
}