@media only screen and (min-width:100px) and (max-width:1300px) {
	
	.pa { text-align:center; margin-bottom:40px; }

	.pa_3 { text-align:center;  margin:15px; display:inline-block; }
	.pa_3_k {
		margin-top:50px; margin-bottom:10px; 
		text-align:left; font-size:18px; color:#000; font-family:'NanumSquareNeo700'; letter-spacing: 0.01em; line-height:1.5em; 
	}
	.pa_3_k div { 
		text-align:left; font-size:14px; color:#222; font-family:'NanumSquareNeo400'; letter-spacing: 0.01em; line-height:1em; 
	}
	.pa_3_t {
		text-align:left; font-size:14px; color:#222; font-family:'NanumSquareNeo400'; letter-spacing: 0.01em; line-height:1.9em; 
	}
	.pa_3_t  div { 
		margin-right:10px; display:inline-block; 
		text-align:center; font-size:14px; color:#fff; font-family:'NanumSquareNeo700'; letter-spacing: 0.01em; line-height:1em; 
		padding:10px; background:#3e6dcc; border-radius:12px;
	}

    .system_1 {
        width:100%;
        margin-top:30px;
    }

    .system_1 ul {
        display:grid;
        grid-template-columns:1fr;
        padding:15px;
        border-radius:16px;
        width:100%;
        box-sizing:border-box;
    }

    .system_1 li {
        width:100%;
        margin:0;
        padding:0;
    }

    .system_1 li img {
        display:block;
        width:100%;
        height:auto;
    }

    .system_1_2,
    .system_1_4 {
        display:none;
    }


	.system_3_h {
		background:#6289d7; margin-top:7px; margin-bottom:7px;
		border-radius:12px; padding:10px; 
		font-size:13px; color:#fff; font-family:'NanumSquareNeo400'; letter-spacing: 0.1em; line-height:1em; 
		text-align:left; margin-top:15px; cursor:pointer;	
	}
	.system_3_h:hover { background:#1b49a5; }
	.system_3_h img { height:10px; margin-right:10px; }
	.system_3_h div { display:none; }

} 


/* PC ************************************************************************************************************************************************************************/
@media  all and (min-width : 1300px)  {
	
	.pa { text-align:center;  margin: 0 auto; width:1300px; margin-bottom:40px; }

	.pa_3 { text-align:center;  margin: 0 auto; width:1300px; }
	.pa_3_k {
		margin-top:70px; margin-bottom:10px; 
		text-align:left; font-size:22px; color:#000; font-family:'NanumSquareNeo700'; letter-spacing: 0.01em; line-height:1.5em; 
	}
	.pa_3_k div { 
		text-align:left; font-size:16px; color:#222; font-family:'NanumSquareNeo400'; letter-spacing: 0.01em; line-height:1em; 
	}
	.pa_3_t {
		text-align:left; font-size:16px; color:#222; font-family:'NanumSquareNeo400'; letter-spacing: 0.01em; line-height:1.9em; 
	}
	.pa_3_t  div { 
		margin-right:10px; display:inline-block; 
		text-align:center; font-size:16px; color:#fff; font-family:'NanumSquareNeo700'; letter-spacing: 0.01em; line-height:1em; 
		padding:10px; background:#3e6dcc; border-radius:12px;
	}
	
.system_1 {
    width:1280px;
    margin-top:30px;
}

.system_1 ul {
    display:grid;
    grid-template-columns:auto auto;
    justify-content:start;
    padding:15px;
    border-radius:16px;
    width:100%;
    box-sizing:border-box;
}

.system_1 li {
    width:max-content;
    margin:0;
    padding:0;
}

.system_1 li img {
    display:block;
    width:auto;
    height:auto;
}

	.system_3_h {
		background:#6289d7; margin-top:7px; margin-bottom:7px;
		border-radius:16px; padding:12px; 
		font-size:16px; color:#fff; font-family:'NanumSquareNeo400'; letter-spacing: 0.1em; line-height:1em; 
		text-align:left; margin-top:15px; cursor:pointer;	
	}
	.system_3_h:hover { background:#1b49a5; }
	.system_3_h img { height:12px; margin-right:10px; }
	.system_3_h div { 
		position:relative;  top:-4px; float:right; width:140px; 
		background:#fff; 
		border-radius:16px; padding:6px; 
		font-size:12px; color:#222; font-family:'NanumSquareNeo700'; letter-spacing: 0.1em; line-height:1em; 
		text-align:center; cursor:pointer;
	}


} /* PC end */