@charset "utf-8";

/* font */
@import url('https://cdn.jsdelivr.net/gh/ungveloper/web-fonts/SCoreDream/font-face.css');
@import url('https://cdn.jsdelivr.net/gh/ungveloper/web-fonts/SCoreDream/font-family.css');
@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-square-neo.css');

/* 나눔스퀘어 font-family
font-family: 'NanumSquareNeoLight';
font-family: 'NanumSquareNeo';
font-family: 'NanumSquareNeoBold';
font-family: 'NanumSquareNeoExtraBold';
font-family: 'NanumSquareNeoHeavy';*/

#_aside,
#_wrap .sub-visual,
.sub #_wrap #_wrapFooter{display:none !important;}

.menuUItop ul.ul_1 li.li_1 a.a_1._active{color:#fffc00;}

/* logo */
#wrapGnb:not(.on){position:relative; left:auto; top:auto; transform:none; }
#_wrap #_wrapHeader #_header{display:flex; justify-content: space-between; align-items: center;}
#_logo{position:relative; top:auto;}
#_logo img{height:35px;}
#_logo > a{display: block; position: absolute; top: 0; left: 0; width: 28%; height: 100%;}

 *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box;}
body{line-height: 1.2;}


  body {
    font-family: 'pretendard', 'Noto Sans KR', sans-serif;
    min-height: 100vh;
  }

  .ksa-section {position: relative; overflow: hidden; }
  .ksa-section > img{width: 100%; max-width: 1920px; margin: auto; display: block;}
  .ksa-inner {width: 100%; max-width: 1200px; margin: 0 auto; }
  .sr-only {position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap;}
  .mo-img{display: none !important;}
  
  @media (max-width: 768px){
    .pc-img{display: none !important;} 
    .mo-img{display: block !important;} 
  }
	
	/* AI */
  .section1 img{width: 100%;}
  .section4{position: relative;}
  .section4 .link-wrap1,
  .link-wrap2{position:absolute; display: flex; width: 69%;}
  .section4 .link-wrap1{top: 25vw; left: 23.5%; gap: 1.5vw;  height: 22.8vw;}
  .section4 .link-wrap1 ul{width: 12%;}
  .section4 .link-wrap1 ul li,
  .section4 .link-wrap2 ul li{height: 1.73vw;}
  .section4 .link-wrap1 ul li + li{margin-top: 0.07vw}
  .section4 .link-wrap1 ul li a,
  .section4 .link-wrap2 ul li a{display: block; width: 100%; height: 100%;}
  .section4 .link-wrap1 ul:nth-of-type(4) li:nth-of-type(1){height: 2.7vw;}
  .section4 .link-wrap1 ul:nth-of-type(1) .dep2{margin-top: 1.4vw;}
  .section4 .link-wrap1 ul:nth-of-type(2) .dep2{margin-top: 1.4vw;}
  .section4 .link-wrap1 ul:nth-of-type(4) .dep2{margin-top: 2.3vw;}
  .section4 .link-wrap1 ul:nth-of-type(5) .dep2{margin-top: 1.2vw;}
  .section4 .link-wrap1 ul:nth-of-type(6) .dep2{margin-top: 1.4vw;}
  .section4 .link-wrap2{top: 52.1vw; left: 23%; width: 58.3%; justify-content: space-between;}
  .section4 .link-wrap2 ul{width: 19.2%;}
  .section4 .link-wrap2 ul:nth-of-type(1){display: flex; flex-wrap: wrap; width: 39.5%;}
  .section4 .link-wrap2 ul:nth-of-type(1) li{width: 50%;}
  .section4 .link-wrap2 ul:nth-of-type(1) li.dep2,
  .section4 .link-wrap2 ul:nth-of-type(2) li.dep2,
  .section4 .link-wrap2 ul:nth-of-type(4) li.dep2{margin-top: 1.4vw;}
  .section4 .link-wrap2 ul:nth-of-type(3) li.dep2{margin-top: 3.2vw;}
  .link-box-img{max-width: 1201px; width: 100%; margin:auto; overflow: auto; background-color: #246fef; padding-left: 4.6875vw;}
  .section5_1 .link-wrap,
  .section5_2 .link-wrap{position: absolute;  width: 56.8%; top: 25vw; left: 21.5%; height: 23.5vw;}
  .section5_2 .link-wrap{top: 10.5vw;}
  .section5_1 .link-wrap ul,
  .section5_2 .link-wrap ul{width: 100%; height: 100%; display: flex; justify-content: space-between; gap: 1%;}
  .section5_1 .link-wrap li,
  .section5_2 .link-wrap li{width: 32%; height: 100%;}
  .section5_1 .link-wrap li a,
  .section5_2 .link-wrap li a{display: block; width: 100%; }
  .section5_1 li a > img,
  .section5_2 li a > img{width: 100%;}
  .section6 .link-wrap{position: absolute; width: 63%; top: 18vw; left: 50%; transform: translate(-50%, 0); height: 27vw; } 
  .section6 .link-wrap ul{width: 100%; height: 100%; display: flex; justify-content: space-between;}
  .section6 .link-wrap li{width: 30%; height: 100%;}
  .section6 .link-wrap li a{display: block; width: 100%; height: 100%;}
  .section6 .link-wrap li a img{width: 100%;}
  .section8 .link-wrap{position: absolute; width: 63%; top: 16vw; left: 50%; transform: translate(-50%, 0); height: 20vw; } 
  .section8 .link-wrap ul{width: 100%; height: 100%; display: flex; justify-content: space-between; gap: 1%;}
  .section8 .link-wrap li,
  .section10 .link-wrap li{width: 33%; height: 100%;}
  .section8 .link-wrap li a,
  .section10 .link-wrap li a{display: block; width: 100%; height: 100%;}
  .section8 .link-wrap a img{width: 100%;}
  .section9 img{width: 100%;}
  .section10 .link-wrap{position: absolute; width: 38.6%; top: 15vw; left: 18.7%; height: 6.3vw;} 
  .section10 .link-wrap ul{width: 100%; height: 100%; display: flex; justify-content: space-between; gap: 1%;}

	/* 안전 */

	.link-box,
	  .mo-link-box {
		position: absolute;
		top: 0; left: 0;
		width: 100%; height: 100%;
	  }
		.link-box a,
	  .mo-link-box a {
		position: absolute;
		display: block;
		opacity: 0.3;
	  }
	.mo-link-box { display: none; }
	.link-box ul { position: absolute; list-style: none; }
	.link-box ul li { position: relative; }
	.link-box ul li a { display: block; width: 100%; height: 100%; }
	.safety1 .link-box ul { position: absolute; display: flex; flex-direction: column; list-style: none; }
	.safety1 .link-box ul li { flex: 1; position: relative; }
	.safety1 .link-box ul li a { display: block; width: 100%; height: 100%; }
	.safety1 .link-box ul {display: flex; flex-direction: column; gap: 5px; width: 15.9%; height: 13%;}
	.safety1 .link-box ul li{height: 100%;}
	.safety1 .link-box ul li a {display: block; width: 100%; height: 100%;}
	.safety1 .link-box ul:nth-of-type(1) { top: 39.8%;  left: 22.5%; }
	.safety1 .link-box ul:nth-of-type(2) { top: 39.8%;  left: 42%; }
	.safety1 .link-box ul:nth-of-type(3) { top: 39.8%;  right: 22.5%; }
	.safety1 .link-box ul:nth-of-type(4) { top: 73.5%;  left: 32.4%;}
	.safety1 .link-box ul:nth-of-type(5) { top: 73.5%;  right: 32.4%; }
	.safety2 {background: #ffde00; padding-bottom: 100px; font-family: 'pretendard'; }
	.s2-table {max-width: 1200px; width: 100%; margin: auto; overflow: auto; }
	.s2-table__inner {margin: 0 auto; display: flex; flex-direction: column; gap: 10px;}
	.s2-tr {display: flex; background: #fff; border-radius: 14px; overflow: hidden; padding: 20px 5px 20px 20px; border:3px solid #000;}
	.s2-thead {display: flex; padding: 0 0 6px 0;}
	.s2-th {font-size: 15px; font-weight: 800; color: #111; text-align: left; padding: 0 16px;}
	.s2-th span { font-size: 12px; font-weight: 400; color: #555; margin-left: 4px; }
	.s2-th--label { width: 168px; flex-shrink: 0; }
	.s2-th--ai    { flex: 1.2; }
	.s2-th--field { flex: 1.5; }
	.s2-th--visit { flex: 1.5; }
	.s2-td:not(.s2-td--label) {padding: 5px 0 5px 18px; font-size: 13px; flex: 1; line-height: 1.55;}
	.s2-td:last-child { border-right: none; padding-right: 0;}
	.s2-td--label { width: 200px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
	.s2-badge {border-radius: 10px; text-align: center; color: #fff; width: 100%; height: 150px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
	.s2-badge strong {display: block; font-size: 25px; font-weight: 800; line-height: 1.3; margin-bottom: 10px; word-break: keep-all;}
	.s2-badge__icon { font-style: normal; font-size: 25px; display: block; }
	.s2-badge--red   { background: #ff0000; }
	.s2-badge--navy  { background: #00316b; }
	.s2-badge--green { background: #6bad0d; }
	.s2-badge--green2 {background:#0fa01f}
	.s2-col-title {font-size: 20px; font-weight: 800; color: #111; margin-bottom: 15px;}
	.s2-col-title > span{font-size: 16px; font-weight: 500;}
	.s2-td ul { list-style: none; }
	.s2-td ul li {padding: 0px 0 0px 10px; position: relative; color: #555; text-decoration: none; font-size: 16px; font-weight: 500; line-height: 1.5; display: block; word-break: keep-all; transition: color 0.15s; letter-spacing: -1.5px;}
	.s2-td ul li::before {content: '·'; position: absolute; left: 0; color: #555; font-weight: 900; font-size: 16px; line-height: 1.3;}
	.s2-td ul li + li{margin-top: 5px;}
	.s2-td ul li a {}
	.s2-ai {display: inline-block; background: #555555; color: #fff; font-size: 12px; font-weight: 500; padding: 0px 5px; border-radius: 3px; margin-right: 3px; vertical-align: middle; font-style: normal; letter-spacing: normal; line-height: 1.7;}
	.s2-tr--health .s2-td--field,
	.s2-tr--health .s2-td--visit {flex: 1;}
	.safety3 .link-box ul,
	.safety4 .link-box ul{top: 18.8%; left: calc(50% - -2.5%); width: 53%; height: 18.5%; transform: translate(-50%, 0); display: flex; gap: 10px;}
	.safety3 .link-box ul li,
	.safety4 .link-box ul li{width: 100%;}
	.safety3 .link-box ul:first-child{top: 18.8%;}
	.safety3 .link-box ul:nth-child(2){top: 46.2%;}
	.safety3 .link-box ul:nth-child(3){top: 72.8%;}
	.safety4 .link-box ul{height: 18%;}
	.safety4 .link-box ul:first-child{top: 20.5%; height: 19%;}
	.safety4 .link-box ul:nth-child(2){top: 47.4%;}
	.safety4 .link-box ul:nth-child(3){top: 73%;}
	.safety5 .link-box ul { display: flex; flex-direction: column; width: 13.2%; top: 66%; height: 21.2%; gap: 5px;}
	.safety5 .link-box ul li { flex: 1; }
	.safety5 .link-box ul:nth-of-type(1) {left: 19.5%; }
	.safety5 .link-box ul:nth-of-type(2) {left: 35.5%;  }
	.safety5 .link-box ul:nth-of-type(3) {left: 51.5%;}
	.safety5 .link-box ul:nth-of-type(4) {left: 67.4%;  }
	.safety6 .link-wrap { width:100%; height: 100%;}
	.safety6 .link-wrap > a{display: block; width: 8%; height: 20%; position: absolute;  opacity: 0.5;}
	.safety6 .link-wrap > a:nth-child(1){bottom: 13%; left: 29.5%;}
	.safety6 .link-wrap > a:nth-child(2){bottom: 37%; left: 36.2%;}
	.safety6 .link-wrap > a:nth-child(3){bottom: 42%; left: 50%; transform: translate(-50%, 0);}
	.safety6 .link-wrap > a:nth-child(4){bottom: 37%; right: 36.2%;}
	.safety6 .link-wrap > a:nth-child(5){bottom: 13%; right: 30%;}

	@media (max-width: 1600px) {
	.safety1 .link-box ul{width: 18.9%;}
	.safety1 .link-box ul:nth-of-type(1) { top: 39.8%;  left: 17.5%; }
	.safety1 .link-box ul:nth-of-type(2) { top: 39.8%;  left: 40.5%; }
	.safety1 .link-box ul:nth-of-type(3) { top: 39.8%;  right: 17.5%; }
	.safety1 .link-box ul:nth-of-type(4) { top: 73.5%;  left: 29%;}
	.safety1 .link-box ul:nth-of-type(5) { top: 73.5%;  right: 29%; }
	.safety3 .link-box ul, .safety4 .link-box ul{width: 63%;}
	.safety5 .link-box ul{width: 16%;}
	.safety5 .link-box ul:nth-of-type(1) {left: 13.5%;}
	.safety5 .link-box ul:nth-of-type(2) {left: 32.5%;  }
	.safety5 .link-box ul:nth-of-type(3) {left: 51.5%;}
	.safety5 .link-box ul:nth-of-type(4) {left: 70.4%;  }
	.safety6 .link-wrap > a:nth-child(1){bottom: 13%; left: 26.5%;}
	.safety6 .link-wrap > a:nth-child(2){bottom: 37%; left: 34.2%;}

	.safety6 .link-wrap > a:nth-child(4){bottom: 37%; right: 34.2%;}
	.safety6 .link-wrap > a:nth-child(5){bottom: 13%; right: 28%;}
	}

    @media (max-width: 768px){
	.mo-link-box { display: block; }
	#_logo img{height:25px;}
    .section10 .link-wrap{width: 92.6%; height: 15.5vw; top: 42vw; left: 50%; transform: translate(-50%, 0); }
    .section4{background-color: #246fef;}
    .section4 .link-wrap1{top: 60px; left: 120px; width: 1105px; justify-content: space-between;}
    .section4 .link-wrap1 ul{width: 15%;}
    .section4 .link-wrap1 ul li, 
    .section4 .link-wrap2 ul li{height: 30px;}
    .section4 .link-wrap1 ul li + li{margin-top: 5px;}
    .section4 .link-wrap1 ul:nth-of-type(1) .dep2,
    .section4 .link-wrap1 ul:nth-of-type(2) .dep2,
    .section4 .link-wrap1 ul:nth-of-type(6) .dep2{margin-top: 29px;}
    .section4 .link-wrap1 ul:nth-of-type(4) .dep2{margin-top: 45px;}
    .section4 .link-wrap1 ul:nth-of-type(5) .dep2{margin-top: 64px;}
    .section4 .link-wrap1 ul:nth-of-type(4) li:nth-of-type(1){height: 49px;}
    .section4 .link-wrap2{top: 610px; left: 130px; width: 1105px; }
    .section4 .link-wrap2 ul:nth-of-type(1){width: 36.5%;}
    .section4 .link-wrap2 ul li + li{margin-top: 5px;}
    .section4 .link-wrap2 ul:nth-of-type(1) li:nth-of-type(1),
    .section4 .link-wrap2 ul:nth-of-type(1) li:nth-of-type(2){margin-top: 0;}
    .section4 .link-wrap2 ul:nth-of-type(1) li:nth-of-type(4),
    .section4 .link-wrap2 ul:nth-of-type(1) li:nth-of-type(7){margin-top: 5px;}
    .section4 .link-wrap2 ul:nth-of-type(1) li.dep2, 
    .section4 .link-wrap2 ul:nth-of-type(2) li.dep2, 
    .section4 .link-wrap2 ul:nth-of-type(4) li.dep2{margin-top: 31px;}
    .section4 .link-wrap2 ul:nth-of-type(3) li.dep2{margin-top: 66px;}
    .link-box-img{padding-left: 30px; padding-bottom: 120px; position:relative;}
    .section5_1 .link-wrap,
    .section5_2 .link-wrap{width: 100%; top: 51%; left: 12.5%; height: 60vh; overflow-x: auto; overflow-y: hidden; padding-right: 18%;}
    .section5_2 .link-wrap{top: 26.5%;}
    .section5_1 .link-wrap ul,
    .section5_2 .link-wrap ul{display: flex; flex-wrap: nowrap; width: max-content; height: 100%; gap: 16px;}
    .section5_1 .link-wrap li,
    .section5_2 .link-wrap li {flex-shrink: 0; width: 45vw; height: 100%;}
    .section5_1 li a,
    .section5_2 li a {display: block; width: 100%;}
    .section5_1 li a > img,
    .section5_2 li a > img {width: 100%; height: auto; display: block;}
    .section6 .link-wrap{width: 100%; position: relative; top: auto; left: auto; height: auto; overflow-x: auto; overflow-y: hidden; padding: 0 6% 6% 6%; transform: unset;}
    .section6 .link-wrap ul{display: flex; flex-wrap: nowrap; width: max-content; height: 100%; gap: 16px;}
    .section6 .link-wrap li {flex-shrink: 0; width: 40vw; height: 100%;}
    .section6 li a {display: block; width: 100%; height: auto;}
    .section6 li a img {width: 100%; height: auto; display: block;}
    .section8 .link-wrap{width: 100%; position: relative; top: auto; left: auto; height: auto; overflow-x: auto; overflow-y: hidden; padding: 0 6% 6% 6%; transform: unset; background-color: #246fef;}
    .section8 .link-wrap ul{display: flex; flex-wrap: nowrap; width: max-content; height: 100%; gap: 8px;}
    .section8 .link-wrap li {flex-shrink: 0; width: 50vw; height: 100%;}
    .section8 li a {display: block; width: 100%; height: auto;}
    .section8 li a img {width: 100%; height: auto; display: block;}
	 .safety1 .link-box ul {width: 32.7%; height: 9.3%;}
  .safety1 .link-box ul:nth-of-type(1) { top: 34.8%;  left: 16.5%; }
  .safety1 .link-box ul:nth-of-type(2) { top: 34.8%;  left: 53.7%; }
  .safety1 .link-box ul:nth-of-type(3) { top: 57.1%;  left: 13.5%;}
  .safety1 .link-box ul:nth-of-type(4) { top: 57.1%;  left: 53.7%;}
  .safety1 .link-box ul:nth-of-type(5) { top: 80.5%;  left: 50%; transform: translate(-50%, 0); }

  .s2-table { max-width: 100%; padding: 12px 0; }
  .s2-thead { display: none; }
  .s2-table__inner { gap: 10px; overflow: visible; padding: 0 12px; }
  .s2-tr {width: 1200px; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; border-radius: 10px; padding: 12px 5px 12px 12px;}
  .s2-td--label { width: 130px; flex-shrink: 0; }
  .s2-badge { height: 120px; }
  .s2-badge strong { font-size: 18px; }
  .s2-td--ai,
  .s2-td--field,
  .s2-td--visit {min-width: 240px; width: 240px; flex-shrink: 0; border-right: 1px solid #efefef; border-bottom: none; padding: 10px 12px;}
  .s2-td:last-child { border-right: none; }
  .s2-col-title { font-size: 15px; margin-bottom: 8px; }
  .s2-td ul li{font-size: 13px;}
  .s2-td ul li a { font-size: 13px; }
  .scroll-wrap { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
  .scroll-inner { position: relative; width: 860px; display: inline-block; }
  .scroll-inner .scroll-img { width: 860px; max-width: none; display: block; }
  .safety3 .scroll-inner .link-box ul,
  .safety4 .scroll-inner .link-box ul{  width: 80%; left: 15%; transform: none; display: flex; gap: 2%; height: 22%;}
  .safety3 .scroll-inner .link-box ul li { flex: 1; }
  .safety3 .scroll-inner .link-box ul:nth-of-type(1) { top: 8.8%;}
  .safety3 .scroll-inner .link-box ul:nth-of-type(2) { top: 41.8%; }
  .safety3 .scroll-inner .link-box ul:nth-of-type(3) { top: 73.3%; }
  .safety4 .scroll-inner .link-box ul li { flex: 1; }
  .safety4 .scroll-inner .link-box ul:nth-of-type(1) { top: 8.8%; height: 24%;}
  .safety4 .scroll-inner .link-box ul:nth-of-type(2) { top: 42.5%;}
  .safety4 .scroll-inner .link-box ul:nth-of-type(3) { top: 74.5%; }
  .safety5 .link-box ul{width: 35%; height: 13.2%;}
  .safety5 .link-box ul:nth-of-type(1){top: 41.7%; left: 11%;}
  .safety5 .link-box ul:nth-of-type(2){top: 41.7%; left: 54%;}
  .safety5 .link-box ul:nth-of-type(3){top: 78%; left: 11%;}
  .safety5 .link-box ul:nth-of-type(4){top: 78%; left: 54%;}
  .safety6 .link-wrap { width:100%; height: 100%;}
  .safety6 .link-wrap > a{width: 15%; height: 20%;}
  .safety6 .link-wrap > a:nth-child(1){bottom: 11%; left: 10.5%;}
  .safety6 .link-wrap > a:nth-child(2){bottom: 33%; left: 24.2%;}
  .safety6 .link-wrap > a:nth-child(3){bottom: 38%; left: 50%; transform: translate(-50%, 0);}
  .safety6 .link-wrap > a:nth-child(4){bottom: 33%; right: 24.2%;}
  .safety6 .link-wrap > a:nth-child(5){bottom: 11%; right: 12.5%;}
  }

.ksa-certification .certification2 { padding-bottom: 0; }
.ksa-certification .cert-visual {
  position: relative;
  max-width: 1600px;
  margin: 0 auto;
}
.ksa-certification .cert-visual > img {
  width: 100%;
  display: block;
}
.ksa-certification .cert-link-box ul {display: flex; flex-direction: column; gap: 4px; width: 11.5%; height: 7.5%;}
.ksa-certification .cert-link-box ul li { flex: 1; }
.ksa-certification .cert-link-box ul:nth-of-type(1)  { top: 44%; left: 15.5%; }
.ksa-certification .cert-link-box ul:nth-of-type(2)  { top: 62%; left: 15.5%; }
.ksa-certification .cert-link-box ul:nth-of-type(3)  { top: 80%; left: 15.5%; }
.ksa-certification .cert-link-box ul:nth-of-type(4)  { top: 49%; left: 34.7%; height: 4.8%;}
.ksa-certification .cert-link-box ul:nth-of-type(5)  { top: 64.5%; left: 34.7%; height: 4.8%;}
.ksa-certification .cert-link-box ul:nth-of-type(6)  { top: 56%; left: 53.8%; height: 4.8%;}
.ksa-certification .cert-link-box ul:nth-of-type(7)  { top: 71.4%; left: 53.8%; height: 2.4%;}
.ksa-certification .cert-link-box ul:nth-of-type(8)  { top: 55.8%; left: 73%; height: 2.4%;}
.ksa-certification .cert-link-box ul:nth-of-type(9)  { top: 68.7%; left: 73%; height: 2.4%;}
.ksa-certification .cert-link-box ul:nth-of-type(10) { top: 82.2%; left: 73%; height: 4.8%;}

.ksa-certification .cert-link-wrap { position: relative; width: 100%; }
.ksa-certification .cert-link-wrap > a { display: block; width: 100%; }
.ksa-certification .cert-link-wrap img { width: 100%; display: block; }
.ksa-certification .certification7 .cert-visual {
  position: relative;
  max-width: 1600px;
  margin: 0 auto;
}
.ksa-certification .certification7 .cert-visual > img {
  width: 100%;
  display: block;
}
.ksa-certification .cert7-link-box .cert7-link {
  position: absolute;
  display: block;
}
.ksa-certification .cert7-link-box.pc-img .cert7-link--course {
  top: 54.5%;
  left: 44%;
  width: 15%;
  height: 20%;
}
.ksa-certification .cert7-link-box.mo-img .cert7-link--openchat {
  top: 61.5%;
  left: 35%;
  width: 30%;
  height: 23%;
}
.ksa-certification .cert7-link-box.mo-img .cert7-link--course {
  top: 61.5%;
  left: 66.5%;
  width: 30%;
  height: 23%;
}

	/* KS 인증 아카데미 */
  .ksa-ks img { max-width: 1600px; margin: auto; }

  .ks-visual,
  .ksa-ks8{background-color: #13102a; position: relative;}
  .ksa-ks3{background-color: #fff;}
  .ksa-ks2,
  .ksa-ks6,
  .ksa-ks7,
  .ksa-ks9{background-color: #f6f9ff;}
  .ksa-ks1,
  .ksa-ks5,
  .ksa-ks10{background-color: #ed1a23;}
  .ks-f{background-color: #000;}

  .visual-btn{width: 20%; height: 10%; position:absolute; bottom: 19%; left: 19%; display: block;}
  
  .ksa-ks2{}

  .ks3-cards-wrap { width: 100%; }

  /* 카드 기준: max-width 1200px */
  .ks3-card { position: relative; display: block; width: 100%; max-width: 1200px; margin: 0 auto; }
  .ks3-card img { width: 100%; display: block; max-width: none; margin: 0; }
  .ks3-link-box { position: absolute; inset: 0; }

  /* 카테고리 그룹: absolute로 구역 지정 + flex로 내부 링크 균등 분배 */
  .ks3-group { position: absolute; display: flex; top: 46%; height: 38%; }
  .ks3-group a { flex: 1; display: block; gap: 5px;}

  /* ks3-1 & ks3-2 공통 그룹 위치 */
  .ks3-card--1 .ks3-group--in,
  .ks3-card--2 .ks3-group--in  {left: 3.5%; width: 49%;}

  .ks3-card--1 .ks3-group--co,
  .ks3-card--2 .ks3-group--co  {left: 56%;   width: 24%;}

  .ks3-card--1 .ks3-group--ad,
  .ks3-card--2 .ks3-group--ad  {left: 84%; width: 12%;}

  /* ks3-3 & ks3-4: 단일 그룹, 4칸 균등 */
  .ks3-card--3 .ks3-group--items,
  .ks3-card--4 .ks3-group--items {left: 4%; width: 92%; }

  /* 모바일: 각 카드가 개별적으로 가로 스크롤 */
  @media (max-width: 768px) {
     .visual-btn{width: 44%; bottom: 13%; left: 10%;}
    .ks3-card {
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      max-width: 100%;
      margin: 0;
    }
   
    .ks3-card::-webkit-scrollbar { display: none; }
    .ks3-card img { width: 1200px; max-width: none; }
    .ks3-link-box { right: auto; width: 1200px; }
  }
  .ks10-wrap {
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
    display: block;
  }
  .ks10-wrap img { width: 100%; display: block; max-width: none; margin: 0; }
  .ks10-link-box { position: absolute; inset: 0; }
  .ks10-link { position: absolute; display: block;}

  .ks10-link--yang1 { top: 73%; height: 3%; left: 21%;  width: 10%; }
  .ks10-link--yang2 { top: 76.5%; height: 3%; left: 21%;  width: 10%; }

  .ks10-link--jik1  { top: 73%; height: 3%; left: 53%; width: 18%; }
  .ks10-link--jik2  { top: 76.5%; height: 3%; left: 53%; width: 15%; }

  .ks-scroll-wrap { width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .ks-scroll-wrap::-webkit-scrollbar { display: none; }
  .ksa-ks .ks3-scroll-item { width: 1200px; max-width: 1200px; display: block; }
  .ksa-ks .ks6-scroll-item,
  .ksa-ks .ks10-scroll-item { max-width: none; width: auto; display: block; }
  .ks5-wrap {position: relative; max-width: 1600px; margin: 0 auto; display: block;}
  .ks5-wrap img { width: 100%; display: block; max-width: none; margin: 0; }
  .ks5-link-box { position: absolute; inset: 0; }
  .ks5-link { position: absolute; display: block;}

  .ks5-link--yang1 { top: 75%; height: 6%; left: 20%;  width: 14%; }
  .ks5-link--jik1  { top: 81%; height: 2%; left: 53%; width: 12%; }
  .ks5-link--jik2  { top: 83%; height: 2%; left: 53%; width: 12%; }

  @media (max-width: 768px) {
  .ksa-certification .cert-visual { max-width: 100%; }
  .ksa-certification .cert-link-box ul { width: 28.5%; gap: 5px; }
  .ksa-certification .cert-link-box ul:nth-of-type(1)  { top: 29%; left: 12%;  height: 5.2%; }
  .ksa-certification .cert-link-box ul:nth-of-type(2)  { top: 41.6%; left: 12%;  height: 5.2%; }
  .ksa-certification .cert-link-box ul:nth-of-type(3)  { top: 54.1%; left: 12%;  height: 5.2%; }
  .ksa-certification .cert-link-box ul:nth-of-type(4)  { top: 31.5%; left: 60%; height: 3.3%; }
  .ksa-certification .cert-link-box ul:nth-of-type(5)  { top: 42.2%; left: 60%; height: 3.3%; }
  .ksa-certification .cert-link-box ul:nth-of-type(6)  { top: 76.3%; left: 12%;  height: 3.3%; }
  .ksa-certification .cert-link-box ul:nth-of-type(7)  { top: 87%; left: 12%;  height: 1.7%; }
  .ksa-certification .cert-link-box ul:nth-of-type(8)  { top: 63%; left: 60%; height: 1.7%; }
  .ksa-certification .cert-link-box ul:nth-of-type(9)  { top: 71.9%; left: 60%; height: 1.7%; }
  .ksa-certification .cert-link-box ul:nth-of-type(10) { top: 81.2%; left: 60%; height: 3.3%; }
  .ksa-certification .certification3 { overflow: visible; }
  .ksa-certification .certification3 > .mo-img:not(.cert3-cont-list) {
    width: 100%;
    display: block;
  }
  .ksa-certification .cert3-cont-list {
    display: flex !important;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 24px;
  }
  .ksa-certification .cert3-scroll-wrap {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 20px;
    scrollbar-width: none;
  }
  .ksa-certification .cert3-scroll-wrap::-webkit-scrollbar { display: none; }
  .ksa-certification .cert3-scroll-item {
    width: 768px;
    margin: 0 20px;
    max-width: none;
    display: block;
    height: auto;
    scroll-snap-align: start;
    box-sizing: content-box;
  }
    .ksa-ks .ks3-scroll-list,
    .ksa-ks .ks6-scroll-list,
    .ksa-ks .ks10-scroll-list { display: flex !important; flex-direction: column; margin-left: 30px; gap: 10px;}

    /* ks10 모바일: mo-ks10-bnr2.png 기준 링크 위치 (상단=양성교육 / 하단=직무교육) */
    .ks10-link--yang1 { top: 29%; height: 4%; left: 10%;  width: 26%; }
    .ks10-link--yang2 { top: 33%; height: 4%; left: 10%;  width: 26%; }
    .ks10-link--jik1  { top: 69.5%; height: 4%; left: 10%;  width: 50%; }
    .ks10-link--jik2  { top: 73.5%; height: 4%; left: 10%;  width: 40%; }

    /* ks5 모바일: 상단=양성교육 / 하단=정기교육 */
    .ks5-link--yang1 { top: 67%; height: 5%; left: 7%;  width: 44%; }
    .ks5-link--jik1  { top: 88%; height: 2%; left: 9%;  width: 32%; }
    .ks5-link--jik2  { top: 90%; height: 2%; left: 9%;  width: 34%; }
  }

/* ksa-ks2 링크 오버레이 (교육대상 별 맞춤형 교육 찾기) */
/* .ks2-wrap { position: relative; max-width: 1600px; margin: 0 auto; display: block; }
.ks2-wrap img { width: 100%; display: block; max-width: none; margin: 0; }
.ksa-ks2-link { position: absolute; inset: 0; }
.ksa-ks2-link ul { position: absolute; inset: 0; list-style: none; margin: 0; padding: 0; }
.ksa-ks2-link ul li { position: absolute; }
.ksa-ks2-link ul li a { display: block; width: 100%; height: 100%; border: 1px solid blue; } */

/* PC 위치 (브라우저에서 확인 후 조정) */
/* .ksa-ks2-link ul li:nth-child(1) { top: 30%; left: 5%;  width: 28%; height: 10%; }
.ksa-ks2-link ul li:nth-child(2) { top: 42%; left: 5%;  width: 28%; height: 10%; }
.ksa-ks2-link ul li:nth-child(3) { top: 54%; left: 5%;  width: 28%; height: 10%; }
.ksa-ks2-link ul li:nth-child(4) { top: 30%; left: 38%; width: 28%; height: 10%; }
.ksa-ks2-link ul li:nth-child(5) { top: 42%; left: 38%; width: 28%; height: 10%; }
.ksa-ks2-link ul li:nth-child(6) { top: 54%; left: 38%; width: 28%; height: 10%; } */

.ks2-wrap { position: relative; max-width: 1600px; margin: 0 auto; display: block; }
.ks2-wrap img {width: 100%;}
.ksa-ks2-link {position: absolute; inset: 0;}
.ksa-ks2-link ul {display: flex; flex-wrap: wrap; width: 100%; height: 55%; max-width: 65%; margin: 15.5% auto 0;}
.ksa-ks2-link ul li {width: 33%; height: 48%;}
.ksa-ks2-link ul li a { display: block; width: 100%; height: 100%;}

@media (max-width: 768px) {

.ksa-ks2-link ul {display: flex; flex-wrap: wrap; width: 100%; height: 55%; max-width: 90%; margin: 39.5% auto 0;}

}