.sInner{width: calc(100% - 40px);max-width: 1600px;padding-left: 20px; padding-right:20px; margin-left: auto; margin-right: auto;}
.subContent{}



/*대학소개*/
.info_univ{}
.info_univ .top-box{display: grid; grid-template-columns: repeat(2, 1fr); gap:25px 30px; align-items: start; }
.info_univ .top-box .item{align-items: start;position: relative; z-index: 1; }
.info_univ .top-box .item .titl{font-size: 100px; font-family:'stellar'; margin-bottom: 90px; }
.info_univ .top-box .item .titl span{color:#d5082e; }
.info_univ .top-box .item p{margin-bottom: 50px; line-height: 1.5; font-size: 24px; }
.info_univ .top-box .item .img_box{overflow: hidden; border-radius: 10px; }
.info_univ .top-box .item .img_box img{width: 100%; height: 100%; object-fit: cover;display: block; }
.info_univ .top-box .item1{grid-row: 1/ span 3; grid-column: 1;}
.info_univ .top-box .item2{grid-row: 2/ span 4; grid-column: 2;margin-top: 100px; }
.info_univ .top-box .item3{grid-row: 4; grid-column: 1;}
.info_univ .top-box .item4{grid-row: 5/ span 2; grid-column: 1;z-index:0; }
.info_univ .top-box .item5{grid-row: 6/ span 2; grid-column: 2;}
.info_univ .top-box .item6{grid-row: 7/ span 2; grid-column: 1;margin-top: 130px; }

.info_univ .top-box .item1:after{content:'Why STELLAR'; font-size: 300px; color:rgba(0,0,0,0.05); font-family:'stellar'; position: absolute; top:0; left: 100%; z-index: -1; width: max-content; }
.info_univ .top-box .item2 .img_box{aspect-ratio:2/3;}
.info_univ .top-box .item3 .img_box{aspect-ratio:2/1;}
.info_univ .top-box .item4:after{content:'Why STELLAR'; font-size: 300px; color:transparent; ; font-family:'stellar'; position: absolute; top:0;
left: calc((-100vw + 1500px ) / 2 );width: max-content;-webkit-text-stroke: 2px #71c082; z-index: -1; opacity: 0.3 }
.info_univ .top-box .item4 .img_box{width: 50%; margin-left: auto;aspect-ratio: 1/ 1.4 }
.info_univ .top-box .item5 .img_box{width: 70%; margin-right: auto;aspect-ratio: 1/ 1 }


.info_univ .mid-slogon{position: relative; }
.info_univ .mid-slogon:after{content:''; display: block; width:100vw; position: absolute; top:-300px; left: 50%; transform: translateX(-50%); height: calc(100% + 300px);background: linear-gradient(to bottom, transparent, #01a36c); z-index: -1; }
.info_univ .mid-slogon .rolling_txt{width: 100vw; overflow: hidden;margin-left: calc((-100vw + 1500px) / 2 + 40px); }
.info_univ .mid-slogon .rolling_txt .track{position: relative; width: calc(2500px * 3); animation: scroll-animation 15s linear infinite;}
.info_univ .mid-slogon .rolling_txt p{float: left; width: 2500px; font-size:20px; color:transparent; -webkit-text-stroke: 2px #fff; font-size: 350px; font-family:'stellar'; opacity:0.1}
.info_univ .mid-slogon h3{position: absolute; top: 50%; left:50%; transform:translate(-50%, -50%); color:#fff; font-size: 24px; }
.info_univ .mid-slogon h3 span{color:#e62045; font-weight: 700; }

@keyframes scroll-animation{
  0%{
    left: 0;
  }
  100%{
    left: -2500px; /* 텍스트 width와 동일 */
  }
}

.info_univ .last-box{position: relative;padding-top:80px;  height: 1800px; }
.info_univ .last-box:after{content:''; display: block; width:100vw; position: absolute; top:0; left: 50%; transform: translateX(-50%); height:calc(100% + 82px);background:#01a36c; z-index: -1;}
.info_univ .last-box .titl_box{display: flex; flex-direction: column; justify-content: center; gap: 12px; align-items: center; margin-bottom: 80px; }
.info_univ .last-box .titl_box h3{font-family:'stellar'; font-size: 150px; color:#fff; position: relative; display: inline-block; line-height: 1; }
.info_univ .last-box .titl_box h3:after{content:''; display: block; width: 33px; height: 33px; background: url(/_Template/Main/main-stellar/_Img/ico-diam-sky.png) no-repeat; background-size: contain; background-position: center center; position: absolute; top:6px; ; left:13%;  filter: brightness(0) saturate(100%) invert(23%) sepia(53%) saturate(7068%) hue-rotate(339deg) brightness(80%) contrast(112%);}
.info_univ .last-box .titl_box p{color:#fff; font-weight: 300; font-size: 26px; }
.info_univ .last-box .scroll_txt_wrap{width: 500px;aspect-ratio: 1.5/2;  position: relative;  transition: all 0.5s ease;left: 50%;transform: translateX(-50%)}
.info_univ .last-box .scroll_txt{width: 100%; height: 100%; background: rgba(0,0,0,0.2); position: relative; }
.info_univ .last-box .scroll_txt p{position: absolute; bottom: 20%; width: 50%; left:50%; transform: translateX(50%); font-size: 20px; font-weight: 500; color:#fff; letter-spacing: -2px; }
.info_univ .last-box .scroll_txt.fixed{position: fixed;top: 50%; left: 50%; transform: translate(-50%, -50%);margin: 0;z-index: 20;transition: all 0.5s ease;}


.info_univ .last-box .scroll_box{width: 100%; height: 100vh; position: relative; overflow: hidden; }
.info_univ .last-box .scroll_box.pin-section{}
.info_univ .last-box .scroll_box .item_wrap{width: 100%; height: 100%; margin: 0 auto; display: flex; padding: 0 10px; position: relative; }
.info_univ .last-box .scroll_box .item{position: absolute; width: 500px; top: 50%;left: 50%; transform: translate(-50%, -50%); opacity: 0; visibility: hidden;}
.info_univ .last-box .scroll_box .item .txt_box{text-align: center; font-size: 80px; font-family:'stellar'; display: flex; flex-direction: row; align-items: center; justify-content: center; gap:20px; color:#fff; margin-bottom: 30px; }
.info_univ .last-box .scroll_box .item .txt_box span:last-child{display: inline-block; margin-top: 50px;}
.info_univ .last-box .scroll_box .item .img_box{width: 500px;aspect-ratio: 1.5 / 2;overflow: hidden;margin: 0 auto;}
.info_univ .last-box .scroll_box .item .img_box img{width: 100%;height: 100%;object-fit: cover;display: block;}
.info_univ .last-box .scroll_box .item > p{position: absolute; bottom: 10%; left: calc(50% + 250px); transform:translateX(-50%); color:#fff; width: 500px;font-weight: 500; font-size: 30px; }

:root {
  --red:        #c0001a;
  --dark-red:   #8b0013;
  --black:      #0d0d0d;
  --gray-dark:  #1a1a1a;
  --gray-mid:   #555;
  --gray-light: #d1cdcd;
  --gray-light2: #f5f5f7;
  --border:     #e0ddd8;
  --bg:         #f5f3f0;
  --white:      #ffffff;
  --card-w:     300px;
  --overlay-dur: 0.42s;
  --overlay-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.div-cont{width: calc(100% - 40px); max-width: 1640px; }

/* 검색 */
.board-wrap { display: block; position: relative;}

.board-list-top {
  position:relative;
  margin-bottom:5px;
  overflow:hidden;
  display: flex;
  justify-content: space-between;
  padding: 1em 0;
  flex-flow: wrap;
}

.board-tot-wrap {
  padding: 12px 0 0;
  font-size: 1em;
  line-height:1.3em;
  letter-spacing: 0;
}


.board-tot-wrap strong {
  color:var(--red);
}

.board-tot-wrap .tot-num {
  display:inline-block;
  color:var(--gray-mid);
  font-family: 'stellar', serif; font-size: 24px; 
}
.board-tot-wrap .pg-num{font-size: 18px; }


/* 폼 */
.board-search-wrap {
  display: block;
  line-height: 120%;
  /*max-width: 70%;*/
}

.board-search {
  display: block;
  text-align: right;
  padding: 5px 0;
  background: none;
  margin: 0;
  height: 58px;
}

.board-search::after {
  content: "";
  display: block;
  clear: both;
}

.board-search * {
  vertical-align: top;
  display: inline-block;
  float:left;
}

.board-search select {
  width: 80px;
  background-color: #fff;
  border: 1px solid #111;
  border-right: 0;
  height: 60px;
  padding: 2px 4px;
  line-height: 1.3em;margin-right: 0; 
}

.board-search select * {
  display: block;
  float: none;
}

.board-search .text {  max-width: 200px;  background-color: #fff;  height: 60px;border: 1px solid #111;  border-right: 0;padding: 5px 8px;margin: 0;box-sizing:border-box;}

.board-search .bd-btn-srch {
  margin: 0;
  height: 60px;
  border: 0;
  width: 60px;
  background-color: var(--red);
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='22' y2='22'/%3E%3C/svg%3E");
   background-size: 20px 20px; background-repeat: no-repeat; background-position: center center; 
  color: var(--white);
  cursor: pointer;        /* 버튼 커서 명시 */
  overflow: hidden;
}

.board-search .bd-btn-srch:hover {
  background-color: var(--dark-red);
}

.board-search .bd-btn-srch span { width: 1px; height: 1px; overflow: hidden; position: absolute; top: -9999em; left: -9999em; display: block;text-indent: -9999em;font-size: 0px;line-height: 0;padding-left: 0; }





.prof_list {
  margin: 0 auto 50px;
}

.prof_tit {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 40px 0;
  border-top: 2px solid rgba(0,0,0,1);
  border-bottom: 2px solid rgba(0,0,0,0.2);
  line-height: 1em;
}

.prof_tit .dot {
  width: 30px;
  height: 30px;
  background: url('/stellarkor/_Img/dot_tit.png') center center no-repeat;
  display: block;
}

.prof_tit p {
  font-family: 'stellar', serif;
  font-size: 42px;
  letter-spacing: 0;
  color:#333;
} 

.prof_item {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--card-w), 1fr));    
  gap: 35px;
  margin:50px 0;
}

/* 리스트 */
.prof_cont {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background: #f5f5f7;
}

.prof_cont:hover {
  filter: grayscale(0);
  z-index: 2;
}

.cont_photo {
  position: relative;
  width: 100%;
  /*aspect-ratio: 3 / 4;*/
  overflow: hidden;
  display: block;
}

.cont_photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
  transition: transform 0.55s var(--overlay-ease);
  transform-origin: center top;
}

.prof_cont:hover .cont_photo img {
  transform: scale(1.06);
}

.prof_name {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 18px 18px 15px;
  margin: 0 20px;
  background: rgba(23, 3, 6, 0.9);
  color: #fff;
  transition: opacity var(--overlay-dur) ease;
  z-index: 1;
  text-align: center;
  line-height: 1em;
}

.prof_name .name {
  font-family: 'stellar', serif;
  /*font-size: 29px;*/
  font-size: 1.4em;
  line-height: 1em;
  letter-spacing: 0;
}

.prof_name .role {
  font-size: 17px;
  opacity: 0.5;
  margin-top: 7px;
}

.prof_cont:hover .prof_name {
  opacity: 0;
  pointer-events: none;
}

.cont_over {
  position: absolute;
  inset: 0;
  background: rgba(245, 245, 247, 1);
  border: 2px solid #170306;
  display: flex;
  flex-direction: column;
  padding: 43px 40px 40px;
  transform: translateY(100%);
  transition: transform var(--overlay-dur) var(--overlay-ease);
  z-index: 3;
  overflow: hidden;
}

.prof_cont:hover .cont_over {
  transform: translateY(0);
}

.over_star {
  color: #d30027;
  margin-bottom: 13px;
  flex-shrink: 0;
  font-size: 1.5em;
  line-height: 0.8em;
}

.over_name {
  font-family: 'stellar', serif;
  /*font-size: 34px;*/
  font-size: 1.6em;
  line-height: 1.3;
  flex-shrink: 0;
  letter-spacing: 0;
}

.over_name .en {
  font-family: 'stellar', serif;
  font-size: 0.65em;
  opacity: 0.55;
  margin-left: 5px;
  letter-spacing: 0;
}

.over_role {
  /*font-size: 22px;*/
  font-size: 1.047em;
  color: var(--red);
  margin-top: 5px;
  margin-bottom: 25px;
  font-weight: 600;
  flex-shrink: 0;
}

.over_careers {list-style: none; flex: 1; overflow: hidden;min-height: 0;max-height: 180px;overflow-y: auto;}

.over_careers li {
  font-size: 18px;
  line-height: 1.7;
  color: #555;
  padding-left: 20px;
  position: relative;
  margin-bottom: 2px;
}

.over_careers li::before {
  content: '✦';
  position: absolute;
  left: 0;
  color: #c2c2c2;
  top: 0;
}

.over_more {
  margin-top: auto;
  flex-shrink: 0;
}

.over_more a,
.over_more span {
  display: inline-flex;
  align-items: center;
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--white);
  transition: color 0.2s;
}

.over_more a:hover { color: var(--dark-red); }

.over_more .btn_arr {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--red);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  flex-shrink: 0;
  transition: background 0.2s, transform 0.25s;
}

.over_more a:hover .btn_arr {
  transform: translateX(4px);
}


.view_item {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.55s ease 0s, transform 0.55s ease 0s;
}
.view_item.visible {
  opacity: 1;
  transform: translateY(0);
}
 
/* stagger 딜레이 클래스 */
.view_item.view_delay1 { transition-delay: 0.06s; }
.view_item.view_delay2 { transition-delay: 0.12s; }
.view_item.view_delay3 { transition-delay: 0.18s; }
.view_item.view_delay4 { transition-delay: 0.24s; }
.view_item.view_delay5 { transition-delay: 0.30s; }



/* 반응형 */
@media (max-width: 1400px) {
.prof_item { gap: 20px; }
.cont_over { padding: 33px 35px 25px; }
.over_role { margin-bottom: 15px; }
.over_more .btn_arr {width: 50px; height: 50px;}
}

@media (max-width: 1200px) {
:root { --card-w: 230px; }
.prof_item { gap: 15px; }
.cont_over { padding: 28px 25px 20px; }
.over_star {margin-bottom: 7px; font-size: 1.3em;}
.over_name { line-height: 1;}
.over_careers li { font-size: 16px; line-height: 1.6;}
}

@media (max-width: 768px) {
.container { max-width: 100%; padding:20px;}
.board-search .text {width:150px}
}

@media (max-width: 540px) {
  :root { --card-w: 200px; }
  .prof_list {margin-bottom:20px}
  .prof_tit {gap: 10px; padding: 23px 0;}
  .prof_tit .dot {width: 20px; height: 20px; background-size: contain;}
  .prof_tit p {font-size: 1.3em;}

  .prof_item { gap: 10px; margin:20px 0; }
  .prof_name {padding: 15px 15px 10px; margin: 0 15px;}
  .prof_name .name { font-size:1.1em; }
  .prof_name .role {font-size: 0.7em; margin-top:4px;}

  .cont_over { padding: 16px 14px 14px; }
  .over_star {font-size: 1.1em;}
  .over_name { font-size: 1.2em; }
  .over_role {font-size: 0.7em; margin-top:2px; margin-bottom:10px}
  .over_careers li {font-size: 0.66em;}
  .over_more .btn_arr {width: 40px; height: 40px; }

  .board-search:after{display: none; }
  .board-search select{font-size: 15px; }
}

@media (max-width: 480px) {
  .prof_list {margin-bottom:10px}
  .prof_tit {gap: 7px; padding: 13px 0;}
  .prof_tit .dot {width: 14px; height: 14px;}
  .prof_tit p {font-size: 1em;}

  .prof_item { margin:10px 0; }
  .prof_name { padding: 13px 13px 8px; margin:0;}
  .prof_name .name { font-size:0.9em; }
  .prof_name .role {margin-top:2px;}  
 
  .over_more .btn_arr {width: 30px; height: 30px; font-size: 0.6em;}
}

@media (max-width: 420px) {
  .board-list-top {display: block; padding-top:0;}
  .board-tot-wrap {padding-top:0;}
  .board-tot-wrap .tot-num ,
  .board-tot-wrap .pg-num{ font-size:16px;}
}

.view_item {opacity: 0;transform: translateY(24px); transition: opacity 0.55s ease, transform 0.55s ease;}
.view_item.visible { opacity: 1; transform: translateY(0);}


/* 분류 영역 */
.board_top_skin { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; flex-wrap: wrap;}
.select_wrap { display: flex; gap: 10px; flex: 0 0 auto; min-width:160px;}
.select_box { width: 260px; height: 60px; background: var(--gray-light2); border-radius: 30px; position: relative; cursor: pointer; transition: 0.3s; border: 1px solid transparent;}
.select_box:hover { border-color: var(--red);transform: translateY(-2px);}
.select_box select { width: 100%;height: 100%;border: none;background: transparent;appearance: none;padding: 0 40px; font-size: 18px;font-weight: 600;cursor: pointer; outline: none;}
.select_box::after { content: "↓"; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); font-size: 18px; font-weight: 600;}

/*total*/
.board_total{position: relative; display: flex ; flex-direction: row; font-size: 22px; gap: 12px; align-items: baseline; padding-left: 20px}
.board_total:before{content:''; display: block; width:13px; height: 13px; background: url(/stellarkor/_Img/ico-total.png) no-repeat; background-size: contain;position: absolute; top: 50%; left:0; transform: translateY(-50%);  }
.board_total .total{font-family:'stellar'; color:var(--red);}
.board_total .total span{color:#000; }
.board_total .page{font-size: 16px; color:#666; }
.board_total .page .curr{color:var(--red); font-weight: 700; }
        



/* 검색 */
.search_wrap > div { display: flex; margin-left:auto;height: 60px;max-width: 340px;align-items: center;}
.board_search form {display: flex;}
.board_search .text {min-width: 250px;border: 1px solid var(--black); border-right: 0; padding: 12px; margin: 0;height: 60px; box-sizing: border-box; }
.board_search .btn_srch { height: 60px; width: 60px; padding-top:4px; border: none; background: var(--red); color: var(--white); cursor: pointer;  overflow: hidden; transition: background 0.2s;box-sizing: border-box;}
.board_search .btn_srch:hover { background: var(--dark-red);}
.board_search .btn_srch svg { width: 20px; height: 20px; stroke: #fff;}


/* 갤러리 */
.gallery_wrap { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 50px; row-gap: 60px; margin: 0 auto 90px;}
.gallery_item { display: flex; flex-direction: column;}
.item_img { position: relative; overflow: hidden; aspect-ratio: 16 / 10; background: var(--gray-light); cursor: pointer;}
.item_img a {display: block;}

.item_img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.38s ease;}

.item_img::after { content: "자세히 보기"; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(192, 0, 26, 0.6); color: var(--white); font-size: 1em; font-weight: 600; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.28s ease;  z-index: 1;}
.gallery_item:hover .item_img img { transform: scale(1.06);}
.gallery_item:hover .item_img:after { opacity: 1;}

.item_txt { margin-top:32px;}
.item_cate {display: flex;align-items: center; gap: 15px;margin-bottom: 10px;font-size: 20px;font-weight: 600;}

.item_cate strong {color: var(--red);font-weight: 600;}
.item_cate span {color: rgba(23, 3, 6, 0.4);padding-left:15px;position: relative;}

.item_cate span:before {content: "";position: absolute; left: 0; top: 50%;width:1px;height:16px; margin-top:-7px; background-color:rgba(0, 0, 0, 0.2);}
.item_tit {font-size: 26px;color: #444;line-height: 1.45;letter-spacing: -1px;font-weight: 700; word-break: keep-all; transition: 0.3s;}
.gallery_item:hover .item_tit {color: var(--red);}

/* 페이징 */
.paging_wrap {display: flex; justify-content: center; align-items: center; gap: 4px; margin: 48px 0 60px; flex-wrap: wrap; padding: 0 16px;}
.paging_wrap a { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid rgba(23, 3, 6, 0.2); font-size: 0.875rem; color: var(--gray-dark); text-decoration: none; transition: background 0.18s, color 0.18s, border-color 0.18s;cursor: pointer;font-family: inherit;}
.paging_wrap a:hover {background: var(--gray-light);}
.paging_wrap a.active { background: var(--red); color: var(--white); border-color: var(--red); font-weight: 700;}
.paging_wrap a.arrow svg { width: 14px; height: 14px; stroke: currentColor;}


/* 반응형 */
@media (max-width: 999px) {
  .tab_menu {margin-bottom: 45px;}
  .tab_menu li a { height:75px; font-size:20px; }

  .board_top_skin { margin-bottom: 25px;}
  .select_box { width: 200px; height: 50px}
  .select_box select {padding: 0 30px;}
  
  .board-search,
  .search_wrap,
  .board-search select{height: 50px;}
  .board_search .text,
  .board-search .text{min-width: 200px;height: 50px; }
  .board_search .btn_srch {height: 50px;}
  
  	
	.board-search .bd-btn-srch{width: 50px; height: 50px; }


  .gallery_wrap { grid-template-columns: repeat(2, 1fr); column-gap: 25px; row-gap: 30px; margin-bottom:50px;}
  .item_txt {margin-top:22px;}
  .item_cate {font-size: 16px; margin-bottom:3px;}
  .item_tit {font-size: 23px;}
}

@media (max-width: 768px) {
  .container { max-width: 100%; padding:20px;}
  
  .tab_menu { margin-bottom:30px;}
  .tab_menu li { width: 50%;}
  .tab_menu li a {height: 60px; font-size: 17px;}

  .select_box select, .select_box::after {font-size:16px;}
	.board-search form{width: 100%; display: flex; justify-content: flex-end;}
  .board_top_skin { flex-direction: column; gap: 15px; align-items: flex-start; }
  .search_wrap {width:100%; max-width: initial; margin-left: 0;}
  .board_search {width:100%}
  .search_wrap > div{justify-content: flex-end; }
  .board_search .text {min-width: 200px; min-width: initial; width: 100%;}
  .txt .item_tit { font-size: 28px;}
  .item_txt {margin-top: 15px;}
  
}

@media (max-width: 640px) {
  .gallery_wrap { grid-template-columns: 1fr; gap:30px; margin-bottom:30px;}

  .paging_wrap { gap: 3px; margin: 32px 0 48px; }
  .paging_wrap a {  width: 30px; height: 30px; font-size: 0.8rem; }
  .paging_wrap a.pg-hide { display: none; }
}

@media (max-width: 480px) {
  .tab_menu {margin-bottom:20px;}
  .tab_menu li a {height: 40px; font-size:14px;}

  .select_wrap {min-width: initial; }
  .select_box {width: 50%; height: 40px; min-width: 135px;}
  .select_box select {padding: 0 20px;font-size: 14px;}
  .select_box::after {right:20px; font-size: 14px;}
  .search_wrap {height:40px;}
  .board_search .btn_srch {height: 41px;}
  .board_search .text{height: 41px; }

  .gallery_wrap { grid-template-columns: 1fr; gap:20px;margin-bottom:20px;}
  .item_txt {margin-top:10px;}
  .item_cate {font-size:14px; gap:8px; margin-bottom:0}
  .item_cate span {padding-left:8px;}
  .item_tit {font-size: 18px;}

}

.c-tab01 li.first-row.over a, .c-tab01 li.over a, .c-tab01 li.over:hover a {background:#8b0013;}
.c-tab02 {margin-top:15px;}
.pg-submn-list {display:none;}

/*졸업생우수졸업사례*/
.sInner:has(.alum_g_wrap){width: 100%; padding-left:0; padding-right: 0; }
.alum_g_wrap{display: flex; flex-wrap: wrap; gap: 20px;     box-sizing: border-box;}
.alum_g_wrap .box{width: calc(50% - 12px); border: 1px solid #1f1f1f;position: relative;     box-sizing: border-box;}
.alum_g_wrap .box:before{content:''; display: block; width: 45px; height: 45px; background:#2f2f2f; position: absolute; bottom: 0; right:0; }
.alum_g_wrap .box a{display:flex; flex-direction: row;  position: relative; }
.alum_g_wrap .box a:before,
.alum_g_wrap .box a:after{content: '' ;display: block; width: 18px; height: 2px; background: #fff; position: absolute; bottom: 20px; right: 12px; transition: all 0.3s ease;}
.alum_g_wrap .box a:after{transform: rotate(90deg);}
.alum_g_wrap .img_box{width: 250px; min-width: 250px; aspect-ratio: 2/2.7; overflow: hidden; }
.alum_g_wrap .img_box img{display: block; width: 100%; height: 100%; object-fit: cover;transform: scale(1);transition: all 0.3s ease; }
.alum_g_wrap .txt_box{padding: 48px; display: block; width: calc(100% - 250px)}
.alum_g_wrap .txt_box .person{display: flex; flex-wrap: wrap; align-items: center;gap: 4px 8px;  }
.alum_g_wrap .txt_box .person .majr{font-size: 18px; font-weight: 700; color:#fff; background: var(--red); padding: 8px 20px; }
.alum_g_wrap .txt_box .person .name{font-size: clamp(22px,1.6vw,28px); color:#1f1f1f; font-weight: 700; }
.alum_g_wrap .txt_box .person .stid{font-weight: 400;color:#222;  }

.alum_g_wrap .txt_box .copr{min-height: 130px; }
.alum_g_wrap .txt_box .copr p{display: inline-block; position: relative; font-family: 'stellar'; font-size: 28px; letter-spacing:1px;padding-left: 30px; padding-right: 30px ; line-height: 1.2; margin-top: 34px; color:#6B4349; }
.alum_g_wrap .txt_box .copr p:before,
.alum_g_wrap .txt_box .copr p:after{content:''; display: block; width: 25px; height: 20px; background: url(/stellarkor/_Img/q-mark.png) no-repeat; background-size: contain; background-position: center center; position: absolute; }
.alum_g_wrap .txt_box .copr p:before{top: -5px; left: 0; }
.alum_g_wrap .txt_box .copr p:after{bottom: -5px; right: 0; transform: rotate(180deg)}
.alum_g_wrap .txt_box .box_info{display: flex; flex-direction: row; align-items: center; gap:2px 26px; flex-wrap: wrap; margin-top: 26px; }
.alum_g_wrap .txt_box .box_info dl{display: flex; flex-direction: row; align-items: center; position: relative; color:#666;font-size: 16px; }
.alum_g_wrap .txt_box .box_info dt{font-weight: 600; }
.alum_g_wrap .txt_box .box_info dd{font-weight: 400; margin-left: 8px; }
.alum_g_wrap .txt_box .box_info dl:not(:first-child):before{content:''; display: block; width: 2px; height: 12px; background: #666; position: absolute; top:50%; left: -13px; transform:translateY(-50%);}
.alum_g_wrap .txt_box .box_info dl.hits{}
.alum_g_wrap .txt_box .box_info dl.date{}

.alum_g_wrap .box a:hover:before{transform: rotate(90deg);}
.alum_g_wrap .box a:hover:after{transform: rotate(180deg);}
.alum_g_wrap .box a:hover .img_box img{transform: scale(1.2);}

/*졸업생 뷰*/
.alumni_pop{display: block; width: 100vw; height: 100vh; background: rgba(0,0,0,0.2); z-index: 99998; position: fixed; top: 0; left:0; display: none; }
.alumni_pop > div{position: fixed; top: 50%; left:50%; transform:translate(-50%, -50%); width: calc(100% - 40px); max-width: 1600px;z-index: 99999;  height: 80vh; overflow-y: auto; }
.alumni_pop > div::-webkit-scrollbar{width: 5px; background:rgba(0,0,0,0.2);}
.alumni_pop > div::-webkit-scrollbar-thumb{background:var(--red)}
.alum_V_wrap{position:relative;}
.alum_V_wrap .closeBtn{position: absolute; display: block; background:#000; border:0; width: 40px;height: 40px; top:0; right:0; }
.alum_V_wrap .closeBtn:before,
.alum_V_wrap .closeBtn:after{content:''; display: block; width: 20px; height: 2px; background: #fff; position: absolute; top: 50%; left:50%; }
.alum_V_wrap .closeBtn:before{transform:translate(-50%, -50%) rotate(45deg); }
.alum_V_wrap .closeBtn:after{transform:translate(-50%, -50%) rotate(135deg); }
.alum_V_wrap > div{display: flex; flex-direction: row;  background: #F8F9FB; padding: 66px 60px; column-gap: 60px;align-items:flex-start; }
.alum_V_wrap .img_box{flex-shrink:0;will-change:transform; padding-bottom: 50px; }
.alum_V_wrap .img_box > div{aspect-ratio: 2/3; overflow: hidden; width: 300px;display:flex;align-items:flex-start;position:relative;}
.alum_V_wrap .img_box img{width: 100%; height: 100%; object-fit: cover;}
.alum_V_wrap .img_box p{background: var(--red); color:#fff; text-align: center; padding:15px 20px;font-weight: 700; font-size: 18px;   }
.alum_V_wrap .txt_box{padding-top: 30px; }
.alum_V_wrap .txt_box .person_info{}
.alum_V_wrap .txt_box .person_info .name{font-size: 32px; font-weight: 600; color:#2f2f2f;margin-bottom: 24px; }
.alum_V_wrap .txt_box .person_info .stid{color:var(--red); font-weight: 400; margin-left: 12px; }
.alum_V_wrap .txt_box .person_info .coop{position: relative; padding-left: 50px; font-family: 'stellar'; color:#6B4349;margin-bottom: 46px; font-size: 34px; line-height: 1.22}
.alum_V_wrap .txt_box .person_info .coop:before{content:''; display: block; width: 25px; height: 20px; background: url(/stellarkor/_Img/q-mark.png) no-repeat; background-size: contain; background-position: center center; position: absolute; top: 0; left:0; }
.alum_V_wrap .txt_box .subs{background: #fff; padding: 50px; font-size: 17px; }
.alum_V_wrap .txt_box .box_info{display: flex; flex-direction: row; align-items: center; gap:2px 26px; flex-wrap: wrap; margin-top: 26px; justify-content: flex-end; }
.alum_V_wrap .txt_box .box_info dl{display: flex; flex-direction: row; align-items: center; position: relative; color:#666;font-size: 16px; }
.alum_V_wrap .txt_box .box_info dt{font-weight: 600; }
.alum_V_wrap .txt_box .box_info dd{font-weight: 400; margin-left: 8px; }
.alum_V_wrap .txt_box .box_info dl:not(:first-child):before{content:''; display: block; width: 2px; height: 12px; background: #666; position: absolute; top:50%; left: -13px; transform:translateY(-50%);}

@media screen and (max-width: 1600px){
	.alumni_pop{width: 100%; }
	.alum_V_wrap .txt_box{width: 100%; }
	.alum_V_wrap .txt_box img{width: 100%; }
}

@media screen and (max-width: 1400px){
	.alum_g_wrap .txt_box .person .name{width: 100%; }
	.alum_g_wrap .txt_box .person .majr{font-size: 16px; padding-top: 6px; padding-bottom: 6px; }
	.alum_g_wrap .txt_box .copr p{padding-left: 20px; padding-right: 20px; margin-top: 18px; }
	.alum_g_wrap .txt_box .copr p:before{left: -6px; width: 20px; height: 17px; }
	.alum_g_wrap .txt_box .copr p:after{width: 20px; height: 17px; bottom:0; right: -5px; }
}

@media (min-width: 1200px) and (max-width: 1400px){
	.alum_g_wrap .txt_box .box_info dl{width: 100%; }
	.alum_g_wrap .txt_box .box_info dl:not(:first-child):before{display: none; }
}

@media screen and (max-width: 1200px){
	.alum_g_wrap .box{width: 100%; }
}

@media screen and (max-width: 991px){
	.alum_V_wrap > div{padding: 44px 40px; column-gap: 40px; }
	.alum_V_wrap .txt_box .person_info .name{font-size: 28px; }
	.alum_V_wrap .txt_box .person_info .coop{padding-left: 38px; font-size: 32px; }
	.alum_V_wrap .txt_box .subs{padding: 30px; }

	.alum_g_wrap .txt_box{padding: 26px 24px 44px 24px; }
	.alum_g_wrap .txt_box .box_info dl{width: 100%; }
	.alum_g_wrap .txt_box .box_info dl:not(:first-child):before{display: none; }

	.alum_V_wrap .img_box > div {width: 220px;}
	.alum_V_wrap .txt_box .subs{font-size:16px;}
}


@media screen and (max-width: 768px){
	.alum_V_wrap > div{flex-direction: column; }
	.alum_V_wrap .img_box{width: 100%; padding-bottom: 0; }
	.alum_V_wrap .img_box > div{width: 100%; max-width: 400px; margin-left: auto; margin-right: auto; aspect-ratio: 1/1;}
	.alum_V_wrap .img_box p{max-width: 400px; margin-left: auto; margin-right: auto; box-sizing: border-box; }
	.alum_V_wrap .txt_box{padding-top:0; }
	.alum_V_wrap .txt_box .subs{margin-left: -20px; margin-right: -20px; }
}

@media screen and (max-width: 575px){
	.alum_g_wrap .box a{flex-direction: column; }
	.alum_g_wrap .img_box,
	.alum_g_wrap .txt_box{width: 100%; }
	.alum_g_wrap .img_box{aspect-ratio: 3/2; }
	.alum_g_wrap .txt_box .copr{min-height: unset; }
}


/*교육목표*/
.scroll-read-text{font-size:52px; font-family:'stellar'; text-align: center; line-height: 1.3; }
.scroll-read-text .line1,
.scroll-read-text .line2{display:inline;}
.scroll-read-text .line1 > span,
.scroll-read-text .line2 > span{display:inline-block;color:#f5f5f7;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.scroll-read-text .line1 > span{background-image:linear-gradient(to right, #000 0%,	#000 var(--p, 0%), #f5f5f7 var(--p, 0%), #f5f5f7 100%);}
.scroll-read-text .line2 > span{background-image:linear-gradient(to right, #b20b2a 0%, #b20b2a var(--p, 0%), #f5f5f7 var(--p, 0%), #f5f5f7 100%);} 

.scroll-subs{font-size: 21px; line-height: 1.3; text-align: center; margin-top: 70px; margin-bottom:240px;display: block;  }
.goal-diagram{padding-top: 310px; padding-bottom: 310px;position: relative;  }
.goal-diagram .titl{position: relative; background: #fff;width: 15%; max-width: 200px; aspect-ratio: 1/1; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; font-family:'stellar'; color:#000; font-size: 45px; margin: 0 auto; line-height: 1.2;}
.goal-diagram .titl:before,
.goal-diagram .titl:after{content:''; display: block; aspect-ratio: 1/1; border-radius: 50%; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);  }
.goal-diagram .titl:before{width: 170%; background:linear-gradient(225deg, #e60131, #b20b7e); z-index: -1}
.goal-diagram .titl:after{width :240%; background:linear-gradient(225deg, #efeff4 30%, #fff 80%); z-index: -2}
.goal-diagram .titl span{font-size: 25px; color:#b20b2a; font-family:'stellar';position: relative; }
.goal-diagram .titl span:before{content:''; display: block; width: 16px;height: 16px; background: url(/stellarkor/_Img/ico-diam-red.png) no-repeat;position: absolute; top:-16px; left: 50%; transform: translateX(-50%)}
.goal-diagram .numb_subs{ }
.goal-diagram .numb_subs .item{display: flex; flex-direction: row; align-items: flex-start;position: absolute; width: 100%; }
.goal-diagram .numb_subs .item .img_box{position: relative; width:160px; min-width: 160px; aspect-ratio: 1/1;  border-radius: 50%; margin: 0 clamp(24px, 2.6vw,50px);}
.goal-diagram .numb_subs .item .img_box img{display: block; width: 100px; height: 95px; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.goal-diagram .numb_subs .item .txt_box{display: flex; flex-direction: column; }
.goal-diagram .numb_subs .item .txt_box .numb{font-family:'stellar'; font-size: 36px; letter-spacing: 1px; }
.goal-diagram .numb_subs .item .txt_box .text{font-size: clamp(18px, 1.2vw, 22px); letter-spacing: -2px; color:#000; font-weight: 600; line-height: 1.3; }
.goal-diagram .numb_subs .item1{top: 0;right:60px;  max-width: calc((100% - 250px) / 2); }
.goal-diagram .numb_subs .item1 .img_box{background:#b20b2a}
.goal-diagram .numb_subs .item1 .txt_box .numb{color:#b20b2a}
.goal-diagram .numb_subs .item2{top: 50%; right:0; transform:translateY(-50%); max-width: calc((100% - 500px) / 2); }
.goal-diagram .numb_subs .item2 .img_box{background:#cb4f13}
.goal-diagram .numb_subs .item2 .txt_box .numb{color:#cb4f13}
.goal-diagram .numb_subs .item3{bottom: 0; right:60px;  max-width: calc((100% - 250px) / 2);}
.goal-diagram .numb_subs .item3 .img_box{background:#edb200}
.goal-diagram .numb_subs .item3 .txt_box .numb{color:#edb200}
.goal-diagram .numb_subs .item1 .txt_box,
.goal-diagram .numb_subs .item2 .txt_box,
.goal-diagram .numb_subs .item3 .txt_box{align-items: flex-start;}
.goal-diagram .numb_subs .item4{bottom:0 ; left:60px; flex-direction: row-reverse;  max-width: calc((100% - 250px) / 2);}
.goal-diagram .numb_subs .item4 .img_box{background:#c14753}
.goal-diagram .numb_subs .item4 .txt_box .numb{color:#c14753}
.goal-diagram .numb_subs .item5{top: 50%; left:0; transform: translateY(-50%); flex-direction: row-reverse; max-width: calc((100% - 500px) / 2); }
.goal-diagram .numb_subs .item5 .img_box{background:#9000aa}
.goal-diagram .numb_subs .item5 .txt_box .numb{color:#9000aa}
.goal-diagram .numb_subs .item6{top: 0;left:60px; flex-direction: row-reverse; max-width: calc((100% - 250px) / 2);}
.goal-diagram .numb_subs .item6 .img_box{background:#9d006f}
.goal-diagram .numb_subs .item6 .txt_box .numb{color:#9d006f}
.goal-diagram .numb_subs .item4 .txt_box,
.goal-diagram .numb_subs .item5 .txt_box,
.goal-diagram .numb_subs .item6 .txt_box{align-items: flex-end;text-align: end; }

.goal-scroll-wrap{background: #b20b2a; padding-top:160px;  padding-bottom: 80px; margin-top: 120px;margin-bottom: -84px; width: 100vw; margin-left: -20px}
.goal-scroll-wrap .wrap{display: flex; flex-direction: row; align-items: flex-start; color:#fff; position: relative; }
.goal-scroll-wrap .titl_box{width:35%; padding-right: 60px; box-sizing: border-box;  position: absolute; top:0;left:0; }
.goal-scroll-wrap .titl_box .titl{font-family:'stellar'; font-size: 60px; width: fit-content;}
.goal-scroll-wrap .titl_box .subs{font-size:clamp(18px, 1.2vw, 22px); opacity: 0.5; letter-spacing: -2px; }
.goal-scroll-wrap .goal-line{position: absolute; left: 35%; top:-160px; width: 1px; height: calc(100% + 240px); background:rgba(255,255,255,0.3); }
.goal-scroll-wrap .goal-line span{display: block; width: 100%; height:160px; background:#510513; position: absolute; top:-160px; left:0;  }
.goal-scroll-wrap .list_box{width:65%; padding-left: 100px; box-sizing: border-box; margin-left: 35%;}
.goal-scroll-wrap .list_box .box{margin-bottom: 160px; position: relative; }
.goal-scroll-wrap .list_box .box:before{content:''; display: block; width: 80px; height: 80px; background-color:rgba(0,0,0, 0.2);background-image: url(/stellarkor/_Img/ico-diam-w.png);background-repeat: no-repeat; background-size: 12px; background-position: center center; border-radius: 50%;position: absolute; top:0; left: -140px; transition: all 0.3s ease;}
.goal-scroll-wrap .list_box .box.active:before{background-color:#edb200 }
.goal-scroll-wrap .list_box .box:after{content:''; display: block; width:260px; height: 260px; background-position: top center; background-repeat: no-repeat; background-size: contain;  position: absolute; top:0; right:calc(-100vw + 1600px); opacity: 0.2;}
.goal-scroll-wrap .list_box .box1:after{background-image:url(/stellarkor/_Img/eduG01.png); }
.goal-scroll-wrap .list_box .box2:after{background-image:url(/stellarkor/_Img/eduG02.png); }
.goal-scroll-wrap .list_box .box3:after{background-image:url(/stellarkor/_Img/eduG03.png); }
.goal-scroll-wrap .list_box .box4:after{background-image:url(/stellarkor/_Img/eduG04.png); }
.goal-scroll-wrap .list_box .box5:after{background-image:url(/stellarkor/_Img/eduG05.png); }
.goal-scroll-wrap .list_box .box6:after{background-image:url(/stellarkor/_Img/eduG06.png); }
.goal-scroll-wrap .list_box .box .numb{color:#ffdb6d; font-family:'stellar'; font-size: 26px; display: inline-block;line-height: 1; }
.goal-scroll-wrap .list_box .box .titl{font-size: clamp(30px,2.6vw ,36px); font-weight: 700; margin-bottom: 30px; line-height: 1.25;  }
.goal-scroll-wrap .list_box .box .subs{opacity: 0.5; font-size: 20px; max-width: 77%; }


/*학장인사말*/
.intro_wrap{margin-bottom: -84px; }
.scroll-read-star{font-size:clamp(80px, 6.2vw, 100px); font-family:'stellar'; text-align: center; line-height: 1.3; }
.scroll-read-star .line{display:block; ;}
.scroll-read-star .line > span{display:inline-block;color:#f5f5f7;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.scroll-read-star .line > span{background-image:linear-gradient(to right, #170306 0%, #170306 var(--p, 0%), #f5f5f7 var(--p, 0%), #f5f5f7 100%);} 

.star-subs{font-size: 20px; text-align: center; font-weight: 600; color:#000; margin-top: 32px; margin-bottom: 170px;position: relative; }
.star-subs:after{content:''; display: block; width:16px; height: 16px; background: url(/stellarkor/_Img/ico-diam-red.png) no-repeat; background-size: contain; position: absolute; bottom: -80px;  left: 50%; transform: translateX(-50%);}
	
.intro01_wrap{display: grid; grid-template-columns: repeat(2, 1fr); gap: 36px; }
.intro01_wrap > *{min-width: 0;}
.intro01_wrap .img_box{}
.intro01_wrap .img_box01{width: 100%; aspect-ratio: 2/3; grid-row: 1 / span 2;position: relative; }
.intro01_wrap .img_box01:after{content:''; display: block; width: 360px; height: 360px; background: url(/stellarkor/_Img/ico-diam_yell_big.png) no-repeat; position: absolute; bottom: -180px; right: -180px; opacity: 0.75}
.intro01_wrap .img_box03{width: 100%; aspect-raito: 3/2; grid-column: 2; grid-row: 2/ span 2;}
.intro01_wrap .img_box04{width: 60%; aspect-ratio: 2/3; grid-column: 1; grid-row:3/ span 2; margin-left: auto; }
.intro01_wrap .img_box img{width: 100%; height: 100%; object-fit: cover;}
.intro01_wrap .txt_box{}
.intro01_wrap .txt_box02{padding: 180px 40px}
.intro01_wrap .txt_box05{padding: 60px 40px}
.intro01_wrap .scroll-read-star{text-align: start;font-size: 50px!important; }

.intro01_wrap .scroll-read-star .line > span{background-image:linear-gradient(to right, #b20b2a 0%, #b20b2a var(--p, 0%), #f5f5f7 var(--p, 0%), #f5f5f7 100%);} 
.intro01_wrap .txt_box p{font-size: clamp(22px,2.3vw,30px);line-height: 1.2;font-weight: 600; color:#000; }
.intro01_wrap .txt_box p:not(:last-child){margin-bottom: 40px;}

.intro02_wrap{}
.intro02_wrap .rolling-text{width: 100%; overflow: hidden; white-space: nowrap; }
.intro02_wrap .rolling-text .track{display: inline-flex; animation: intro2 20s linear infinite;}
.intro02_wrap .rolling-text .track span{font-family:'stellar'; font-size: 350px;padding-right:120px;flex-shrink:0;color:#fff; -webkit-text-stroke:2px #e41d34; opacity: 0.2; line-height: 1; }

@keyframes intro2{
	from{
		transform:translateX(0);
	}
	to{
		transform:translateX(-50%);
	}
}
.intro02_bg{position: relative;height: 100vh;  }
.intro02_bg .bg{width: 600px; height: 400px;  margin: -120px auto 0 auto; overflow: hidden;transition:width .1s linear; position: relative; z-index: 1; }
.intro02_bg .bg img{width: 100%; display: block;height: 100%; }
.intro02_bg .txt{position: absolute; top: 100px; left: 50%; transform: translateX(-50%); width: calc(100% - 40px); max-width: 1600px;z-index: 2;  }
.intro02_bg .txt[data-aos^=fade][data-aos^=fade].aos-animate{transform: translateX(-50%) translateZ(0)}
.intro02_bg .txt p{color:#fff; margin-bottom:40px; font-size: 30px; font-weight: 600; line-height: 1.3; width: 60%; }

.intro03_bg{background:#b20b2a ;width: 100%; height: 100vh ; position: relative; z-index: 2; margin-top:-1px;transform:translateY(0); will-change: transform; overflow: hidden; }
.intro03_bg:before{content:''; display: block; width: 980px; height:980px; background:url(/stellarkor/_Img/bg-star.png) no-repeat; background-size:contain; position: absolute; top: -300px; left: 60%;transform: translateX(-50%); filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(203deg) brightness(106%) contrast(101%);}
.intro03_bg .txt{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 30px; font-weight: 600; text-align: center; color:#fff; }
.intro03_bg .txt p:not(:last-child){margin-bottom: 40px}



@media screen and (max-width: 1600px){
	.goal-scroll-wrap .list_box .box:after{right: -130px; }
}
@media screen and (max-width: 1400px){
	.goal-diagram{padding-top: 250px; padding-bottom: 250px; }
	.goal-diagram .numb_subs .item .img_box{width: 130px; min-width: 130px; }

	.goal-scroll-wrap .list_box .box .subs{max-width: unset; }
	
}	

@media screen and (max-width: 1260px){
	.scroll-subs{margin-bottom: 160px; }
	.goal-diagram .numb_subs .item .img_box{width: 90px; min-width: 90px; }
	.goal-diagram .numb_subs .item .img_box img{width: 50px; height: 45px; }
	.goal-diagram{padding-top: 200px; padding-bottom: 200px; }
	.goal-diagram .numb_subs .item2,
	.goal-diagram .numb_subs .item5{max-width: 33%} 
	.goal-diagram .titl{font-size: 40px; }

	/*학장인사말*/
	.intro01_wrap .txt_box02{padding: 100px 0; }
	.intro01_wrap .txt_box05{padding-left: 0; padding-right:0;}
	.intro01_wrap .txt_box p{font-size: 20px; }
	.intro01_wrap .scroll-read-star{font-size: 42px!important; }

	.intro02_wrap .rolling-text .track span{font-size:	250px; }
	.intro02_bg .txt p{font-size: 24px; width: 80%; }
	.intro03_bg .txt{font-size: 24px; }
}

@media screen and (max-width: 991px){
	.scroll-subs{margin-bottom: 100px; }
	.goal-diagram {padding-top:0; padding-bottom: 0; }
	.goal-diagram .titl{margin:0; width: 100%; max-width: unset; aspect-ratio: unset; align-items: flex-start; margin-bottom: 16px;}
	.goal-diagram .titl:before,
	.goal-diagram .titl:after{display: none; }
	.goal-diagram .numb_subs{width: 100%;display: flex; flex-wrap: wrap; gap: 18px 24px;   }
	.goal-diagram .numb_subs .item{max-width: unset; width: calc(50% - 12px);position: unset;  }
	.goal-diagram .numb_subs .item2,
	.goal-diagram .numb_subs .item5{transform: unset; }
	.goal-diagram .numb_subs .item4,
	.goal-diagram .numb_subs .item5,
	.goal-diagram .numb_subs .item6{flex-direction: row; }
	.goal-diagram .numb_subs .item .txt_box{width: calc(100% - 90px)}
	.goal-diagram .numb_subs .item4 .txt_box,
	.goal-diagram .numb_subs .item5 .txt_box,
	.goal-diagram .numb_subs .item6 .txt_box{align-items: flex-start;text-align: start; }
	
	.goal-scroll-wrap{padding-top: 70px; margin-bottom: -88px}
	.goal-scroll-wrap .wrap{flex-direction: column; row-gap: 80px}
	.goal-scroll-wrap .titl_box{position: unset!important;width: 100%; display: flex; align-items: flex-start; column-gap: 30px; }
	.goal-scroll-wrap .titl_box .titl{line-height: 1; }
	.goal-scroll-wrap .goal-line{display:none!important; }
	.goal-scroll-wrap .list_box{width: 100%; margin-left: 0; padding-left: 80px; }
	.goal-scroll-wrap .list_box .box{margin-bottom: 48px;}
	.goal-scroll-wrap .list_box .box:after{display: none; }
	.goal-scroll-wrap .list_box .box:before{width: 50px; height: 50px; left: -80px; }
	.goal-scroll-wrap .list_box .box .titl{margin-bottom: 20px; }
	.goal-scroll-wrap .list_box .box .subs{font-size: 16px; }

	/*학장인사말*/
	@media all and (max-width:991px){
	.intro02_bg .bg{
		width:100% !important;
		height:100vh !important;
	}
}
}


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

	.scroll-read-text{font-size: 44px}

	.goal-diagram .numb_subs .item{width:100%; }
	.goal-diagram .numb_subs .item .txt_box .text br{display: none;}
	.goal-scroll-wrap .titl_box{flex-direction: column; }
	.goal-scroll-wrap .list_box .box .titl{font-size: 28px; }

	/*학장인사말*/
	.scroll-read-star{font-size: clamp(54px, 9vw, 60px)}
	.star-subs{font-size: 18px; }
	.intro01_wrap{display: flex; flex-direction: column; }

	.intro02_bg .txt p,
	.intro03_bg .txt{font-size: 20px; width: 100%; }
	.intro01_wrap .txt_box02,
	.intro01_wrap .txt_box05{padding: 20px 0; }
	.intro02_wrap .rolling-text{margin-top: 60px; }
	.intro02_wrap .rolling-text .track span{font-size: 180px; }
	.intro02_bg .bg{margin-top: -20px; }
	
}

@media screen and (max-width: 575px){
	.intro01_wrap .txt_box p,
	.intro02_bg .txt p, 
	.intro03_bg .txt{font-size: 18px; }
	.intro01_wrap .txt_box p:not(:last-child){margin-bottom: 28px; }

	.goal-scroll-wrap .list_box .box .titl{font-size: 22px; }
}

/*스텔라 연혁*/
.c-tab01:has(~.history_wrap),
.c-tab01:has(~.goal-scroll-wrap){max-width: 1640px; margin-left: auto; margin-right :auto}
.history_wrap{margin-bottom: -84px;}
.history_wrap .titl_box .titl{font-family: 'stellar'; font-size:48px;  line-height: 1.2; color:#000; }
.history_wrap .titl_box .subs{font-size: 26px; letter-spacing: -1px; color:#171717;}
.hist_wrap{color:#000;position: relative;}
.hist_wrap:after{content:''; display: block; width: 30px; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: url(/stellarkor/_Img/tick.png) ; background-repeat: repeat-y; }
.hist_wrap .box{display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 240px; position: relative; }
.hist_wrap .box:before{content:''; display: block; width: calc(50% - 120px); height: 1px; background: rgba(0,0,0,0.3); position: absolute; margin-top: 15px; }
.hist_wrap .box > *{min-width: 0; }
.hist_wrap .box .star-mark{display: block; width:30px; height: 30px; background: url(/stellarkor/_Img/ico-diam-red-big.png) no-repeat; background-size: contain; background-position:center center;position: absolute;  left: 50%; transform: translateX(-50%); z-index: 1; }
.hist_wrap .box .titl_box{}
.hist_wrap .box .img_box{width: 100%; aspect-ratio: 2/2.3; overflow: hidden; }
.hist_wrap .box .img_box img{width: 100%; height: 100%; object-fit: cover; }
.hist_wrap .box .txt_box{padding:60px 0 ;  }
.hist_wrap .box .txt_box p{line-height: 1.7; font-size: clamp(18px,1.6vw,24px); } 
.hist_wrap .box .txt_box p:not(:last-child){margin-bottom: 40px; }
.hist_wrap .box01{padding: 120px 0 ; }
.hist_wrap .box01:before{right: 0; top: 120px; }
.hist_wrap .box01 .star-mark{top: 120px; }
.hist_wrap .box01 .titl_box{grid-row: 1; grid-column: 1; text-align: end;margin-bottom: 40px; position: relative;}
.hist_wrap .box01 .img_box{grid-row: 2; grid-column: 1; }        
.hist_wrap .box01 .txt_box{grid-row: 2; grid-column: 2; }
.hist_wrap .box02{padding: 120px 0 ; }
.hist_wrap .box02:before{left: 0; top: 120px; }
.hist_wrap .box02 .star-mark{top: 120px; }
.hist_wrap .box02 .titl_box{grid-row: 1; grid-column: 2; text-align: end;margin-bottom: 40px; position: relative;padding-top: 100px; }
.hist_wrap .box02 .img_box{grid-row: 2; grid-column: 2; }        
.hist_wrap .box02 .txt_box{grid-row: 1 / span 2; grid-column: 1; }

.root_wrap{margin-top: 100px; }
.root_wrap .titl_box{text-align: center; margin-bottom: 60px; }
.root_box{display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; padding-bottom:100px; }
.root_box:before{content:''; display: block; width: 1px; height: 80px; background: rgba(0,0,0,0.2);position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%);}
.root_box:after{content:''; display: block; width:90%; max-width:1270px; height: 80px; background: transparent; border: 1px solid rgba(0,0,0,0.2); border-top:0; position:absolute; bottom: 0; left:50%; transform: translateX(-50%)}
.root_box .root{width: 30%; max-width: 450px; aspect-ratio:1/1; border-radius: 50%; display: flex; flex-direction: column; align-items:center; justify-content: center; color:#fff; line-height: 1; mix-blend-mode: multiply;}
.root_box .root .numb{font-family:'stellar'; font-size:30px; opacity: 0.5;margin-bottom: 4px;  }
.root_box .root .titl{font-family:'stellar'; font-size:clamp(40px, 3vw, 45px); margin-bottom: 40px; }
.root_box .root .subs{font-size: 20px; text-align: center; line-height: 1.3; }
.root_box .root01{background: #03ae74;margin-right: -40px; }
.root_box .root02{background: #b20b2a;}
.root_box .root03{background: #b20ba0;margin-left: -40px;}
.root_txt{padding-top:140px; padding-bottom: 40px; position: relative; text-align: center;  font-size: 24px; color:#111; }
.root_txt:before{content:''; display: block; width: 24px; height: 24px; background: url(/stellarkor/_Img/ico-diam-red-big.png) no-repeat; background-size: contain; background-position: center center; position: absolute; top: 90px; left:50%; transform: translateX(-50%)}
.root_box02{display: flex; flex-direction: row; align-items: stretch; justify-content: center; gap:30px 50px; margin-top: 160px; position: relative; }
.root_box02:before{content:'' ;display: block; width:calc(100% - ((33%  / 2) + 64px) ); max-width: 1270px; height: 1px; background: rgba(0,0,0,0.2); position: absolute; top: -100px; left: 50%; transform: translateX(-50%);}
.root_box02 .root{width: calc(33.3% - 27px); box-sizing: border-box; border: 1px solid ; padding: 60px 40px 120px 50px;position: relative; }
.root_box02 .root:before{content:''; display: block; width: 1px; background: rgba(0,0,0,0.2); position: absolute; left: 50%; transform: translateX(-50%)}
.root_box02 .root:after{content:''; display: block ;width: 12px; height: 22px; background: url(/_Template/Main/main-stellar/_Img/arr-head.png) no-repeat; background-size: contain; filter: brightness(0) saturate(100%) invert(88%) sepia(3%) saturate(14%) hue-rotate(329deg) brightness(92%) contrast(96%); position: absolute;top: -40px; transform:translateX(-50%) rotate(90deg) }
.root_box02 .root .titl{font-size: clamp(22px, 1.6vw, 26px); font-weight: 700; width: 80%; word-break: keep-all; margin-bottom: 40px; line-height: 1.2; }
.root_box02 .root .list{}
.root_box02 .root .list li{padding-left: 18px; position: relative; font-size: 20px; margin-bottom: 30px; line-height: 1.25; }
.root_box02 .root .list li:before{content:''; display: block; width: 12px; height: 12px; background: url(/stellarkor/_Img/ico-diam-red.png) no-repeat; background-size: contain; background-position: center center; position: absolute; top:8px; left:0;filter: brightness(0) saturate(100%) invert(92%) sepia(1%) saturate(1125%) hue-rotate(341deg) brightness(91%) contrast(90%);}
.root_box02 .root .majr{position: absolute; bottom: 30px; width: calc(100% - 120px); box-sizing: border-box; text-align: center; border-radius: 25rem; background: #f5f5f7; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 64px; font-size: clamp(16px,1vw,18px); line-height: 1.2; padding: 0 18px; }
.root_box02 .root01a{border-color:#03ae74 }
.root_box02 .root01a:before{top: -100px; height: 70px; left: 33%; }
.root_box02 .root01a:after{left: 33%; }
.root_box02 .root01a .majr{color:#03ae74 }
.root_box02 .root02a{border-color:#d60d32 }
.root_box02 .root02a:before{top: -160px; height: 130px; }
.root_box02 .root02a:after{left: 50%; }
.root_box02 .root02a .majr{color:#d60d32 }
.root_box02 .root03a{border-color:#b20b7e }
.root_box02 .root03a:before{top: -100px; height: 70px; right: 33%;left: unset; transform:translateX(50%)}
.root_box02 .root03a:after{right: 33%; transform: translateX(50%) rotate(90deg)}
.root_box02 .root03a .majr{color:#b20b7e }

.toward_wrap{background: #161719; margin-top: 100px; position: relative;width: 100vw; margin-left: -20px;  }
.toward_wrap .titl_box{ width: 100%; position: relative; padding-top: 80px; }
.toward_wrap .titl_box .titl,
.toward_wrap .titl_box .subs{color:#fff;}
.toward_wrap .titl_box:before{content:''; display: block; width: 100%; height: 30px; background: url(/stellarkor/_Img/tick_w.png) ; background-repeat: repeat-x; position: absolute; top:0; left:0; z-index: 1; filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7447%) hue-rotate(320deg) brightness(115%) contrast(85%);opacity: 0.5}
.toward_wrap .rolling-text{width: 100%; overflow: hidden; white-space: nowrap; position: absolute; bottom:0; left:0; z-index:1; }
.toward_wrap .rolling-text .track{display: inline-flex; animation: intro2 20s linear infinite;}
.toward_wrap .rolling-text .track span{font-family:'stellar'; font-size: 200px;padding-right:60px;flex-shrink:0;color:#161719; -webkit-text-stroke:2px #d60d32; opacity: 0.5; line-height: 1; }
.tow_box{position: relative; z-index: 2;display: flex; flex-direction: row; align-items: flex-end; justify-content: flex-end; margin-top: 60px; }
.tow_box .item{width: 320px; padding: 50px 30px 60px 40px; box-sizing: border-box; color:#fff; position: relative; min-height: 320px; }
.tow_box .item .titl{font-size: 22px; font-weight: 700;line-height: 1.2;  margin-bottom: 20px; }
.tow_box .item .subs{font-size: 18px; opacity: 0.5; line-height: 1.25;}
.tow_box .item .year{font-family:'stellar';font-size: 48px; position: absolute; bottom: 30px; left: 40px; line-height:1; }
.tow_box .item:nth-child(odd){background: #b20b2a; }
.tow_box .item:nth-child(even){background: #d60d32}
.tow_box .item01{}
.tow_box .item02{min-height: 420px;}
.tow_box .item03{min-height: 520px;}
.tow_box .item04{min-height: 620px;}
			
.vision_wrap{background: url(/stellarkor/_Img/history_bg01.png) no-repeat; background-size:cover; padding: 120px 0 60px 0;width: 100vw ; margin-left: -20px;  }
.vision_wrap .titl_box .titl,
.vision_wrap .titl_box .subs{color:#fff;}
.vision_wrap .slide_titl{display: flex; justify-content: space-between;align-items: flex-start; margin-top: 50px; }
.vision_wrap .slide_titl .mini{font-size: 18px; color:rgba(255,255,255,0.5); line-height: 1.2; width: calc(100% - 140px); max-width: 70%; }
.vision_wrap .slide_titl .contrl{background: transparent; display: flex; flex-direction: row; align-items: center; padding: 8px 10px; border-radius: 25rem; border: 1px solid #fff; width: 140px; justify-content: space-around; }
.vision_wrap .slide_titl .contrl .prev_btn,
.vision_wrap .slide_titl .contrl .next_btn{width: 30px; height: 30px; background: transparent; border:0; display: block;  position: relative; }
.vision_wrap .slide_titl .contrl .prev_btn:before,
.vision_wrap .slide_titl .contrl .next_btn:before{content:''; display: block; width: 12px; height: 2px; background: #fff; position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%); }
.vision_wrap .slide_titl .contrl .prev_btn:after,
.vision_wrap .slide_titl .contrl .next_btn:after{content:''; display: block; width: 10px; height: 16px; background: url(/_Template/Main/main-stellar/_Img/arr-head.png) no-repeat; background-size: contain; position: absolute; top: 50%; left: calc(50% + 8px); transform: translate(-50%, -50%);}
.vision_wrap .slide_titl .contrl .prev_btn{transform: rotate(180deg)}
.vision_wrap .slide_titl .contrl p{color:#fff; font-size: 17px; font-weight: 700; }

.vision_wrap .slide_box{width: 100%; max-width: calc(((100vw - 1640px) / 2) + 1600px); margin-left: auto ;margin-right: 20px; margin-top: 120px; }
.vision_wrap .slide_box .item{padding: 40px; box-sizing: border-box;  background: rgba(0,0,0,0.1); backdrop-filter: blur(12px); border: 1px solid #fff; color:#fff; width: 100%; height: 100%; }
.vision_wrap .slide_box .item .img_box{width: 40px; height: 40px; margin-left: auto; margin-bottom: 12px; }
.vision_wrap .slide_box .item .img_box img{display: block; width: 100%; height: 100%; object-fit: contain; }
.vision_wrap .slide_box .item .titl{font-size: clamp(22px,1.8vw,28px); line-height: 1.3; font-weight: 600; margin-bottom: 32px; }
.vision_wrap .slide_box .item .subs{font-size: 18px; line-height: 1.5;max-width: 80%; opacity: 0.9 }
.vision-slide .owl-stage{display: flex; }
.vision-slide .owl-item{display: flex; float: none;}
.vision-slide .owl-stage-outer {padding-left: 2px;}

.vision_wrap .vision-nav{display:flex; flex-direction: row; align-items: center; justify-content: flex-end; margin-top: 30px; }
.vision_wrap .vision-nav a{display: flex; justify-content: center; align-items: center; width: 60px; height: 60px;  }
.vision_wrap .vision-nav a img{display: block; }

.history_wrap .scroll-read-star{font-size:clamp(32px,3.6vw,46px); font-family:'stellar'; text-align: center; line-height: 1.3; margin: 200px auto;  width: calc(100% - 40px); }
.history_wrap .scroll-read-star .line{display:block;;}
.history_wrap .scroll-read-star .line > span{display:inline-block;color:#f5f5f7;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.history_wrap .scroll-read-star .line > span{background-image:linear-gradient(to right, #000 0%, #000 var(--p, 0%), #f5f5f7 var(--p, 0%), #f5f5f7 100%);}

.time_wrap{position: relative;}
.time_wrap .titl_box{text-align: center; margin-bottom: 20px; }
.time_wrap .time_box{position: relative; padding: 40px 0 20px 0; }
.time_wrap .time_box:after{content:''; display: block; width: 30px; height: 100%; background: url(/stellarkor/_Img/tick.png); background-repeat: repeat-y; position: absolute; top:0; left: 50%; transform: translateX(-50%);}
.time_wrap .time_box .item{width: calc(50% - 80px); margin-bottom: 80px; position: relative; }
.time_wrap .time_box .item:before{content:''; display: block; width: 40px; height: 40px; background-color:rgba(0,0,0, 0.2);background-image: url(/stellarkor/_Img/ico-diam-w.png);background-repeat: no-repeat; background-size: 12px; background-position: center center; border-radius: 50%;position: absolute; top:10px; transition: all 0.3s ease;z-index: 1; }
.time_wrap .time_box .item.active:before{background-color:#ab0b28 }
.time_wrap .time_box .item:after{content:''; display: block; width:260px; height: 260px; background-position: top center; background-repeat: no-repeat; background-size: contain;  position: absolute; top:0; right:calc(-100vw + 1600px); opacity: 0.2;z-index: 2;}

.time_wrap .time_box .item dl{display: flex;flex-direction: row; align-items: baseline; gap: 2px 26px; }
.time_wrap .time_box .item .year{font-family:'stellar'; color: #ab0b28; font-size: 36px; min-width: fit-content; }
.time_wrap .time_box .item .txt{font-size:18px;font-weight: 500;  color:#171717; line-height: 1.4; transform: translateY(30px); opacity: 0.4; transition: all 0.5s ease;}
.time_wrap .time_box .item .txt p{display: block; margin-bottom: 6px; }
.time_wrap .time_box .item.active .txt{transform: translateY(0); opacity: 1; }
/*홀*/
.time_wrap .time_box .item:nth-child(odd){margin-right: auto; }
.time_wrap .time_box .item:nth-child(odd) dl{flex-direction: row-reverse; }
.time_wrap .time_box .item:nth-child(odd) .txt{text-align: end; }
.time_wrap .time_box .item:nth-child(odd):before{right: -100px}
/*짝*/
.time_wrap .time_box .item:nth-child(even){margin-left: auto; }
.time_wrap .time_box .item:nth-child(even):before{left: -100px}
.time_wrap:after{content:''; display: block; width: 100vw; height: 500px; position: absolute; bottom:0; left:-20px; background: linear-gradient(to bottom, rgba(242,201,76,0), rgba(242,201,76,0.4)); z-index: -1}

.history_bottom{background: linear-gradient(to bottom, rgba(242,201,76,0.4), rgba(242,201,76,1)); padding-top: 100px; width: 100vw; margin-left: -20px}
.history_bottom .scroll-read-end{font-size:clamp(36px,3.6vw,46px); font-family:'stellar'; text-align: center; line-height: 1.3; margin: 100px auto 40px auto}
.history_bottom .scroll-read-end .line{display:block;}
.history_bottom .scroll-read-end .line2,
.history_bottom .scroll-read-end .line2 + .line{display: inline;}
.history_bottom .scroll-read-end .line > span,
.history_bottom .scroll-read-end .line2 > span{display:inline-block;color:#f5f5f7;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.history_bottom .scroll-read-end .line > span{background-image:linear-gradient(to right, #000 0%, #000 var(--p, 0%), #f5f5f7 var(--p, 0%), #f5f5f7 100%);}
.history_bottom .scroll-read-end .line2 > span{background-image:linear-gradient(to right, #b20b2a 0%, #b20b2a var(--p, 0%), #f5f5f7 var(--p, 0%), #f5f5f7 100%);}
.history_bottom .last_txt{text-align: center; font-size: 20px; line-height: 1.6;color:#171717; }
.history_bottom .rolling-text{width: 100%; overflow: hidden; white-space: nowrap; }
.history_bottom .rolling-text .track{display: inline-flex; animation: intro2 20s linear infinite;}
.history_bottom .rolling-text .track span{font-family:'stellar'; font-size: 350px;padding-right:120px;flex-shrink:0;color:rgba(255,255,255,0.09); -webkit-text-stroke:2px #fff; opacity: 0.15; line-height: 1; margin-bottom: -100%; }

@media screen and (max-width: 1640px){
	.root_box02{gap: 30px; }
	.root_box02:before{width: calc(100% - ((33%  / 2) + 82px) )}

	.vision_wrap .slide_box{max-width: calc(100% - 40px);}
}

@media screen and (max-width: 1400px){
	.hist_wrap .box{column-gap: 140px;}
	.hist_wrap .box .txt_box p{font-size: 18px; }
	.hist_wrap .box01{padding-bottom: 0;}
	.vision_wrap .slide_box .item .subs{font-size: 17px; }
	
}

@media screen and (max-width: 1200px){
	.root_box .root{width: 35%; }
	.root_box02 .root{padding: 40px; padding-bottom: 100px; }
	.root_box02 .root .list li{font-size: 18px; }
	.root_txt{font-size: 20px; }
	
	.vision_wrap .slide_box .item .img_box{width: 30px; height: 30px; }
	.vision_wrap .slide_box .item .titl{margin-bottom: 24px; }
	.vision_wrap .slide_box .item .subs{max-width: 100%; }
	
	
}	

@media screen and (max-width: 991px){
	.history_wrap .titl_box .subs{font-size: 20px; }

	.hist_wrap{padding-left: 50px; }
	.hist_wrap:after{left: 20px; transform: translateX(0); }
	.hist_wrap .box{display: flex; flex-direction: column; }
	.hist_wrap .box .star-mark{left: -50px; }
	.hist_wrap .box .img_box{aspect-ratio: 2/1;}
	.hist_wrap .box .txt_box{padding-top: 40px; }
	.hist_wrap .box01{padding-top:30px; }
	.hist_wrap .box01:before,
	.hist_wrap .box02:before{display: none; }
	.hist_wrap .box01 .titl_box{text-align: start; }

	.hist_wrap .box02{padding: 0; }
	.hist_wrap .box02 .titl_box{text-align: start; padding-top: 40px; }

	.root_box{padding-bottom: 60px; }
	.root_box:before{height: 50px; bottom: -15px; }
	.root_box:after{height: 40px; }
	.root_box .root .numb{font-size: 24px; }
	.root_box .root .titl{font-size: 32px; }
	.root_box .root .subs{font-size: 17px; }
	.root_txt{padding-top: 70px; font-size: 18px; }
	.root_txt:before{top: 30px; }
	
	.root_box02{margin-top: 50px; flex-direction: column;  }
	.root_box02:before,
	.root_box02 .root02a:before,
	.root_box02 .root03a:before,
	.root_box02 .root02a:after,
	.root_box02 .root03a:after{display: none; }
	.root_box02 .root01a:before{top: -70px; height: 40px; left: 50%; }
	.root_box02 .root01a:after{left: 50%; }
	.root_box02 .root{width: 100%; padding-bottom: 120px; }
	.root_box02 .root .list li{margin-bottom: 12px; }
	
	.tow_box{flex-direction: column; align-items: flex-start; }
	.tow_box .item{min-height: unset!important;padding: 30px 40px 40px 30px}
	.tow_box .item01{width: 60%;}
	.tow_box .item02{width: 70%;}
	.tow_box .item03{width: 80%;}
	.tow_box .item04{width: 90%;}
	.tow_box .item[data-aos=fade-up]{transform: translate3d(-100px,0,0)}
	.tow_box .item .subs{font-size: 17px; }
	.tow_box .item .year{z-index: -1; opacity: 0.2; bottom:unset;top: 20px; right:30px; left: unset; }
	.toward_wrap .rolling-text{display: none; }

	.vision_wrap{padding-top: 70px; }
	.vision_wrap .slide_titl{margin-top: 24px; flex-direction: column; row-gap: 40px; }
	.vision_wrap .slide_titl .mini{font-size: 17px; line-height: 1.4; max-width: 100%; width: 100%; }
	.vision_wrap .slide_titl .contrl{margin-left: auto; }
	.vision_wrap .slide_box{margin-top: 20px; }
	.vision_wrap .vision-nav a img{width: 40px; height: 40px; object-fit: contain; }
	
	.history_wrap .scroll-read-star{width: 80%; margin: 120px auto 160px auto; }
	.time_wrap .time_box .item{margin-bottom: 60px; width: calc(50% - 60px); }
	.time_wrap .time_box .item dl,
	.time_wrap .time_box .item:nth-child(odd) dl{flex-direction: column; }
	.time_wrap .time_box .item:nth-child(odd) dl{align-items: flex-end;}
	.time_wrap .time_box .item:nth-child(odd):before{right: -80px;}
	.time_wrap .time_box .item:nth-child(even):before{left: -80px;}
	.history_bottom{padding-top: 10px;}
	.history_bottom .last_txt{font-size: 18px; }
	.history_bottom .rolling-text .track span{font-size: 200px;}
	
}

@media screen and (max-width: 768px){
	.history_wrap .titl_box .subs{font-size: 18px; }
	.history_wrap .scroll-read-star{margin-bottom: 100px; }
	.time_wrap .time_box .item .year{font-size: 34px; line-height: 1.2; }
	.time_wrap .time_box .item .txt{font-size: 16px; }
	.time_wrap .time_box .item:before{top:0; }

	
	
}

@media screen and (max-width: 575px){
	.history_wrap .titl_box .subs{font-size: 16px; }
	.tow_box .item01{width: 80%;}
	.tow_box .item02{width: 85%;}
	.tow_box .item03{width: 90%;}
	.tow_box .item04{width: 95%;}

	.vision_wrap .slide_box .item{width: calc(100% - 2px)}

	.root_box{flex-direction: column; }
	.root_box .root{width: 100%; max-width: 300px; }
	.root_box .root01{margin-right: 0; }
	.root_box .root02{margin-top: -40px;}
	.root_box .root03{margin-left: 0; margin-top: -40px;}

	.root_box02 .root{padding-top: 60px; }
	.root_box02 .root .titl{position: relative;}
	.root_box02 .root .titl:before{display: block; position: absolute; top:-26px; left:0; z-index: -1; font-family:'stellar'; font-size: 26px; }
	.root_box02 .root01a .titl:before{content:'Root 1.';  color:#03ae74;  }
	.root_box02 .root02a .titl:before{content:'Root 2.';  color:#d60d32;  }
	.root_box02 .root03a .titl:before{content:'Root 3.';  color:#b20b7e;  }


}
@media screen and (max-width: 460px){
	.history_wrap{margin-bottom: -54px; }
}


@media screen and (max-width: 425px){
	.time_wrap .time_box:after{left: 0; transform:unset; }
	.time_wrap .time_box .item:nth-child(even){margin-left:75px;  width: calc(100% - 75px)}
	.time_wrap .time_box .item:nth-child(odd){margin-left:75px; margin-right: unset;width: calc(100% - 75px)}
	.time_wrap .time_box .item:nth-child(odd):before{left: -80px;}
	.time_wrap .time_box .item:nth-child(odd) dl{align-items: flex-start;}
	.time_wrap .time_box .item:nth-child(odd) .txt{text-align: start; }
	
}
/*공통*/
.exc_mark{font-size: 19px;padding-left: 40px; position:relative;  color: #171717; }
.exc_mark:before{content:'!' ; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; color:#fff; font-size: 20px; position: absolute; top: 0; left:0; }
.exc_mark.danger{color:#d60d32}
.exc_mark.danger:before{background: #d60d32!important; }

/*오시는길*/
.comRoad_sec{}
.map_sec{}
.root_daum_roughmap{width:calc(100% - 2px)!important;border: 1px solid #000; border-bottom:0; }
.root_daum_roughmap .wrap_map{height: 600px!important;; }
.root_daum_roughmap .cont,
.root_daum_roughmap .wrap_controllers{display: none;}
.map_info{width: 100%; padding: 44px 40px; box-sizing: border-box; background: #161719; display:flex; flex-direction: row; align-items: center; justify-content: space-between;}
.map_info .info_txt{display: flex; flex-direction: row; flex-wrap: wrap;  align-items: center; gap: 4px 40px;}
.map_info .info_txt dl{display: flex; flex-direction: row; align-items: center;position: relative;line-height: 1.2;  }
.map_info .info_txt dl:not(:first-child):before{content:''; display: block; width: 1px; height: 16px; background: rgba(255,255,255,0.2);position: absolute; top:50%; left: -20px; transform: translateY(-50%); }
.map_info .info_txt dt{color:#fff; font-size: 21px; font-weight: 600; }
.map_info .info_txt dd{color:#fff; font-size: 24px; font-family:'stellar';padding-left: 12px; }
.map_info .btns{}
.map_info .btns a{display: inline-block; padding: 18px 60px 18px 30px; background: #fff; border-radius: 25rem; margin-left: 12px; color:#000; font-weight: 500; transition: all 0.3s ease; position: relative; font-size: 16px; }
.map_info .btns a:before{content:''; display: block; height: 2px;width: 17px; background: #000; position: absolute; top: 50%; right: 20px; transform:translateY(-50%); }
.map_info .btns a:after{content:''; display: block; width: 10px; height: 17px; background: url(/_Template/Main/main-stellar/_Img/arr-head.png) no-repeat; background-size: contain; filter: brightness(0) saturate(100%); position: absolute;top: 50%; right: 20px;  transform:translateY(-50%) }

.map_info .btns a:hover{background:#d60d32; color:#fff; font-weight: 400; transition: all 0.3s ease; }
.map_info .btns a:hover:before{background:#fff;}
.map_info .btns a:hover:after{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7496%) hue-rotate(216deg) brightness(96%) contrast(101%);}

.howtoCome_wrap{margin-top: 80px; }
.howtoCome_wrap .how_meth{display: flex; flex-direction: row; align-items: flex-start;gap: 8px 20px; }
.howtoCome_wrap .how_meth:not(:last-child){margin-bottom: 160px; }
.howtoCome_wrap .titl_box{display: flex; flex-direction: row; gap: 0 20px; align-items: center; padding-top: 30px; width:30%; min-width: 220px}
.howtoCome_wrap .titl_box .img_box{border: 2px solid #000; display: block; width: 80px; height: 80px; box-sizing: border-box; }
.howtoCome_wrap .titl_box .img_box img{width: 100%; height: 100%; object-fit: contain;}
.howtoCome_wrap .titl_box .titl{color:#000; font-size: 30px; font-weight: 700; line-height: 1.2; }
.howtoCome_wrap .how_box{width: 70%; max-width: 1200px; box-sizing: border-box; }
.how01_bus{}
.how01_bus .how_box{display: flex; flex-wrap:wrap; gap:12px 10px; background: #f5f5f7; padding: 60px }
.how01_bus .how_box .bus{display: flex; flex-direction: row; align-items: center; gap:0 16px; width: calc(50% - 5px);}
.how01_bus .how_box .bus_numb{color:#fff; background: #00a36c; width: 40px; min-width: 40px; height: 40px; border-radius: 50%; display: flex; flex-direction: row; align-items: center;justify-content: center; font-weight: 600; font-size: 16px;white-space: nowrap;  }
.how01_bus .how_box .bus_way{font-size: 21px; line-height: 1.2;  }

.how02_subw{}
.how02_subw .how_box{}
.how02_subw .subw_line{display:flex; flex-direction: row; align-items: flex-start; justify-content: space-around; }
.how02_subw .subw_line li{position: relative; width: 10%; text-align: center; padding-top: 30px; font-size: 20px; color:#000; }
.how02_subw .subw_line li:after{content:'';display: block; width: 100%; height: 7px;background: transparent; border-top: 1px solid #e4e4ea; border-bottom: 1px solid #e4e4ea; position: absolute; top: 0; left:50%; transform: translateX(-50%); z-index: -1; }
.how02_subw .subw_line li em{display: block; width: 24px;height: 24px; border-radius: 50%; position: absolute; top:5px; left: 50%; transform: translate(-50%, -50%); background:#00a36c }
.how02_subw .subw_line li em:after{content:''; display: block; width: 12px; height: 12px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);border-radius: 50%; }
.how02_subw .subw_line li.line_k em{background:#9000aa;}
.how02_subw .subw_line li.cent em{background: #d60d32; width: 30px; height: 30px; }
.how02_subw .subw_line li.line_1 em{background: linear-gradient(to bottom, #edb200 50%, #00a36c 50%); }
.how02_subw .subw_line .line_k{}
.how02_subw .subw_line .cent{font-weight: 700; padding-bottom: 44px; }
.how02_subw .subw_line .cent:before{content:'' ;display: block; width: 12px;height: 12px; background: url(/stellarkor/_Img/ico-diam-red.png) no-repeat; position: absolute; top: -30px; left: 50%; transform:translateX(-50%)}
.how02_subw .subw_line .cent span{display:inline-block; color:#fff; padding: 6px 16px; border-radius: 26rem; background: #d60d32; font-size: 16px; font-weight: 400; margin-top: 8px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%)}
.how02_subw .subw_line .line_1{}
.how02_subw .warn_box{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;  margin-top: 30px;gap:16px 20px;  }
.how02_subw .warn_box .line_kind{display: flex; flex-direction: row; flex-wrap: wrap;  align-items: center;background: #f5f5f7; padding: 12px 36px; border-radius: 25rem; gap: 2px 20px; }
.how02_subw .warn_box .line_kind dl{display: flex; flex-direction: row; align-items: center; }
.how02_subw .warn_box .line_kind dt{display: block; width: 20px; height: 20px; border-radius: 50%; min-width: 20px;  position: relative; }
.how02_subw .warn_box .line_kind dt:after{content:''; display: block; width: 10px; height: 10px; border-radius: 50%; background: #fff; position: absolute; top:50%; left: 50%; transform:translate(-50%, -50%); }
.how02_subw .warn_box .line_kind dd{margin-left: 8px; font-size: 18px; }
.how02_subw .warn_box .line_kind .line_1 dt{background: #edb200}
.how02_subw .warn_box .line_kind .line_2 dt{background: #00a36c}
.how02_subw .warn_box .line_kind .line_k dt{background: #9000aa}
.how02_subw .warn_box .exc_mark:before{background: #edb200;}

.how03_park{}
.how03_park .how_box{background: #f5f5f7; padding: 60px;  }
.how03_park .how_box dl{font-size: 20px; margin-bottom: 30px; display: flex; flex-direction: row; align-items: center; gap:2px 8px; color:#171717; position: relative; padding-left: 14px; flex-wrap: wrap; }
.how03_park .how_box dl:before{content:''; display: block;width: 5px;height: 5px; background: #000; border-radius: 50%; position: absolute; top: 13px; left:0; }
.how03_park .how_box dt{font-weight: 500; }
.how03_park .how_box dd{}
.how03_park .how_box p.exc_mark:before{background: #00a36c}
.how03_park .how_box p:not(:last-child){margin-bottom: 12px; }

.how04_traf{}
.how04_traf .how_box{display: flex; flex-wrap: wrap; gap:36px;  }
.how04_traf .how_box .item{width: calc(50% - 18px);border: 1px solid #ccc; padding: 36px; box-sizing:border-box;  }
.how04_traf .how_box .item h6{color:#171717; font-size: 24px; font-weight: 600; line-height: 1.5; margin-bottom: 24px; }
.how04_traf .how_box .item ol{display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px; }
.how04_traf .how_box .item ol li{font-size: 17px; font-weight: 400; position: relative; }
.how04_traf .how_box .item ol li:first-child{font-weight: 500; }
.how04_traf .how_box .item ol li:last-child{color:#d60d32; font-weight: 500; }
.how04_traf .how_box .item ol li:not(:first-child){padding-left: 24px; }
.how04_traf .how_box .item ol li:not(:first-child):after{content:''; display: block; width:7px; height: 12px; background: url(/_Template/Main/main-stellar/_Img/arr-head.png) no-repeat; background-size: contain; position: absolute;top: 50%; left: 11px; transform: translateY(-50%); filter: brightness(0) saturate(100%); opacity: 0.7}
.how04_traf .how_box .item ol li:last-child:after{filter: brightness(0) saturate(100%) invert(22%) sepia(67%) saturate(4302%) hue-rotate(337deg) brightness(80%) contrast(111%);}
.how04_traf .how_box .item p{display: inline-block; padding: 4px 20px; background: #f5f5f7; border-radius: 25rem; }
.how04_traf .how_box .item p span{color:#d60d32; }

@media screen and (max-width: 1200px){
	.map_info{flex-direction: column; align-items: flex-start; }
	.map_info .info_txt{margin-bottom: 12px; }
	.map_info .btns{margin-left: auto; }

	.howtoCome_wrap .titl_box .img_box{width: 64px; height: 64px; }
	.howtoCome_wrap .titl_box .titl{font-size: 24px; }
	.howtoCome_wrap .how_box{width: 100%; }

	.how01_bus .how_box .bus_way{font-size: 18px; }

	
}

@media screen and (max-width: 991px){
	.exc_mark{font-size: 17px; padding-left: 34px; }
	.exc_mark:before{width: 25px; height: 25px; top: 2px; }
	.howtoCome_wrap .how_meth{flex-direction: column; }
	.howtoCome_wrap .how_meth:not(:last-child){margin-bottom: 70px; }
	.howtoCome_wrap .titl_box{padding-top:0; width: 100%; }
	.howtoCome_wrap .how_box{max-width: unset; }
	.how01_bus .how_box{padding: 40px; }
	.how02_subw .how_box{margin-top: 40px; }
	.how02_subw .subw_line li{font-size: 17px; }

	.how03_park .how_box{padding: 40px;}
	.how04_traf .how_box{gap: 20px; }
	.how04_traf .how_box .item{width: calc(50% - 10px); padding: 36px 26px; }
	
	
}

@media screen and (max-width: 768px){
	.map_info .info_txt dl:not(:first-child):before{display: none; }
	.how01_bus .how_box{row-gap: 6px; }
	.how01_bus .how_box .bus{width: 100%; }
	.how01_bus .how_box .bus_numb{height: unset; padding: 4px; border-radius: 0; width: 50px; min-width: 50px; }
	.how02_subw .subw_line li{width: calc(100% / 7); font-size: 15px; }
	.how02_subw .warn_box .line_kind dd{font-size: 16px; }


	.how03_park .how_box dl{font-size: 17px; }
	.how04_traf .how_box .item h6{font-size: 20px; line-height: 1.3; }
	.how04_traf .how_box .item p{font-size: 15px; }

}

@media screen and (max-width: 575px){
	.map_info .btns{display: flex;flex-wrap: wrap;  flex-direction: row; align-items: center; gap: 10px; margin-left: 0; width: 100%; }
	.map_info .btns a{padding: 10px 45px 10px 20px; width: calc(50% - 5px); box-sizing: border-box; margin-left: 0; }

	.how04_traf .how_box .item{width: 100%;}


}

@media screen and (max-width: 425px){
	.map_info .btns a{width: 100%; }
	.map_info .info_txt{row-gap: 16px; }
	.map_info .info_txt dl{flex-direction: column; align-items: flex-start; row-gap: 4px; }
	.map_info .info_txt dt{font-size: 16px; }
	.map_info .info_txt dd{font-size: 22px; padding-left:0; }
	.how01_bus .how_box{padding: 40px 26px; }
	.how01_bus .how_box .bus_way{font-size: 17px; }


}


.gallery-in-wrap .pimg img{object-fit: cover; }