@charset "utf-8";
/* [S] common */
/*html.popup-lock,
body.popup-lock{overflow:hidden;}*/
html.popup-lock, body.popup-lock{position:fixed;}
section { max-width: 1920px !important; margin: 0 auto; } 
.title h3 { font-size: 40px; font-weight: 700; line-height: 1.5; letter-spacing: -0.025em; color: #212121; font-family:"pretendard"} 
.inner { max-width: 1600px; margin: 0 auto; } 
.slick-arrow,
.slick-stop,
.slick-start,
.go-top,
.more-btn { text-indent: -9999px; } 

/* [E] common */
#multipleDiv{overflow:hidden;}

/* [S] 맨위로 이동 버튼 */
.go-top { display: block; font-size: 20px; position: fixed; right: 30px; bottom: 149px; width: 70px; height: 70px; text-align: center; line-height: 80px; background-color: #0f2a19; background-image: url("../../images/main/gotop-arrow.png"); background-size: 17px 21px; background-position: center; background-repeat: no-repeat; color: #fff !important; border-radius: 50%; box-shadow: 4px 6px 5px 0px rgba(0, 0, 0, 0.4); z-index: 100; } 
/* [E] 맨위로 이동 버튼 */

/* [S] top-menu */
.hong_type5 .top-menu { position: absolute; left: 0; top: 0; width: 100%; padding: 16px 0; background-color: #d04c3e; z-index: 1; /* display: none; */}
.hong_type5 .top-menu .inner { display: flex; justify-content: space-between; align-items: center; } 
.hong_type5 .top-menu .left-box ul::after { content: ""; display: block; clear: both; } 
.hong_type5 .top-menu .left-box li { float: left; width: 37px; height: 37px; margin-right: 8px; border: 1px solid #fff; border-radius: 50%; } 
.hong_type5 .top-menu .left-box li:last-child { margin-right: 0; } 
.hong_type5 .top-menu .left-box li a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } 
.hong_type5 .top-menu .right-box a { display: inline-block; margin-right: 44px; font-size: 14px; letter-spacing: -0.05em; line-height: 1.5; color: #fff; } 
.hong_type5 .top-menu .right-box a:last-child { margin-right: 0; } 
/* [E] top-menu */


/* [S] e-book */
#multipleDiv_hong_type5_497 {position:relative;overflow:hidden;}
#multipleDiv_hong_type5_497:before{content:'';width:100%;height:100%;background-image: url("../../images/main/bg-circle.jpg"), url("../../images/main/bg-logo.jpg"); background-size: 289px 168px, 309px 277px; background-position: left top, right bottom; background-repeat: no-repeat; background-color: #0e7b36;position:absolute;left:0;top:0;}
#multipleContentsDiv_hong_type5_497 {max-width: 1600px; margin: 0 auto; padding: 90px 0 70px;}

.e-book section {max-width: auto;}
.e-book .float-box::after { content: ""; display: block; clear: both; } 
.e-book .title { text-align: center; margin-bottom: 114px; } 
.e-book .title h3 { position: relative; display: inline-block; color: #fff; font-weight: 400; } 
.e-book .title h3::before { content: ""; position: absolute; left: -83px; top: -22px; width: 65px; height: 54px; background-image: url("../../images/main/dot.png"); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.e-book .title h3::after { content: ""; position: absolute; right: -83px; top: 27px; width: 65px; height: 54px; background-image: url("../../images/main/dot.png"); transform: rotate(180deg); background-repeat: no-repeat; background-position: center; background-size: contain; } 
/* [E] e-book */

/* [S] news */
.sns .flex-wrap { display: flex; justify-content: space-between; margin-bottom: 66px; } 
.sns.left { position: relative;} 
.sns.left::after { content: ""; display: block; clear: both; } 
.sns li a { display: block; width: 100%; height: 100%; } 
.sns.left > div a { display: block; } 
.sns.left > div img { width: 100%; object-fit: cover; object-position: center; } 
.sns.left .text-box { position: absolute; left: 40px; top: 31px; } 
.sns.left .news-banner { position: relative; } 
.sns.left .news-banner::before { content: ""; position: absolute; left: 47px; bottom: 45px; width: 80px; height: 24px; background-image: url("../../images/main/banner-arrow.png"); background-size: contain; background-repeat: no-repeat; background-position: center; } 
.sns.left .news-banner .text-box strong { font-size: 40px; color: #fff; line-height: 1.5; letter-spacing: -0.05em; font-weight: 700; } 
.sns.left .news-banner .text-box p { font-size: 18px; color: #fff; line-height: 1.5; letter-spacing: -0.05em; font-family: "pretendard"; } 
.sns.right { width: 100%; min-width: 287px;padding-left: 44px;} 
.sns.right .title { margin-top: 25px; margin-bottom: 64px; } 
.sns.right .title span { position: relative; letter-spacing: -0.05em; line-height: 1.5; font-size: 18px; padding-right: 14px; background-color: #fff; } 
.sns.right .title > div { position: relative; } 
.sns.right .title > div::before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -0.5px; width: calc(100% - 60px); height: 1px; background-color: #352f2e; } 
.sns.right li { float: left;margin-right: 25px; } 
.sns.right ul::after { content: ""; display: block; clear: both; } 
.sns.right ul li:last-child { margin-right: 0; } 
.sns.right li span { display: block; margin-top: 10px; text-align: center; line-height: 1.5; letter-spacing: -0.05em; color: #666; font-family: "pretendard"; } 
/* [E] news */

@media (max-width: 1650px){
  .sns.right ul { display: flex; justify-content: space-between; } 
  .sns.right li { width: calc((100% / 4) - 10px); text-align: center; margin-right: 0; } 
}

@media (max-width: 1600px){
  .sns .quick-logo .logo-slider .slick-track { margin-left: 0; } 
}

@media (max-width: 1200px){
  .e-book .title h3 { font-size: 36px; } 
  .e-book .title h3::before { width: 60px; height: 55px; left: -70px; } 
  .e-book .title h3::after { width: 60px; height: 55px; right: -70px; top: 20px; } 
  .sns .flex-wrap { flex-direction: column; } 
  .sns.right { width: 100%; } 
}

@media (max-width: 1500px){
  .sns.right li span { font-size: 14px; margin-top: 5px; white-space: nowrap; } 
}

@media (max-width: 1023px){
  .title h3 { font-size: 44px; } 
  .go-top { font-size: 18px; width: 70px; height: 70px; line-height: 70px; right: 25px; bottom: 20px; } 
  .e-book .title h3 { font-size: 40px; width: 500px; } 
  .e-book .title h3::before { width: 55px; height: 55px; left: -60px; } 
  .e-book .title h3::after { width: 55px; height: 55px; right: -60px; top: 80px; } 
  .e-book li .text-box strong { font-size: 22px; } 
  .e-book li .text-box em { font-size: 14px; } 
  .sns.left > div img { width: 100%; } 
  .sns .quick-logo .logo-slider li img { min-width: 100px; } 
}

@media (max-width: 900px){
  .sns.left { min-width: 100%; margin-bottom: 50px; } 
  .sns.left .news-banner::before { width: 70px; height: 70px; bottom: 5px; } 
}

@media (max-width: 768px){
  .title h3 { font-size: 34px; } 

  .hong_type5 .top-menu { padding: 10px 0; } 
  .e-book .inner { padding: 70px 0 50px; } 
  .e-book .title {margin-bottom: 50px;} 
  .e-book .title h3 { font-size: 34px; width: 450px; } 
  .e-book .title h3::before { width: 45px; height: 45px; left: -30px; } 
  .e-book .title h3::after { width: 45px; height: 45px; right: -30px; top: 80px; } 
  .sns.right ul { width: 100%; } 
  .sns .inner { padding: 70px 0; } 
  .sns.left > div:last-child { margin-bottom: 0; } 
  .sns.right {width: 100%;padding-left: 0px;} 
  .sns .flex-wrap { margin-bottom: 40px; } 
  #multipleDiv_hong_type5_480.scroll #menu8179_obj481{width:100%}
  #multipleDiv_hong_type5_480.scroll #menu8179_obj482{width:100%}
  #multipleDiv_hong_type5_480.scroll #menu8179_obj484{width:100%}
  #menu8179_obj726{width:100%;float: none;}
  #menu8179_obj727{width:100%;float: none;}
}

@media (max-width: 630px){
  .e-book .title h3 {width: auto;font-size: 24px;} 
  .e-book .title h3::before { left: -20px; width: 40px; } 
  .e-book .title h3::after { top: 30px; right: -15px; width: 40px; } 
  .e-book li a {padding-left: 120px;}
  .sns.left .news-banner .text-box strong{font-size:24px;}
  .sns.left .text-box{left:15px;}
  .sns.left .news-banner .text-box p{font-size:17px;margin-top:10px;}
  .sns.left .news-banner::before{width:40px;height:15px;left:20px;bottom:20px;}
  .sns.right .title{margin-bottom:30px;}
  .sns li a img{width:50px;}
  .sns.right li span{margin-top:10px;}
  
  .item_inner ._in .text_1{font-size: 39px !important;}
}

.info-section__wrap {width:100%; margin:80px auto; max-width: 1280px !important;}
.info-section {display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;}
.info-card {padding: 40px; border-radius: 24px; background: #fff; border: 1px solid #CCC;}
.info-card__head {display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 24px;}
.info-card__head h2 {font-size:32px; font-weight: 700; line-height: 1.6; color: #222;}
.transport-tab {display: flex; flex-wrap: wrap; gap: 8px;}
.transport-tab button {height: 40px; padding: 0 16px; border-radius: 999px; border: 1px solid #aaa; background: #fff; font-size: 16px; font-weight:500; color: #333; cursor: pointer; transition: all .3s ease;}
.transport-tab button:hover,
.transport-tab button.active {background: #00a6a6; border-color: #00a6a6; color: #fff;}
.info-list {display: flex; flex-direction: column;}
.info-item {display: flex; align-items: flex-start; gap: 32px; padding: 22px 0; border-bottom: 1px solid #ddd;}
.info-item * {letter-spacing:normal}
.info-item:first-child {border-top: 0; padding-top: 0;}
.info-item:last-child {border-bottom: 0; padding-bottom: 0;}
.info-item__icon {flex-shrink: 0; width: 64px; height: 64px; border-radius: 50%; background: #F4F6F9; display: flex; align-items: center; justify-content: center;}
.info-item__icon img {width: 32px; height: 32px; object-fit: contain;}
.info-item__content {flex: 1;}
.info-item__content h3 {font-size: 24px; font-weight: 700; color: #222; line-height:1.35}
.info-item__content p {font-size: 20px;   font-weight: 500;  color: #333; word-break: keep-all;}
.info-item__content p.desc {color: #666;  font-weight: 300;  line-height:1.6;  letter-spacing: normal;}
.info-item__content .tel {display: inline-block; font-size: 32px; font-weight: 700; color: #059C9A; text-decoration: none; line-height: 1.2;}

.time-table {display: flex; flex-direction: column; gap: 0; margin-top:24px;}
.time-row {display: flex; align-items: flex-start; gap: 8px;} 
.time-row strong {min-width: 100px; font-size: 20px; font-weight: 500; color: #222;}
.time-row span {font-size: 20px; line-height: 1.6; color: #222; font-weight: 400;}

@media (max-width: 1300px) {
  .info-section__wrap {width: 100%;  padding: 0 24px;}
}

/* 반응형 */
@media (max-width: 1280px) {
  .info-section__wrap {width: 100%;  padding: 0 24px;}
  .info-section {max-width: 100% !important; }
  .info-card__head { align-items: flex-start;  flex-direction: column; }
}

@media (max-width: 1024px) {
  
  .info-item {gap:16px;}
  .info-card__head  {display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 24px; flex-direction: column;}
  .info-item__content p {font-weight:300; line-height:normal;}
  .time-table {gap: 8px;}
  .time-row {display: flex;    align-items: flex-start;    gap: 0;    flex-direction: column;  }
  .time-row span {color:#666}
}
@media (max-width: 860px) {
    .info-section__wrap {margin:60px auto;}
  .info-section {grid-template-columns: 1fr; gap: 80px;}
    .info-card {padding: 0 0;  border:none; position:relative;}
  .info-card:first-child::after {content:''; background: #F4F6F9; height: 12px; width: calc(100% + 48px); margin: 0; position: absolute; left: -24px; bottom: -46px;}

  
    .info-card__head {flex-direction: column;  align-items: flex-start;  margin-bottom: 24px;}
  .info-card__head h2 {font-size: 24px;}
  .transport-tab {width: 100%;  overflow-x: auto;  flex-wrap: nowrap;}
  .transport-tab button {flex-shrink: 0;  height: 46px;  padding: 0 20px;  font-size: 16px;}
  .info-item {gap: 16px;  padding: 16px 0;  border-bottom: 1px solid #eee;}
  .info-item__icon {width: 48px;  height: 48px;}
  .info-item__icon img {width: 24px;  height: 24px;}
  .info-item__content h3 {font-size: 20px; font-weight:600;}
  .info-item__content p,
  .time-row strong,
  .time-row span {font-size: 16px;}
  .info-item__content .tel {font-size: 28px;}
   .time-table {gap:0; margin-top:8px;}
  .time-row {display: flex;  align-items: flex-start;  gap: 8px; flex-direction:row}
  .time-row strong { min-width: 80px;}
    .time-row span {color:#222}

}
@media (max-width: 768px) {

  .time-row  {gap: 4px; }

}

.transport-popup{display:none;position:fixed;inset:0;z-index:9999;}
.transport-popup.is-active{display:block;}
.transport-popup__dim{position:absolute;inset:0;background:rgba(0,0,0,.72);}
.transport-popup__box{position:absolute;left:50%;top:50%;width:calc(100% - 80px);max-width:1000px;height:calc(100dvh - 80px);padding:44px 40px 40px;border-radius:32px;background:#fff;transform:translate(-50%,-50%);overflow:hidden;box-sizing:border-box;}
.transport-popup__close{position:absolute;right:40px;top:40px;width:36px;height:36px;border:0;background:transparent;font-size:0;cursor:pointer;}
.transport-popup__close:before,.transport-popup__close:after{content:'';position:absolute;left:50%;top:50%;width:36px;height:2px;background:#222;}
.transport-popup__close:before{transform:translate(-50%,-50%) rotate(45deg);}
.transport-popup__close:after{transform:translate(-50%,-50%) rotate(-45deg);}
.transport-popup__title{margin:0 0 20px;color:#222;font-size:24px;font-weight:700;line-height:1.3;}
.transport-popup__tabs{display:flex;gap:8px;margin-bottom:20px;}
.transport-popup__tabs button{height:40px;padding:0 16px;border:1px solid #aaa;border-radius:999px;background:#fff;color:#222;font-size:16px;font-weight:500;cursor:pointer;transition:.2s ease;}
.transport-popup__tabs button.is-active{border-color:#00a7a7;background:#00a7a7;color:#fff;}
.transport-popup__content{height:calc(100% - 120px);overflow-y:auto; box-sizing:border-box;}
.transport-popup__content::-webkit-scrollbar{width:8px;}
.transport-popup__content::-webkit-scrollbar-thumb{border-radius:999px;background:#c7c7c7;}
.transport-panel{display:none; height: 100%;}
.transport-panel.is-active{display:block; height: 100%;}
.transport-map {width:100%;    height: 100%;  }
.transport-map.map{width:100%;    height: 100%;  min-height:560px;}
.transport-map.bus {width:100%;    height: calc(100% - 142.375px); min-height:400px;}
.transport-map.subway {width:100%;   height: calc(100% - 72.8px); min-height:400px;}

#mapApiMap, 
#mapApiBus, 
#mapApiSubway {width:100%; height:100%;}


.transport-text{margin-bottom:20px;color:#555;font-size: 18px;line-height:1.7;}
.transport-text p{margin: 0 0;}
.transport-text strong{color:#222;font-weight: 500;}
.transport-text em{color: #059C9A;font-style:normal;font-weight: 500;}
.subway-info{display:flex;align-items:flex-start;gap: 8px;margin-bottom:20px;}
.subway-line{display:inline-flex;align-items:center;justify-content:center;flex: 0 0 32px;width:32px;height:32px;border-radius:50%;background:#833EDB;color:#fff;font-size:18px;font-weight:500;}
.subway-info strong{color:#833EDB;font-size:18px;font-weight:500;}
.subway-info p{margin: 24px 0 0 -48px;color:#222;font-size:18px;font-weight:500;line-height:1.6;}
.parking-box{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height: 262px;margin-bottom: 40px;padding: 48px;border-radius: 24px;background: #F4F6F9;text-align:center;box-sizing:border-box;}
.parking-box__icon img{width:80px;}
.parking-box strong{display:block;margin-top: 20px;color:#222;font-size: 24px;font-weight: 700;line-height:1.4;}
.parking-box p{margin: 0;color: #222;font-size: 20px;line-height:1.5;}
.parking-list dl{margin:0;padding: 28px 0 20px 0;border-bottom:1px solid #e9e9e9;}
.parking-list dl:first-child {padding-top:0;}
.parking-list dl:last-child {border-bottom:none}
.parking-list dt{margin-bottom: 2px;color:#222;font-size: 18px;font-weight: 500;}
.parking-list dd{margin:0;color:#666;font-size: 18px;line-height: 1.6; font-weight: 400;}


@media (max-width:768px){
.transport-popup__dim{display:none;}
.transport-popup__box{left:0;top:0;width:100%;height:100dvh;padding:72px 20px 20px;border-radius:0;transform:none;overflow:hidden;}
.transport-popup__close{right:20px;top:22px;width:28px;height:28px;}
.transport-popup__close:before,.transport-popup__close:after{width:28px;}
.transport-popup__title{margin-bottom:20px;font-size:24px;}
.transport-popup__tabs{gap:8px;margin-bottom:20px;overflow-x:auto;white-space:nowrap;}
.transport-popup__tabs::-webkit-scrollbar{display:none;}
.transport-popup__tabs button{flex:0 0 auto;height:40px;padding:0 16px;font-size:16px;}
.transport-popup__content{overflow-y:auto;padding-right:0;}
/*.transport-map{margin-left:-20px;margin-right:-20px;}*/
 .transport-map.map{width:100%;    height: 100%;  min-height:560px;}
.transport-map.bus {width:100%;    height: calc(100% - 251px); min-height:400px;}
.transport-map.subway {width:100%;   height: calc(100% -  110.59px); min-height:400px;}

.transport-text{margin-bottom:20px;font-size:17px;line-height:1.7;}
.subway-info{gap:10px;margin-bottom:20px;}
.subway-line{flex:0 0 30px;width:30px;height:30px;font-size:16px;}
.subway-info strong{font-size:22px;}
.subway-info p{margin:34px 0 0 -62px;font-size:17px;line-height:1.6;}
.parking-box{min-height:220px;margin-bottom:28px;padding:30px 24px;border-radius:20px;}
.parking-box__icon img{width:78px;}
.parking-box strong{margin-top:18px;font-size:20px;}
.parking-box p{margin-top:8px;font-size:16px;}
.parking-list dl{padding:22px 0;}
.parking-list dt{margin-bottom:0;font-size:18px;}
.parking-list dd{font-size:17px;line-height:1.7;}
  
  /* 메인 배너 측우기 모바일 전시후 제거 */
.line-banner .slick-slide[data-slick-index="0"] .item{background-size: 240%;background-position-x: -270px;}
.line-banner .slick-slide[data-slick-index="0"]{background-color:#3c3b39}  
  
}

/*교육소개 임시 숨김 */
#multipleDiv_hong_type5_480{display:none}

.line-banner .item_inner .text_1{font-family: "NH Medium";font-weight:bold}
.line-banner .item_inner .text_2,
.line-banner .item_inner .text_3{font-family: "NH Medium";}