#gnb a{color: #333;}
.big_img{width: 100%; height: 330px; background-image:url(../images/sub3/img01.png); background-repeat: no-repeat; 
    background-size: cover;background-position: center; position: relative;}
.linnli h3{text-indent: -9999%;
  background: url(..//images/sub3/img25.png); 
  background-repeat: no-repeat;  width: 250px; height: 250px; 
  object-fit: cover;
  background-size: contain; position: relative; 
  left: 50%;
  top: -100px;
  transform: translate(-50%);
  z-index: 99;  
}
.linnli ul{width: 60%; margin: 0 auto; display: flex; justify-content: space-around;flex-wrap: wrap;}
.linnli ul li {
  width: 27%;
  height: 400px;
  background: #E6E6E6;
  display: flex; /* Flexbox 사용 */
  flex-direction: column; /* 수직 방향으로 정렬 */
  align-items: center; /* 수평 중앙 정렬 */
  justify-content: space-evenly; /* 수직 중앙 정렬 */
  text-align: center;
  padding: 20px; /* 내용 주변 여백 추가 */
  box-sizing: border-box; /* padding이 요소의 전체 크기에 포함되도록 설정 */
  margin-top: 50px;
  
}

.linnli ul li img {
  max-width: 100%;
  height: auto; /* 이미지 비율 유지 */
}

.linnli ul li p {
  font-size: 1.29rem;
  font-weight: 500;
  margin-top: 10px; /* 이미지와 텍스트 사이의 간격 조정 */
}
.hyouka{background:url(../images/img_back.png);background-repeat: no-repeat;background-position: center;background-size: cover; height: 700px; margin-top: 300px; margin-bottom: 200px;}
.hyouka h3{text-align: center; font-size: 2.5rem; padding-top: 50px;}

.hyouka ul{position: relative;}
.hyouka ul li p{margin-left: 20px;font-weight: 500; margin-right: 20px; font-size: 1.27rem;}


.hyouka ul li{display: flex;  align-items: center;position: absolute;}
.hyouka ul li:nth-last-of-type(1){left: 530px; top: 40px;}
.hyouka ul li:nth-last-of-type(2){left: 500px; top: 200px;}
.hyouka ul li:nth-last-of-type(3){left: 530px; top: 370px;}
.hyouka ul li:nth-last-of-type(4){left: 1120px; top: 40px;}
.hyouka ul li:nth-last-of-type(5){left: 1220px; top: 200px;}
.hyouka ul li:nth-last-of-type(6){left: 1170px; top: 370px;}
.dosyutu{margin: 130px auto 0; background: url(../images/sub3/img16.png); background-repeat: no-repeat;background-size: cover;
        background-position: center; width: 200px;height: 200px; filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.7)); /* 그림자 효과 */}
.dosyutu02{margin: 81px auto ;width: 200px; text-align: center;}
.dosyutu02 p{padding-top: 20px; font-weight: 500;font-size: 1.27rem;}


.dohyo{width: 80%; margin: 0px auto 250px;}
.dohyo ul{display: flex; flex-wrap: wrap;justify-content: center;}
.dohyo ul li{width: 40%;}
.dohyo ul li dl dt{font-size: 1.29rem; font-weight: 500; margin: 80px 0 20px;}
.dohyo ul li dl dd{display: flex; text-align: center; gap: 20px;}
.dohyo a{color: #333; background: #E6E6E6; border-radius: 10px; transition: all 0.3s ease;}
.dohyo a p{background: #2E3192; color: #fff;padding: 30px; width: 140px;border-radius: 10px 10px 0 0; font-size: 1.29rem; font-weight: 500;}
.dohyo a .p_toku{padding: 12.5px 33.5px;}
.dohyo a span{display: block; padding: 60px 0; font-size: 1.19rem;font-weight: 500;}


.in_dohyo01{position: fixed; top: 50%;left: 50%; z-index: 100; transform: translate(-50%, -50%); width: 80%; background: #fff;padding: 50px;}
.in_dohyo01 ul{display: flex;justify-content: space-between;}
.in_dohyo01 ul .li01{width: 15%;}
.in_dohyo01 ul .li02{width: 25%;}
.in_dohyo01 ul .li03{width: 55%;}
.in_dohyo01 ul .title_bl{text-align: center;background: #2E3192;color: #fff; padding: 10px 0;}
.in_dohyo01 .ul_naiyou{display: flex;margin-top: 50px;}
.in_dohyo01 ul .title_black{background: #111111;padding: 10px 0;color: #fff; text-align: center;}

.in_dohyo01 ul li dl{background: #EDEDED; height: 150px; padding: 60px 0 0 26px;}
.in_dohyo01 ul li dl dt{margin: 0; font-size: 1rem;}
.in_dohyo01 ul li dl dd{font-size: 1rem;text-align: left;}
.in_dohyo01 ul .dlli02 dl{height:280px; padding: 20px 0 0 26px;}

.dohyo .black_box{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #0000007a; display: none;}
.dohyo_in01{display: none;}
.dohyo_in02{display: none;}
.dohyo_in03{display: none;height: 740px;overflow: auto;}
.dohyo_in04{display: none;}
.dohyo_in05{display: none;}
.dohyo_in06{display: none;}
.dohyo_in07{display: none;}
.dohyo_in08{display: none;}

.zinzo{background: #ced9ea; margin: 300px 0;}
.zinzo div{background: url(../images/IMG32.png); height: 891px; background-repeat: no-repeat; background-position: center;}

/* 숫자들을 원형으로 배치 */




/* 일반 pc */
@media screen and (max-width:1280px) {

}


/* 테블릿 */
@media screen and (max-width:1024px) {

}


/* 소형 테블릿 */
@media screen and (max-width:768px) {

}

/* 모바일 */
@media screen and (max-width:640px) {
  .big_img{width: 100%; height: 230px; background-image:url(../images/sub3/img01.png); background-repeat: no-repeat; 
    background-size: cover;background-position: center; position: relative;}
.linnli{margin-bottom: 150px;}
.linnli h3{text-indent: -9999%;
  background: url(..//images/sub3/img25.png); 
  background-repeat: no-repeat;  width: 150px; height: 150px; 
  object-fit: cover;
  background-size: contain; position: relative; 
  left: 50%;
  top: -100px;
  transform: translate(-50%);
  z-index: 99;  
}
.linnli ul{width: 90%;}
.linnli ul li{width: 32%;height: 180px;}
.linnli ul li p{font-size: .8rem;}
.hyouka{display: none;}
}



@media screen and (max-width:480px) {


}