@charset "UTF-8";
/* introduce*/
#introduceBox {display: flex;flex-wrap: wrap;}
#introduceBox .thumb {width: 44%;min-width:300px;float: left;position: relative;}
#introduceBox .thumb img {max-width: 100%;}
#introduceBox .thumb .sign {position: absolute;left:auto;right: 20%; top: 220px;width: 200px;height: 90px;background: #0a489b;color: #fff;text-align: right;padding: 15px 20px 0 0;box-sizing: border-box;font-size: 1.07rem;transition: all 0.2s ease;}
#introduceBox .desc {width: 55%;float: right;}
#introduceBox .desc h3 {color: #333;font-weight: 600;font-size: 1.18rem;line-height: 1.5;}
#introduceBox .desc p {text-align: justify;}

#departBox {clear: both;border-bottom: 1px solid #7f8084;margin: 0 0 30px 0;padding: 0 0 30px 0;display: table; width:100%;}
#departBox h3 {color: #2565b7;font-size: 1.55rem;line-height: 1.3;}
#departBox h3 em {font-weight: 600;font-size: 2.5rem;}
#departBox p {text-align: justify;}
#departBox .desc {height: 100%;padding: 0 15% 0 0;display: table-cell;vertical-align: middle;}
#departBox .symbol {height: 100%;display: table-cell;vertical-align: middle;text-align: right;}
#departBox img {width: 100%;max-width: 100%;}

.clear{clear:both;}

/* [START]  linker section*/
.wrap-study-ddang ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding: 0;
  margin-top : 20px;
  margin-bottom: 20px;
  list-style: none;
}

.wrap-study-ddang ul li {width: 15%; height: 120px; flex-shrink: 0;  display: flex; align-items: stretch;}
.wrap-study-ddang .icon1 a,
.wrap-study-ddang .icon2 a,
.wrap-study-ddang .icon3 a {width: 100%; height: 100%; border-radius: 10px; padding-right: 15px; padding-left: 20px; display: flex; align-items: left; position: relative; flex-direction: column;  justify-content:center;}
.wrap-study-ddang .icon1 a {background: #EDF4FF url(https://i.postimg.cc/QdcvXjDK/sw2.png) 175px center / 95px no-repeat;}
.wrap-study-ddang .icon2 a {background: #DEF9FE url(https://i.postimg.cc/8zHQRTYQ/sw1.png) 180px center /110px no-repeat;}
.wrap-study-ddang .icon3 a {background: #FFF6DE url(https://i.postimg.cc/Zq5kj1k9/sw3.png) 150px center /115px no-repeat;}
.wrap-study-ddang strong {display: inline-block; font-family: "Noto Regular"; font-weight: 700; font-size: 16px; color: #121212; line-height: normal; text-overflow: ellipsis; white-space: nowrap;}
.wrap-study-ddang a:hover {background: #fff;transition: 0.4s;}
.wrap-study-ddang .icon1 a:hover strong {color: #0054a7;}
.wrap-study-ddang .icon2 a:hover strong {color: #00a2a7;}
.wrap-study-ddang .icon3 a:hover strong {color: #ffc014;}

.wrap-study-ddang .icon4 a,
.wrap-study-ddang .icon5 a,
.wrap-study-ddang .icon6 a {width: 100%;height: 100%; border-radius: 10px; padding-right: 15px; padding-left: 20px; display: flex; align-items: left; position: relative; flex-direction: column;  justify-content:center;}
.wrap-study-ddang .icon4 a {background: #EDF4FF url(https://i.postimg.cc/D021bd4K/sw5.png) 150px center / 115px no-repeat;}
.wrap-study-ddang .icon5 a {background: #FFEFEF url(https://i.postimg.cc/jqN16sWg/sw4.png) 170px center /130px no-repeat;}
.wrap-study-ddang .icon6 a {background: #FFF6DE url(https://i.postimg.cc/Hxmyf427/sw6.png) 175px center /90px no-repeat;}
.wrap-study-ddang a:hover {background: #fff;transition: 0.4s;}
.wrap-study-ddang .icon4 a:hover strong {color: #0054a7;}
.wrap-study-ddang .icon5 a:hover strong {color: #a80000;}
.wrap-study-ddang .icon6 a:hover strong {color: #ffc014;}

.wrap-study-ddang strong {
  font-size: 17px;
  font-weight: bold;
  color: #202020;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.wrap-study-ddang span {
  font-size: 13px;
  color: #555;
  margin-top: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right : 20px;
}

.wrap-study-ddang p {
  font-size: 13px;
  color : #414141;
}

@media all and (max-width: 1800px) {
  .wrap-study-ddang .icon1 a{ background-image: none !important; background-color: #EDF4FF; background-repeat: none; background-position: center; background-size: auto;}
  .wrap-study-ddang .icon2 a{ background-image: none !important; background-color: #DEF9FE; background-repeat: none; background-position: center; background-size: auto;}
  .wrap-study-ddang .icon3 a{ background-image: none !important; background-color: #FFF6DE; background-repeat: none; background-position: center; background-size: auto;}
  .wrap-study-ddang .icon4 a{ background-image: none !important; background-color: #EDF4FF; background-repeat: none; background-position: center; background-size: auto;}
  .wrap-study-ddang .icon5 a{ background-image: none !important; background-color: #FFEFEF; background-repeat: none; background-position: center; background-size: auto;}
  .wrap-study-ddang .icon6 a{ background-image: none !important; background-color: #FFF6DE; background-repeat: none; background-position: center; background-size: auto;}
  .wrap-study-ddang a:hover {background: #fff;transition: 0.4s;}
}


@media all and (max-width: 1320px) {
   .wrap-study-ddang ul li {float: left; width: 32%; margin: 0% 1.3% 0% 0%;}
}
/*
@media all and (max-width: 768px) {
  .wrap-study-ddang .icon1 a,
  .wrap-study-ddang .icon2 a,
  .wrap-study-ddang .icon3 a {padding: 0px; justify-content: center; height: 60px; font-size: 16px; text-overflow: hidden;}
  .wrap-study-ddang strong {font-size: 16px;}
  .wrap-study-ddang .icon4 a,
  .wrap-study-ddang .icon5 a,
  .wrap-study-ddang .icon6 a {padding: 0px; justify-content: center; height: 60px; font-size: 16px; text-overflow: hidden;}
  .wrap-study-ddang strong {font-size: 16px;}
}*/
/*
@media all and (max-width: 576px) {
  .wrap-study-ddang ul li {float: none; width: 100%; margin-bottom: 10px;}
  .wrap-study-ddang .icon1 a {background: #EDF4FF url("https://i.postimg.cc/QdcvXjDK/sw2.png") 16px center /36px no-repeat; justify-content: left; padding-left: 60px;}
  .wrap-study-ddang .icon2 a {background: #DEF9FE url("https://i.postimg.cc/8zHQRTYQ/sw1.png") 20px center /32px no-repeat; justify-content: left; padding-left: 60px;}
  .wrap-study-ddang .icon3 a {float : none; background: #FFF6DE url("https://i.postimg.cc/Zq5kj1k9/sw3.png") 16px center /36px no-repeat; padding-left: 60px;}
  .wrap-study-ddang .icon4 a {background: #EDF4FF url("https://i.postimg.cc/D021bd4K/sw5.png") center center /52px no-repeat;}
  .wrap-study-ddang .icon5 a {background: #FFEFEF url("https://i.postimg.cc/jqN16sWg/sw4.png") center center /40px no-repeat;}
  .wrap-study-ddang .icon6 a {float : none; background: #FFF6DE url("https://i.postimg.cc/Hxmyf427/sw6.png") center center /40px no-repeat;}
}
*/
@media all and (max-width: 576px) {
  .wrap-study-ddang ul li {
    width: 100%;
    margin-bottom: 3px;  
  }

  .wrap-study-ddang ul li a {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 18px 16px;
    border-radius: 12px;
    min-height: 110px;           /* 박스 높이 */
    background-size: 32px;      /* 아이콘 크기 통일 */
    background-repeat: no-repeat;
    background-position: 16px center; /* 아이콘은 왼쪽 정렬 */
    /*padding-left: 60px;         /* 아이콘 공간 확보 */
  }

  /* 아이콘별 색 + 이미지 */
  .wrap-study-ddang .icon1 a {
    background-color: #EDF4FF;
    background-image: url("https://i.postimg.cc/QdcvXjDK/sw2.png");
  }
  .wrap-study-ddang .icon2 a {
    background-color: #DEF9FE;
    background-image: url("https://i.postimg.cc/8zHQRTYQ/sw1.png");
  }
  .wrap-study-ddang .icon3 a {
    background-color: #FFF6DE;
    background-image: url("https://i.postimg.cc/Zq5kj1k9/sw3.png");
  }
  .wrap-study-ddang .icon4 a {
    background-color: #EDF4FF;
    background-image: url("https://i.postimg.cc/D021bd4K/sw5.png");
  }
  .wrap-study-ddang .icon5 a {
    background-color: #FFEFEF;
    background-image: url("https://i.postimg.cc/jqN16sWg/sw4.png");
  }
  .wrap-study-ddang .icon6 a {
    background-color: #FFF6DE;
    background-image: url("https://i.postimg.cc/Hxmyf427/sw6.png");
  }

  .wrap-study-ddang strong {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 3px;
    white-space: normal;
  }
  .wrap-study-ddang span,
  .wrap-study-ddang p {
    font-size: 13px;
    white-space: normal;
  }
}



/* [END]  main page: linker section */

@media all and (max-width: 768px) {
  #introduceBox {display: flex;flex-direction: column;}
  #introduceBox .thumb, #introduceBox .desc{width:100%;};
  #introduceBox .thumb {display:flex;justify-content: center;}
  #introduceBox .thumb .sign {right: 10px; top:auto; bottom: 10px;}
}

@media (min-width: 601px) and (max-width: 700px){
  #introduceBox .thumb .sign {left: auto !important;}
}

/* [START] main page: second section linker*/
/*
.second-container-ddang {display: flex; height: 230px; flex-wrap: wrap; gap: 2%;}
.second-course-ddang {background: #FFF6DE url(https://i.postimg.cc/Hxmyf427/sw6.png) center 20% /45px no-repeat; width: 100%; height: 49%; border-radius: 30px 30px 0px 0px; border: 0px solid #dcdcdc;}
.second-calendar-ddang {background: #EDF4FF url(https://i.postimg.cc/D021bd4K/sw5.png) center 20% /70px no-repeat; width: 49%; height: 49%; border-bottom-left-radius: 30px; border: 0px solid #dcdcdc;}
.second-leaf-ddang {background: #FFEFEF url(https://i.postimg.cc/jqN16sWg/sw4.png) center 120% /120px no-repeat;  width: 49%; height: 49%; border-bottom-right-radius: 30px; border: 0px solid #dcdcdc;}
.second-course-ddang a {height: 100%; width: 100%; display: flex; justify-content: center; align-items: baseline; text-align: center; padding-top: 64px;}
.second-calendar-ddang a,
.second-leaf-ddang a {height: 100%; width: 100%; display: flex; justify-content: center; align-items: baseline; text-align: center; padding-top: 56px; overflow: hidden;}
.second-leaf-ddang a p,
.second-calendar-ddang a p,
.second-course-ddang a p {margin: 0px; font-size: 12px; font-weight: 700; color:#121212;}
.second-calendar-ddang a strong,
.second-course-ddang a strong ,
.second-leaf-ddang a strong {color: #0a0a0a; margin-top: 10px;font-weight: 900; font-size: 16px; white-space: nowrap; position: relative;}
.second-container-ddang a strong::after {content: ''; display: block; position: absolute; left: 0; bottom: -2px; width: 0%; height: 1px; background: #121212;}
.second-container-ddang a:hover strong::after {width: 100%; transition: .4s;}

@media all and (max-width: 1023px) {
  .second-container-ddang {height: 110px;}
  .second-calendar-ddang,
  .second-course-ddang,
  .second-leaf-ddang {width: 31%; height: 100%; border-radius: 30px;}
}

@media all and (max-width: 576px) {
  .second-container-ddang {height: 80px;}
  .second-container-ddang a > * { display:none;}
  .second-course-ddang {background: #13548d url("../../images/main/banner-video.png") center center /52px no-repeat;}
  .second-calendar-ddang {background: #007ae0 url("../../images/main/banner-schedule.png") center center /40px no-repeat;}
  .second-leaf-ddang {background: #00cc49 url("../../images/main/banner-leaf.png") center center /40px no-repeat;}
}
*/
/* [END] main page: second section linker*/

.icon1-hong{ float:left;}
.icon2-hong{ float:left;}

/**/