@charset "UTF-8";


.tbl01.board_type08 td.left {text-align:left;}

/*===== 공통 스타일 =====*/
.cont-txt {font-size:1.7rem; line-height:2.8rem;}
.border-box {border:1px solid var(--color-border02); padding:8rem; text-align:center; overflow:hidden;}
.border-box img {width:auto; max-width:100%; height:auto;}
.border-box.type2 {padding:4rem;}
.border-box.type2 .txt {font-size:1.8rem; margin-top:2rem;}
.highlight1 {color:var(--color-point01); font-weight:500;}
.highlight2 {color:var(--color-primary02); font-weight:500;}
.highlight3 {color:var(--color-primary03); font-weight:500;}
.img-preview {position:relative;}
.img-preview .preview-btn {display:none;}
.img-preview img {max-width:100%;}
.img-box {position:relative; width:100%;}
.img-box img {width:auto; height:auto;}
.btn-wr {display:flex; flex-direction:column; gap:1rem; flex-wrap:wrap;}
.btn-wr + * {margin-top:2rem;}
.btn-gbox {display:flex; flex-wrap:wrap; gap:1rem; align-items:center; justify-content:center; padding:2.5rem; background:var(--color-bg02);}
.btn-gbox .btn {display:inline-flex;}
a.txtlink:hover, a.txtlink:focus {color:var(--color-primary03); font-weight:600; text-decoration:underline; text-underline-offset:3px;}
table.board_type08 strong {font-weight:500;}

  @media screen and (max-width: 1299px) {
    .border-box {padding:6rem;}
  }

  @media screen and (max-width: 799px) {
    .cont-txt {font-size:1.6rem; line-height:2.5rem;}
    .border-box {padding:4rem;}
    .img-preview .preview-btn {display: block; position: absolute; top: 0; right: 0; height: 40px; width: 90px; background: rgba(0,0,0,0.7); color: var(--color-text100); text-align: center; line-height: 40px; z-index:2;  font-size:14px; letter-spacing:-0.04em;}
    .border-box.type2 {padding:3rem;}
  }
  @media screen and (max-width: 599px) {
    .img-box img {width:100%; height:auto;}
  }
  @media screen and (max-width: 499px) {
    .cont-txt {font-size:1.5rem; line-height:2.4rem;}
    .border-box,
    .border-box.type2 {padding:2rem;}
    .btn-gbox .btn {width:100%;}
  }



/* 상단 이미지형 */
.cont-img-type {position:relative;}
.cont-img-type .image {position:relative; width:100%; height:45rem;}
.cont-img-type .image::before {content:''; position:absolute; bottom:-10rem; left:-24rem; width:70rem; height:20rem; background:var(--color-gray03); z-index:-1;}
.cont-img-type .image img {width:100%; height:100%; object-fit:cover;}
.cont-img-type .text-wr {display:flex; gap:0 8rem; margin-top:13.2rem;}
.cont-img-type .text-wr .title {position:relative; width:46rem; padding-left:5rem;}
/* .cont-img-type .text-wr .title::before {content:''; position:absolute; top:-5.8rem; left:6.2rem; width:4.4rem; height:5rem; background:url('/share/portal/img/Contents/shape_diamond.svg') no-repeat center center / contain;} */
.cont-img-type .text-wr .title .tit {font-family:var(--font-family01); font-size:3.8rem; font-weight:600; line-height:5rem; color:var(--color-primary01);}
.cont-img-type .text-wr .con-desc {width:calc(100% - 46rem); color:var(--color-text30);}
.cont-img-type .text-wr .con-desc .desc {font-size:2.2rem; font-weight:500; margin-bottom:6rem; line-height:1.59;}
.cont-img-type .text-wr .con-desc .text {font-size:1.8rem; line-height:1.67;}
.cont-img-type .text-wr .con-desc .text + .text {margin-top:4rem;}
.cont-img-type .text-wr .con-desc .text .highlight {color:var(--color-primary03); font-weight:500;}

  @media screen and (max-width: 1280px) {
    .cont-img-type .image {height:auto;}
    .cont-img-type .image::before {bottom:-7rem;}
    .cont-img-type .text-wr {margin-top:10rem;}
    .cont-img-type .text-wr .title {width:30rem;}
    /* .cont-img-type .text-wr .title::before {top:-4rem; width:3.5rem; height:4rem;} */
    .cont-img-type .text-wr .title .tit {font-size:3.2rem; line-height:4.2rem;}
    .cont-img-type .text-wr .con-desc {width:calc(100% - 30rem);}
  }
  @media screen and (max-width: 999px) {
    .cont-img-type .text-wr {flex-direction:column; gap:5rem 0; margin-top:8rem;}
    .cont-img-type .image::before {left:-5rem; bottom:-5rem; width:50rem; height:15rem;}
    .cont-img-type .text-wr .title {width:auto; padding-left:0;}
    /* .cont-img-type .text-wr .title::before {top:-5rem; left:0;} */
    .cont-img-type .text-wr .title br {display:none;}
    .cont-img-type .text-wr .con-desc {width:auto;}
    .cont-img-type .text-wr .con-desc .desc {font-size:2rem; line-height:1.59; margin-bottom:4rem;}
    .cont-img-type .text-wr .con-desc .text {font-size:1.7rem; line-height:1.67;}
    .cont-img-type .text-wr .con-desc .text + .text {margin-top:3rem;}
  }
  @media screen and (max-width: 499px) {
    .cont-img-type .image::before {width:100%; height:10rem;}
    .cont-img-type .text-wr {gap:4rem 0;}
    .cont-img-type .text-wr .title .tit {font-size:2.8rem; line-height:4rem;}
  }


/* 상단 아이콘형 */
.cont-ico-type {position:relative; display:flex; min-height:28rem; gap:0 10rem; border:8px solid #ddd; padding:5rem;}
.cont-ico-type .text-wr {width:calc(100% - 28rem);}
.cont-ico-type .text-wr .tit {position:relative; font-size:3.2rem; font-family:var(--font-family01); font-weight:500; color:var(--color-primary01); line-height:1.4;}
.cont-ico-type .text-wr .tit::after {content:''; display:block;width:5rem; height:.3rem; background:var(--color-primary01); margin:2rem 0;}
.cont-ico-type .text-wr .desc {display:inline-flex; flex-direction:column; gap:4rem;}
.cont-ico-type .text-wr .desc .txt {font-size:2rem; line-height:3rem; color:var(--color-text30);}
.cont-ico-type .ico {position:relative; width:18rem; height:18rem; border-radius:50%; background:var(--color-bg03); display:flex; align-items:center; justify-content:center;}
/* .cont-ico-type .ico::before {content:''; position:absolute; top:0; left:-6rem; width:6rem; height:6rem; background:url('/share/portal/img/Contents/shape_flower.svg') no-repeat center center / contain;} */

  @media screen and (max-width: 999px) {
    .cont-ico-type {padding:4rem; gap:0 8rem; min-height:auto;}
    .cont-ico-type .text-wr {width:calc(100% - 22rem);}
    .cont-ico-type .text-wr .tit {font-size:3rem;}
    .cont-ico-type .ico {width:14rem; height:14rem;}
    .cont-ico-type .ico img {transform:scale(0.8);}
    /* .cont-ico-type .ico::before {left:-4.8rem; width:4.8rem; height:4.8rem;} */
    .cont-ico-type .text-wr .desc .txt {font-size:1.8rem; line-height:2.8rem;}
  }
  @media screen and (max-width: 699px) {
    .cont-ico-type {gap:0 6rem;}
    .cont-ico-type .text-wr {width:calc(100% - 18rem);}
    .cont-ico-type .ico {width:11rem; height:11rem;}
    .cont-ico-type .ico img {transform:scale(0.6);}
    /* .cont-ico-type .ico::before {left:-3.6rem; width:3.6rem; height:3.6rem;} */
  }
  @media screen and (max-width: 599px) {
    .cont-ico-type {flex-direction:column-reverse; gap:3rem; padding:3rem;}
    .cont-ico-type .ico {margin:0 auto;}
    .cont-ico-type .text-wr {width:100%;}
    .cont-ico-type .text-wr .tit {font-size:2.6rem;}
    .cont-ico-type .text-wr .tit::after {margin:1.2rem 0;}
    .cont-ico-type .text-wr .desc {gap:3rem;}
    .cont-ico-type .text-wr .desc .txt {font-size:1.7rem; line-height:2.5rem;}
  }


/* 리스트형 */
.cont-list-type {position:relative; display:flex; flex-wrap:wrap; gap:4rem 4.5rem; align-items:stretch;}
.cont-list-type .item {width:calc((100% - 9rem) / 3); display:flex; flex-direction:column; gap:3rem; padding:4rem 3rem; border:1px solid var(--color-border02);}
.cont-list-type.col2 {gap:4rem;}
.cont-list-type.col2 .item {width: calc(50% - 2rem);}
.cont-list-type.full {gap:3rem;}
.cont-list-type.full .item {width: 100%;}
.cont-list-type .item .title {display:flex; align-items:center; gap:0 3rem; padding-bottom:2.5rem; border-bottom:1px solid var(--color-primary01);}
.cont-list-type .item .title .tit {width:calc(100% - 6rem); font-size:2.2rem; font-weight:600; line-height:3rem; color:var(--color-text20);}
.cont-list-type .item .title .num {display:inline-flex; align-items:center; justify-content:center; width:6rem; height:4rem; border:2px solid var(--color-border02); border-radius:999rem; font-family:var(--font-family01); font-size:1.7rem; font-weight:600; color:var(--color-primary03); padding-top:.2rem;}
.cont-list-type .item .desc p {font-size:1.8rem; line-height:1.67; color:var(--color-text30);}

  @media screen and (max-width: 1280px) {
    .cont-list-type {gap:4rem;}
    .cont-list-type .item {width: calc(50% - 2rem);}
  }
  @media screen and (max-width: 799px) {
    .cont-list-type,
    .cont-list-type.col2 {gap:3rem;}
    .cont-list-type .item,
    .cont-list-type.col2 .item {width: calc(50% - 1.5rem);}
    .cont-list-type .item {gap:2.5rem; padding:3rem 2.5rem;}
    .cont-list-type .item .title {padding-bottom:2rem;}
    .cont-list-type .item .title .tit {font-size:2rem;}
  }
  @media screen and (max-width: 599px) {
    .cont-list-type,
    .cont-list-type.col2,
    .cont-list-type.full {gap:2rem;}
    .cont-list-type .item,
    .cont-list-type.col2 .item {width: 100%;}
    .cont-list-type .item .title .num {width:5rem; height:3.6rem; font-size:1.5rem; padding-top:.2rem;}
  }


/* 주소, 전화 박스 */
.loctel {position:relative; display:flex; flex-wrap:wrap; gap:2rem 6rem; padding:2rem 3rem; background:var(--color-gray03);}
.loctel .item {display:flex; align-items:center; height:5.4rem;}
.loctel .item dt {position:relative;  padding-left:7.4rem; font-size:1.8rem; font-weight:600; color:var(--color-primary01);  display:flex; align-items:center; justify-content:center;}
.loctel .item dt::before {content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:5.4rem; height:5.4rem; border-radius:50%; background:var(--color-primary01) url('/share/portal/img/Contents/ico_location.svg') no-repeat center center;}
.loctel .item dt.tel::before {background-image:url('/share/portal/img/Contents/ico_tel.svg');}
.loctel .item dd {padding-left:1.5rem; font-size:1.8rem; color:var(--color-text30); font-weight:500;}

  @media screen and (max-width: 599px) {
    .loctel {padding:3rem 2rem 2rem; gap:0;}
    .loctel .item {flex-direction:column; align-items:flex-start; gap:1rem; height:100%;}
    .loctel .item + .item {margin-top:2rem;}
    .loctel .item dt {padding-left:5.5rem; font-size:1.7rem;}
    .loctel .item dt::before {width:4.3rem; height:4.3rem; background-size:34% auto;}
    .loctel .item dd {padding-left:5.4rem; font-size:1.7rem;}
  }


/* 플로우 기본 */
.cont-flow-type {display:flex; flex-wrap:wrap; justify-content:center; gap:3rem 5rem;}
.cont-flow-type .item {position:relative; display:flex; flex-direction:column; align-items:center; width:calc((100% - 20rem) / 5); min-height:15rem; gap:1rem 0; padding:2rem; background:var(--color-gray03); text-align:center;}
.cont-flow-type .item::after {position:absolute; content:''; right:-3.2rem; top:50%; transform:translateY(-50%); width:1.4rem; height:2.8rem; background:url('/share/portal/img/Contents/cont-flow_arrow.svg') no-repeat center center / contain;}
.cont-flow-type .item:last-child::after {display:none !important;}
.cont-flow-type .item:nth-child(5n)::after {display:none;}
.cont-flow-type .item .num {display:inline-flex; align-items:center; align-self:flex-end; height:3.6rem; padding:0 1.5rem; font-family:var(--font-family01); font-size:1.5rem; font-weight:500; background:var(--color-primary01); color:var(--color-text100); border-radius:var(--radiusPill); line-height:0;}
.cont-flow-type .item:nth-child(even) .num {background:var(--color-primary03);}
.cont-flow-type .tit {font-size:1.9rem; color:var(--color-text20); font-weight:600; margin-bottom:.5rem; word-wrap:anywhere; overflow-wrap:anywhere; line-height:1.6;}
.cont-flow-type .txt {line-height:1.6; word-wrap:anywhere; overflow-wrap:anywhere;}

.cont-flow-type.col3 .item {width:calc((100% - 10rem) / 3);}
.cont-flow-type.col3 .item:nth-child(3n)::after {display:none;}
.cont-flow-type.col3 .item:nth-child(5n)::after {display:block;}
.cont-flow-type.col3 .item:last-child::after {display:none !important;}

  @media screen and (max-width: 1440px) {
    .cont-flow-type {gap:3rem 5rem;}
    .cont-flow-type .item {width:calc((100% - 15rem) / 4);}

    .cont-flow-type .item:nth-child(5n)::after {display:block;}
    .cont-flow-type .item:nth-child(4n)::after {display:none;}
    .cont-flow-type.col3 .item:nth-child(4n)::after {display:block;}
  }
  @media screen and (max-width: 799px) {
    .cont-flow-type {gap:3rem 5rem;}
    .cont-flow-type .item {width:calc((100% - 10rem) / 3);}
    .cont-flow-type .item:nth-child(4n)::after {display:block;}
    .cont-flow-type .item:nth-child(3n)::after {display:none;}
  }
  @media screen and (max-width: 599px) {
    .cont-flow-type {gap:3rem 5rem;}
    .cont-flow-type .item,
    .cont-flow-type.col3 .item {width:calc((100% - 5rem) / 2);}
    .cont-flow-type .item:nth-child(3n)::after,
    .cont-flow-type.col3 .item:nth-child(3n)::after {display:block;}
    .cont-flow-type .item:nth-child(2n)::after {display:none;}
  }
  @media screen and (max-width: 399px) {
    .cont-flow-type {gap:3rem 0;}
    .cont-flow-type .item,
    .cont-flow-type.col3 .item {width:100%; min-height:auto; text-align:left; align-items:flex-start;}
    .cont-flow-type .item:nth-child(2n)::after {display:block;}
    .cont-flow-type .item::after {right:auto; top:auto; left:50%; bottom:-3rem; transform:translateX(-50%) translateY(0) rotate(90deg);}
  }


/* 플로우 아이콘형 */
.cont-flow-ico {display:flex; flex-wrap:wrap; justify-content:center; gap:3rem 6.8rem;}
.cont-flow-ico .item {position:relative; display:flex; flex-direction:column; align-items:center; width:18rem; gap:1.8rem 0;}
.cont-flow-ico .item::after {position:absolute; content:''; right:-3.4rem; top:4.1rem; width:1.4rem; height:2.8rem; background:url('/share/portal/img/Contents/cont-flow_arrow.svg') no-repeat center center / contain;}
.cont-flow-ico .item:last-child:after {display:none;}
.cont-flow-ico .item .ico {display:flex; flex-direction:column; align-items:center; justify-content:center; width:12rem; height:12rem; border-radius:var(--radiusPill); border:1px solid var(--color-border01);}
.cont-flow-ico .item .txt {font-size:1.9rem; font-weight:500; color:var(--color-text30); text-align:center; line-height:1.6;}
  
  @media screen and (max-width: 1199px) {
    .cont-flow-ico .item:nth-child(4n):after {display:none;}
  }
  @media screen and (max-width: 999px) {
    .cont-flow-ico .item:nth-child(4n):after {display:block;}
    .cont-flow-ico .item:nth-child(3n):after {display:none;}
    .cont-flow-ico .item:last-child:after {display:none;}
  }
  @media screen and (max-width: 729px) {
    .cont-flow-ico .item:nth-child(3n):after {display:block;}
    .cont-flow-ico .item:nth-child(2n):after {display:none;}
    .cont-flow-ico .item:last-child:after {display:none;}
  }
  @media screen and (max-width: 599px) {
    .cont-flow-ico {gap:5rem 0;}
    .cont-flow-ico .item {width:100%;}
    .cont-flow-ico .item:nth-child(2n):after {display:block;}
    .cont-flow-ico .item:last-child:after {display:none;}
    .cont-flow-ico .item::after {right:auto; top:auto; left:50%; bottom:-3.8rem; transform:translateX(-50%) translateY(0) rotate(90deg);}
  }


/* Q&A */
.qa-box {display:flex; flex-direction:column; gap:1rem;}
.qa-box .qa-list {display:flex; flex-direction:column; gap:1.5rem; padding:3rem; border:4px solid var(--color-border02);}
.qa-box .qa-list .item {display:flex; gap:1.5rem;}
.qa-box .qa-list .item .tit {width:4rem; height:4rem; border-radius:var(--radiusPill); background:var(--color-bg02); font-size:1.8rem; line-height:4rem; color:var(--color-primary01); font-family:var(--font-family01); font-weight:500; text-align:center;}
.qa-box .qa-list .item .txt {display:inline-flex; width:calc(100% - 4rem - 1.5rem); padding-top:1rem;}
.qa-box .qa-list .item.question .txt {font-size:1.8rem; color:var(--color-text30); font-weight:500;}
.qa-box .qa-list .item.answer .tit {color:var(--color-text100); background:var(--color-primary01);}

  @media screen and (max-width: 599px) {
    .qa-box .qa-list {padding:2rem;}
    .qa-box .qa-list .item.question .txt {font-size:1.7rem;}
  }


/* 체계도 */
.sysdiagram-wr {display:flex; flex-direction:column; gap:7rem 0;}
.sysdiagram {display:flex; gap:0 4rem;}
.sysdiagram .title {width:20rem; font-family:var(--font-family01); color:var(--color-text0); font-size:2.5rem; font-weight:500; padding-top:3rem; border-top:2px solid var(--color-primary01);}
.sysdiagram .title .stit {display:block; margin-top:7.5rem;}
.sysdiagram .cont {width:calc(100% - 20rem - 4rem);}

.sysdiag-tit-box {display:flex; align-items:center; justify-content:center; width:100%; min-height:8rem; background:var(--color-primary01); color:var(--color-text100); font-size:2.2rem; font-weight:500; text-align:center;}
.sysdiag-tit-box.color02 {background:var(--color-primary02);}
.sysdiag-tit-box.color03 {background:var(--color-primary03);}
.sysdiag-tit-box.color04 {background:var(--color-point04);}
.sysdiag-tit-box.color05 {background:var(--color-point03);}
.sysdiag-tit-box.big {font-size:2.5rem; min-height:10rem; font-weight:600;}
.sysdiagram .cont .arrow {position:relative;}
.sysdiagram .cont .arrow::after {position:absolute; content:''; left:50%; bottom:-5.3rem; transform:translateX(-50%);  width:2rem; height:3.3rem; background:url('/share/portal/img/Contents/sysdiagram_arrow.svg') no-repeat center center / contain;}

.sysdiag-gboxlist {display:flex; padding:1rem; background:var(--color-bg02); gap:1rem;}
.sysdiag-gboxlist li {flex:1; display:inline-flex; align-items:center; justify-content:center; width:calc((100% - 2rem) / 3); min-height:6rem; padding:2rem 2.5rem; font-size:2rem; color:var(--color-text20); font-weight:500; text-align:center;}
.sysdiag-ctitBox-wr {display:flex; gap:0 2.5rem;}
.sysdiag-ctitBox {display:flex; flex-direction:column; gap:1.5rem; width:calc((100% - 10rem) / 5); padding:1rem; background:var(--color-primary01);}
.sysdiag-ctitBox .tit {font-size:1.9rem; color:var(--color-text100); font-weight:600; text-align:center; padding:1rem 1rem 1rem;}
.sysdiag-ctitBox .desc {display:flex; height:100%; padding:1.5rem;background:#fff;}
.sysdiag-ctitBox.no-bg .desc {background:none;}
.sysdiag-ctitBox .desc,
.sysdiag-ctitBox .desc * {line-height:1.6}
.sysdiag-ctitBox .desc .cList01 li {letter-spacing:-.15rem;}


.sysdiag-ctitBox-wr.line {padding:1.5rem; border:1px solid var(--color-border02);}
.sysdiag-ctitBox-wr.col3 {gap:2rem;}
.sysdiag-ctitBox-wr.col3 .sysdiag-ctitBox {width:calc((100% - 4rem) / 3);}
.sysdiag-ctitBox-wr.col2 {gap:2rem;}
.sysdiag-ctitBox-wr.col2 .sysdiag-ctitBox {width:calc((100% - 2rem) / 2);}

.sysdiag-ctitBox.color01 {background:var(--color-primary03);}
.sysdiag-ctitBox.color02 {background:var(--color-primary04);}
.sysdiag-ctitBox.color03 {background:var(--color-point04);}
.sysdiag-ctitBox.color04 {background:var(--color-point03);}
.sysdiag-ctitBox.color05 {background:var(--color-bg03);}
.sysdiag-ctitBox.color06 {background:#EBFBFF;}

.sysdiag-ctitBox.color05 .tit {color:var(--color-text30); border-bottom: 1px solid var(--color-primary01);}
.sysdiag-ctitBox.color06 .tit {color:var(--color-text30); border-bottom: 1px solid var(--color-point03);}


  @media screen and (max-width: 1299px) {
    .sysdiag-ctitBox-wr {flex-wrap:wrap; gap:2rem;}
    .sysdiag-ctitBox {width:calc((100% - 4rem) / 3);}
  }
  @media screen and (max-width: 999px) {
    .sysdiagram-wr {gap:5rem 0;}
    .sysdiagram .title {font-size:2.2rem; padding-top:2.5rem;}
    .sysdiag-tit-box {min-height:auto; padding:2rem; font-size:2rem;}
    .sysdiag-tit-box.big {font-size:2.2rem; min-height:auto; padding:2rem;}
    .sysdiagram .cont .arrow::after {bottom:-3.8rem; width:1.6rem; height:2.6rem;}
    .sysdiag-gboxlist li {font-size:1.8rem;}
    .sysdiag-ctitBox,
    .sysdiag-ctitBox-wr.col3 .sysdiag-ctitBox {width:calc((100% - 2rem) / 2);}
    .sysdiag-ctitBox .tit {font-size:1.7rem;}
  }
  @media screen and (max-width: 799px) {
    .sysdiagram .title {width:13rem; font-size:2rem; padding-top:2rem;}
    .sysdiagram .cont {width:calc(100% - 13rem - 4rem);}
    .sysdiag-tit-box {font-size:1.8rem;}
    .sysdiag-tit-box.big {font-size:2rem;}
    .sysdiag-gboxlist {flex-direction:column;}
    .sysdiag-gboxlist li {width:100%; min-height:auto; padding:1.5rem;}
    .sysdiag-ctitBox,
    .sysdiag-ctitBox-wr.col3 .sysdiag-ctitBox,
    .sysdiag-ctitBox-wr.col2 .sysdiag-ctitBox {width:100%;}
  }
  @media screen and (max-width: 599px) {
    .sysdiagram {flex-direction:column; gap:2rem;}
    .sysdiagram .title {display:inline-flex; width:fit-content;}
    .sysdiagram .title br {display:none;}
    .sysdiagram .title .stit {display:inline-block; margin-top:0; margin-left:2rem;}
    .sysdiagram .cont {width:100%;}
    .sysdiag-tit-box {font-size:1.7rem;}
    .sysdiag-tit-box.big {font-size:1.9rem;}
    .sysdiag-ctitBox .tit {padding:.5rem 1rem 1rem;}
    .sysdiag-gboxlist li {font-size:1.6rem;}
    
  }


/*===== 한세소개 =====*/
/* 총장실 > 인사말 */
.greeting-wr {display:flex; flex-direction:column;}
.greeting-top {display:grid; gap:10rem; align-items:flex-start;
grid-template-areas:
"grt-cont grt-photo"
"grt-info grt-photo";
}

.greeting-photo {flex-shrink:0; width:51rem;grid-area: grt-photo;}
.greeting-photo > p {position:relative;}
.greeting-photo > p::after {position:absolute; content:'';left:0;bottom:0; width:calc(100% + ((100vw - var(--innerW))/2) - 4px);min-width:calc(100% + var(--inwrap-vp)); height:calc(100% - 7rem);background:#BFC2BC;border-radius:10px 0 0 0;}
.greeting-photo img {width:100%; height:auto;margin-left:2rem;position:relative;z-index:1;}
.greeting-photo .name-box {padding:8rem 12rem;height:30rem;margin-left:6rem;font-family:var(--font-family01);background:#F4F4F4;width:calc(100% + ((100vw - var(--innerW))/2) - 6.4rem);min-width:calc(100% + var(--inwrap-vp));border-radius:0 0 0 10px;}
.greeting-photo .name-box .position {font-size:2.5rem; font-family:var(--font-family03), var(--font-family02); color:var(--color-text20); margin-bottom:2rem;}
.greeting-photo .name-box .name {font-size:4rem; font-weight:700; color:var(--color-text0);font-family:var(--font-family03), var(--font-family02);}

.greeting-cont {flex:1;margin-top:4rem;grid-area: grt-cont;}
.greeting-cont .tit-area {display:flex; flex-direction:column; align-items:flex-start; gap:1.5rem; margin-bottom:3rem;}
.greeting-cont .tit-area .icon-star {display:block; width:4.4rem; height:5.4rem;}
.greeting-cont .tit-area .slogan {display:block; font-family: 'Libre Baskerville';font-style: italic; font-size:4.6rem;line-height:6rem; color:var(--color-primary01);}
.greeting-cont .tit-area .slogan span {display:inline-block;}
.greeting-cont .slogan01 {font-size:3rem; font-weight:600; line-height:1.5; color:var(--color-text20); margin-bottom:3rem;}
.greeting-cont .slogan01 .highlight2 {color:var(--color-primary03);}
.greeting-cont .slogan02 {font-size:2.5rem; font-weight:600; color:var(--color-text20); margin-bottom:3rem; line-height:1.5;}
.greeting-cont .message-txt {font-size:1.8rem; color:var(--color-text30);}
.greeting-cont .message-txt p {line-height:3rem;}
.greeting-cont .message-txt p + p {margin-top:3rem;}
.greeting-cont .message-txt p:last-child {margin-bottom:0;}

.president-info {display:flex; flex-direction:column; gap:5rem;grid-area: grt-info;}
.president-info .info-row {display:flex; gap:6rem;}
.president-info .info-label {flex-shrink:0; width:15rem; padding-top:3rem; font-family:var(--font-family03), var(--font-family02); font-size:2.5rem; font-weight:700; color:var(--color-text20); display:flex; justify-content:flex-end; border-top:2px solid var(--color-primary01);}
.president-info .info-cont {flex:1; padding-top:3rem; border-top:2px solid var(--color-border02);}


  @media screen and (max-width: 1299px) {
    .greeting-top {gap:8rem;}
    .greeting-photo {width:40rem;}
    .greeting-photo .name-box {padding-left:2rem;padding-right:2rem;display:flex;align-items:flex-start;justify-content:center;}
    .greeting-cont .tit-area {gap:0; margin-bottom:2.5rem;}
    .greeting-cont .tit-area .slogan {font-size:4rem; line-height:1.5;}
    .greeting-cont .slogan01 {margin-bottom:4rem; font-size:2.8rem;}
    .greeting-cont .slogan02 {font-size:2.3rem; margin-bottom:2.5rem;}
    .greeting-cont .message-txt p + p {margin-top:2.5rem;}

  }
  @media screen and (max-width: 999px) {
  	.greeting-cont {margin-top:2rem;}
    .greeting-top {gap:0;
    	grid-template-areas:
		"grt-cont"
		"grt-photo"
		"grt-info";
    }
    .greeting-photo {width:100%; max-width:40rem; margin:0 auto 6rem;}
    .greeting-photo > p::after {min-width:0;width:100%;height:calc(100% - 5rem);}
    .greeting-photo img {margin-left:-0.5rem;}
    .greeting-photo .name-box {margin-left:0;min-width:0;width:100%;}
    .greeting-cont .tit-area {margin-bottom:1.5rem;}
    .greeting-cont .tit-area .slogan {font-size:3.6rem;}
    .greeting-cont .tit-area .slogan br,
    .greeting-cont .slogan01 br {display:none;}
    .greeting-cont .slogan01 {font-size:2.6rem; margin-bottom:3rem;}
  }

  @media screen and (max-width: 599px) {
    .greeting-cont .tit-area .icon-star {width:3.5rem; height:4.3rem; margin-bottom:.5rem;}
    .president-info .info-row {flex-direction:column;}
    .president-info .info-label {width:100%;}
    .president-info .info-cont {padding:3rem 0 0;}
    .greeting-cont .tit-area .slogan {font-size:3rem;}
    .president-info .info-row {gap:2.5rem;}
    .president-info .info-label {justify-content:flex-start; font-size:2.2rem; padding-top:2rem;}
    .greeting-cont .message-txt p {font-size:1.6rem; line-height:1.8;}
  }
  @media screen and (max-width: 499px) {
    .greeting-photo .name-box .position {font-size:2rem;}
    .greeting-photo .name-box .name {font-size:3rem;}
    .greeting-cont .slogan01 {font-size:2.4rem;}
    .greeting-cont .slogan02 {font-size:2rem;}
    .president-info .info-label {font-size:2rem;}
  }



  
/* 이념과 비전 */
.vis-tit {position:relative; display:flex; align-items:center; justify-content:center; font-family:var(--font-family01); font-size:3.5rem; font-weight:700; color:var(--color-text0); text-align:center; margin:0 auto 5rem;}
.vis-tit::before {position:relative; content:''; display:inline-flex; align-items:center; width:6rem; height:9rem; margin-right:6rem; border:.8rem solid #ddd; border-right:0;}
.vis-tit::after {position:relative; content:''; display:inline-flex; align-items:center; width:6rem; height:9rem; margin-left:6rem; border:.8rem solid #ddd; border-left:0;}

.vision-header {margin:0 auto 6rem; text-align:center;}
.vision-header .icon {display:block; width:6rem; height:6rem; background:url('/share/portal/img/Contents/shape_flower.svg') no-repeat center center / contain; margin:0 auto 4rem;}
.vision-header .title {position:relative; font-size:3rem; font-weight:500; color:var(--color-text20); line-height:1.5;}
.vision-header .title::after {position:relative; content:'HANSEI UNIVERSITY Ideology'; display:block; font-family:var(--font-family01); font-size:6rem; font-weight:600; color:var(--color-bg03); margin-top:-2rem; z-index:-1;}
.vision-header .txt {font-size:2rem; color:var(--color-text40); line-height:1.5; text-align:center; padding:0 5rem;}
.vis-ideology {display:flex; gap:0 8rem;}
.vis-ideology .item {flex:1; display:flex; flex-direction:column; align-items:center; text-align:center;}
.vis-ideology .item .title {display:inline-flex; font-family:var(--font-family01); font-size:3rem; font-weight:700; color:var(--color-primary01); margin-bottom:3rem; padding-bottom:1rem; border-bottom:.5rem solid var(--color-primary01);}
.vis-ideology .item .circle {display:flex; flex-direction:column; align-items:center; justify-content:center; flex-shrink:0; width:25rem; height:25rem; border-radius:var(--radiusPill); border:1px solid var(--color-border02); font-size:2.2rem; color:var(--color-text20); font-weight:500; background:var(--color-text100); line-height:1.5;}
.vis-ideology .item .sysdiag-ctitBox {width:100%; height:100%; z-index:-1; margin-top:-3rem; padding-top:4rem;}
.vis-ideology .item .sysdiag-ctitBox .tit {font-size:2rem;}
.vis-ideology .item .sysdiag-ctitBox .stit {font-size:1.8rem; color:var(--color-text30); font-weight:600;}
.vis-ideology .item .sysdiag-ctitBox .desc {flex-direction:column; gap:2rem; padding:3rem;}
.vis-ideology .item .sysdiag-ctitBox .desc .txt {line-height:1.6;}
.vis-ideology .item.st02 .title {color:var(--color-primary03); border-color:var(--color-primary03);}
.vis-ideology .item.st03 .title {color:var(--color-point03); border-color:var(--color-point03);}


.sysdiagram-wr.vis-develop {gap:3rem 0;}
.vis-develop .devdirect {position:relative; height:60rem; margin:6rem auto 0;}
.vis-develop .devdirect::before {position:absolute; content:''; display:block; top:0; left:50%; transform:translateX(-50%); width:60rem; height:71rem; background:url('/share/portal/img/Contents/vision_01.svg') no-repeat center center / contain; z-index:-1;}
.vis-develop .devdirect .tit {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-family:var(--font-family01); font-size:3.2rem; font-weight:500; color:var(--color-text0);}
.vis-develop .devdirect .list {display:flex; flex-wrap:wrap; justify-content:center; gap:0 32.1rem;}
.vis-develop .devdirect .list li {display:inline-flex; align-items:center; justify-content:flex-end; width:calc((100% - 32.1rem) / 2); height:30rem; font-family:var(--font-family01); font-size:3rem; font-weight:600; color:var(--color-text0); text-align:right;}
.vis-develop .devdirect .list li .emp {font-weight:500; color:var(--color-point04);}
.vis-develop .devdirect .list li:nth-child(2n) {justify-content:flex-start; text-align:left;}
.vis-develop .devdirect .list li:nth-child(2) .emp {color:var(--color-primary01);}
.vis-develop .devdirect .list li:nth-child(3) .emp {color:var(--color-point03);}
.vis-develop .devdirect .list li:nth-child(4) .emp {color:var(--color-primary03);}
.vis-develop .strategy-list {display:flex; gap:4rem;}
.vis-develop .strategy .item {flex:1; display:flex; flex-direction:column; align-items:center; text-align:center;}
.vis-develop .strategy .circle {position:relative; display:flex; align-items:center; justify-content:center; width:15rem; height:15rem; border-radius:var(--radiusPill); font-family:var(--font-family01); font-size:3rem; font-weight:500; background:var(--color-bg03); margin-bottom:2.5rem; color:var(--color-point04);}
.vis-develop .strategy .circle::before {content:''; position:absolute; inset:.7rem; border:2px dashed var(--color-point04); border-radius:var(--radiusPill);}
.vis-develop .strategy .circle::after {content:''; position:absolute; bottom:-2.5rem; left:50%; transform:translateX(-50%); width:0; height:0; border-left:.8rem solid transparent; border-right:.8rem solid transparent; border-bottom:1rem solid currentColor;}
.vis-develop .strategy .line {width:100%; height:3px; margin-bottom:1rem; background:var(--color-point04);}
.vis-develop .strategy .list {display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; gap:.5rem;}
.vis-develop .strategy .list li {width:100%; padding:1.5rem; background:var(--color-bg03); font-size:1.7rem; color:var(--color-text30); min-height:5rem;}
.vis-develop .strategy .item.navy .circle {color:var(--color-primary01); border-color:var(--color-primary01);}
.vis-develop .strategy .item.navy .circle::before {border-color:var(--color-primary01);}
.vis-develop .strategy .item.navy .line {background:var(--color-primary01);}
.vis-develop .strategy .item.cyan .circle {color:var(--color-point03); border-color:var(--color-point03);}
.vis-develop .strategy .item.cyan .circle::before {border-color:var(--color-point03);}
.vis-develop .strategy .item.cyan .line {background:var(--color-point03);}
.vis-develop .strategy .item.blue .circle {color:var(--color-primary03); border-color:var(--color-primary03);}
.vis-develop .strategy .item.blue .circle::before {border-color:var(--color-primary03);}
.vis-develop .strategy .item.blue .line {background:var(--color-primary03);}
.vis-develop .sysdiag-ctitBox.color05 .tit {display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:9.4rem; font-size:1.8rem; font-weight:500; gap:.5rem;}
.vis-develop .sysdiag-ctitBox.color05 .tit .eng {font-family:var(--font-family01); font-size:1.8rem; font-weight:500; color:var(--color-primary03);}
.vis-develop .sysdiag-ctitBox .desc {text-align:center;}

.vis-vision.sysdiagram-wr {gap:3rem 0;}
.vis-vision .strategy-list {display:grid; grid-template-columns:repeat(4, 1fr); gap:4rem; justify-content:center; text-align:center;}
.vis-vision .strategy-list .item {display:flex; flex-direction:column; align-items:center; gap:1.5rem 0;}
.vis-vision .strategy-list .item .circle {width:8rem; height:8rem; border-radius:var(--radiusPill); font-family:var(--font-family01); font-size:3rem; font-weight:500; background:var(--color-point04); color:var(--color-text100); line-height:8.5rem;}
.vis-vision .strategy-list .item .txt {display:flex; align-items:center; justify-content:center; width:100%; height:100%; padding:2rem 0; border-top:2px solid var(--color-point04); border-bottom:1px solid var(--color-point04); font-size:2rem; font-weight:500; color:var(--color-text20);}
.vis-vision .strategy-list .item.navy .circle {background:var(--color-primary01);}
.vis-vision .strategy-list .item.navy .txt {border-color:var(--color-primary01);}
.vis-vision .strategy-list .item.cyan .circle {background:var(--color-point03);}
.vis-vision .strategy-list .item.cyan .txt {border-color:var(--color-point03);}
.vis-vision .strategy-list .item.blue .circle {background:var(--color-primary03);}
.vis-vision .strategy-list .item.blue .txt {border-color:var(--color-primary03);}
.vis-vision .strtask {gap:4rem;}
.vis-vision .strtask .tit {display:flex; align-items:center; justify-content:center; min-height:8rem;font-weight:400; text-align:center;}
.vis-vision.sysdiagram-wr .sysdiagram:last-child {margin-top:-2rem;}
.vis-vision .strtask .sysdiag-ctitBox {width:calc((100% - 12rem) / 4);}
.vis-special.sysdiagram-wr {gap:3rem 0;}
.vis-special .field {display:grid; grid-template-columns:repeat(3, 1fr); gap:0 3rem;}
.vis-special .field .item {display:flex; flex-direction:column; align-items:center;}
.vis-special .field .item .icon {display:flex; align-items:flex-end; height:7.5rem;}
.vis-special .field .item .icon img {width:auto; height:100%;}
.vis-special .field .item .tit {font-family:var(--font-family01); font-size:2.5rem; font-weight:700; color:var(--color-primary01); margin-top:3rem;}
.vis-special .field .item .txt {width:100%; height:100%; padding:2rem 0; border-top:2px solid var(--color-primary01); border-bottom:1px solid var(--color-primary01); font-size:2rem; font-weight:500; color:var(--color-text20); text-align:center; margin-top:1.5rem;}
.vis-special.sysdiagram-wr .sysdiagram:last-child {margin-top:-2rem;}
.vis-special .field .item.blue .tit {color:var(--color-primary03);}
.vis-special .field .item.blue .txt {border-color:var(--color-primary03);}
.vis-special .field .item.cyan .tit {color:var(--color-point03);}
.vis-special .field .item.cyan .txt {border-color:var(--color-point03);}
.vis-special .field-list .sysdiag-ctitBox {flex:1;background:var(--color-bg03);}
.vis-special .field-list .sysdiag-ctitBox .tit {border-bottom:0; color:var(--color-primary01);}
.vis-special .field-list .sysdiag-ctitBox.blue .tit {color:var(--color-primary03);}
.vis-special .field-list .sysdiag-ctitBox.cyan .tit {color:var(--color-point03);}


  @media screen and (max-width: 1299px) {
    .vision-header {margin-bottom:5rem;}
    .vision-header .icon {margin:0 auto 2rem;}
    .vision-header .title {font-size:2.6rem;}
    .vision-header .title br {display:none;}
    .vision-header .title::after {font-size:4.5rem;}
    .vision-header .txt {font-size:1.8rem; padding:0;}

    .vis-ideology {gap:0 5rem;}
    .vis-ideology .item .title {font-size:2.8rem; padding-bottom:.5rem; margin-bottom:2rem;}
    .vis-ideology .item .circle {width:20rem; height:20rem; font-size:1.8rem;}

    .vis-develop .devdirect {height:36rem;margin:4rem auto 0;}
    .vis-develop .devdirect::before {width:36rem; height:42.6rem;}
    .vis-develop .devdirect .tit {font-size:2.6rem;}
    .vis-develop .devdirect .list {gap:0 24rem;}
    .vis-develop .devdirect .list li {width:calc((100% - 24rem) / 2); height:18rem; font-size:2rem;}

    .vis-develop .strategy-list {gap:2rem;}
    .vis-develop .strategy .circle {width:12rem; height:12rem; font-size:2.5rem;}

    .vis-vision .strategy-list {gap:2rem;}
    .vis-vision .strategy-list .item .circle {font-size:2.2rem;}
    .vis-vision .strategy-list .item .txt {font-size:1.8rem; padding:1.5rem 0;}
    .vis-vision .strtask {gap:2rem;}
    .vis-vision .strtask .tit {font-size:1.8rem;}
    .vis-vision .strtask .sysdiag-ctitBox {width:calc((100% - 6rem) / 4);}

    .vis-special .field {gap:0 2rem;}
  }

  @media screen and (max-width: 999px) {
    .vis-ideology {gap:2rem;}

    .vis-develop .devdirect .list li:last-child {align-items:flex-start; padding-top:7rem;}

    .vis-vision .sysdiagram {flex-direction:column; gap:2rem;}
    .vis-vision .sysdiagram .cont {width:auto;}
    .vis-vision .strategy-list {gap:1rem;}
    .vis-vision .strategy-list .item {gap:1rem 0;}
    .vis-vision .strategy-list .item .circle {width:6.4rem; height:6.4rem; line-height:6.6rem; font-size:2rem;}
    .vis-vision .strtask {gap:1rem;}
    .vis-vision .strategy-list .item .txt {font-size:1.7rem;}
    .vis-vision .strtask .sysdiag-ctitBox {width:calc((100% - 3rem) / 4);}

    .vis-special .field .item .icon {height:5rem; width:auto;}
    
    .vis-special .field .item .tit {font-size:2rem; margin-top:1.5rem;}
    .vis-special .field .item .txt {font-size:1.8rem; padding:1rem 0;}
  }

  @media screen and (max-width: 799px) {
    .vis-tit {font-size:2.8rem; margin:0 auto 4rem;}
    .vis-tit::before,
    .vis-tit::after {width:4rem; height:7rem; border-width:.6rem;}
    .vis-tit::before {margin-right:4rem;}
    .vis-tit::after {margin-left:4rem;}

    .vision-header {margin-bottom:4rem;}
    .vision-header .icon {width:4rem; height:4rem;}
    .vision-header .title {font-size:2.4rem;}
    .vision-header .title::after {font-size:3.5rem;}
    .vision-header .txt {font-size:1.7rem;}

    .vis-ideology {flex-direction:column; gap:3rem;}
    .vis-ideology .item .title {font-size:2.4rem; border-bottom-width:.3rem;}
    .vis-ideology .item .circle {width:100%; height:auto; padding:1.5rem; border-radius:var(--radius01);}
    .vis-ideology .item .sysdiag-ctitBox {margin-top:1rem; padding-top:1rem;}
    .vis-ideology .item .sysdiag-ctitBox .desc {gap:1rem; padding:2rem;}
    
    .vis-develop .strategy-list {flex-direction:column; gap:4rem;}
    .vis-develop .strategy .circle {width:10rem; height:10rem; font-size:2.2rem;}
    .vis-develop .sysdiag-ctitBox.color05 .tit {min-height:auto;}
    .vis-develop .sysdiag-ctitBox.color05 .tit .eng br {display:none;}
    
    .vis-vision .strategy-list {grid-template-columns:repeat(2, 1fr); gap:2rem;}
    .vis-vision .strtask {display:grid; grid-template-columns:repeat(2, 1fr); gap:2rem;}
    .vis-vision .strtask .sysdiag-ctitBox {width:auto;}
    .vis-vision.sysdiagram-wr .sysdiagram:last-child {margin-top:0;}

    .vis-special .field {grid-template-columns:repeat(1, 1fr); gap:2rem;}
    .sysdiag-ctitBox-wr.field-list {flex-direction:column; gap:2rem;}
    .vis-special.sysdiagram-wr .sysdiagram:last-child {margin-top:0;}
  }

  @media screen and (max-width: 599px) {
    .vis-tit {width:100%; font-size:2.4rem; margin:0 auto 3rem;}
    .vis-tit::before {margin-right:2rem;}
    .vis-tit::after {margin-left:2rem;}

    .vision-header .title {font-size:2.2rem; margin-bottom:2rem;}
    .vision-header .title::after {display:none;}
    .vision-header .txt {font-size:1.6rem;}

    .vis-develop .devdirect {height:30rem;margin:3rem auto 0;}
    .vis-develop .devdirect::before {width:30rem; height:100%;}
    .vis-develop .devdirect .tit {top:43%; font-size:2.2rem;}
    .vis-develop .devdirect .list {gap:0 16rem;}
    .vis-develop .devdirect .list li {width:calc((100% - 24rem) / 2); height:12rem; font-size:1.7rem;}
    .vis-develop .devdirect .list li:nth-child(2n) {align-items:flex-start; padding-top:5rem;}

    .vis-vision .strategy-list {grid-template-columns:repeat(1, 1fr);}
    .vis-vision .strtask {grid-template-columns:repeat(1, 1fr);}
    .vis-vision .strtask .tit {min-height:auto;}

    .vis-special .field .item .tit {font-size:1.8rem;}
    .vis-special .field .item .txt {font-size:1.7rem;}
  }




/* 역사와 상징 > 한세UI */
.hanseiui .emblem-sec {display:flex; align-items:center; gap:8rem;}
.hanseiui .emblem-img {flex-shrink:0; width:50%; display:flex; justify-content:center; align-items:center; border:1px solid var(--color-border02); padding:6rem; background:url('/share/portal/img/Contents/squpattern.svg') repeat;}
.hanseiui .emblem-desc {flex:1;}
.hanseiui .emblem-desc .ui-tit {font-size:2.5rem; font-weight:500; color:var(--color-primary02); margin-bottom:3rem; line-height:1.44;}

.hanseiui .logo-box {min-height:38rem; padding:4rem; border:1px solid var(--color-border02); display:flex; justify-content:center; align-items:center; background:url('/share/portal/img/Contents/squpattern.svg') repeat;}
.hanseiui .logo-box img {max-width:50rem; width:100%; height:auto;}
.hanseiui .btn-down {display:flex; justify-content:flex-end; gap:1rem; margin-top:4rem;}

.hanseiui .vision-sec {position:relative; padding:6rem 4rem;}
.hanseiui .vision-sec::before {position:absolute; content:''; width:100vw; padding:8rem 0; top:0; left:50%; transform:translateX(-50%); height:100%; background:var(--color-gray03); z-index:-1;}
.hanseiui .vision-desc {margin-bottom:4rem;}
.hanseiui .vision-desc p {font-size:1.5rem; line-height:1.8; color:var(--color-text40); margin-bottom:0.8rem;}
.hanseiui .vision-desc p:last-child {margin-bottom:0;}
.hanseiui .slogan-box {background:var(--color-text100); padding:6rem 4rem; text-align:center; margin-top:4rem;}
.hanseiui .slogan-text {font-family:'Brush Script MT', cursive; font-size:6rem; font-weight:400; color:var(--color-primary01); margin-bottom:3rem; font-style:italic;}
.hanseiui .slogan-size {display:flex; flex-direction:column; align-items:center; gap:0.5rem;}
.hanseiui .slogan-size span {display:block; font-size:1.7rem; color:var(--color-text40); margin:1rem 0 2rem;}
.hanseiui .slogan-font {font-size:2rem; font-weight:500; color:var(--color-text30);}

.hanseiui .color-grid {display:flex; gap:6rem;}
.hanseiui .main-color {flex-shrink:0; position:relative; width:28rem; height:100%;}
.hanseiui .main-color::before {position:absolute; content:''; top:0; left:0; width:100%; height:100%; border:1px solid var(--color-border02); z-index:0;}
.hanseiui .main-color .color-box {position:relative; width:100%; height:13rem; background:var(--color-primary04); z-index:1;}
.hanseiui .main-color .color-box .color-name {position:absolute; left:2rem; top:8.5rem; font-size:2rem; color:var(--color-text100); font-weight:600;}
.hanseiui .color-info {display:flex; flex-direction:column; gap:1rem; padding:2.5rem 2rem;}
.hanseiui .color-info > .color-list {display:flex; justify-content:space-between; font-size:1.6rem;}
.hanseiui .color-info > .color-list .stit,
.hanseiui .color-info > .color-list .info {color:var(--color-text03); font-weight:600;}
.hanseiui .color-info > .color-list .info {display:flex; align-items:center; gap:.8rem;}
.hanseiui .color-info > .color-list .info .emp {color:var(--color-text76); font-weight:500;}

.hanseiui .sub-color {flex:1; display:grid; grid-template-columns:repeat(2, 1fr); gap:2rem 6rem;}
.hanseiui .sub-color .color-item {display:flex; align-items:center; gap:3rem;}
.hanseiui .sub-color .color-box {width:20rem; height:10rem;}
.hanseiui .sub-color .color-box.color01 {background:#04447C;}
.hanseiui .sub-color .color-box.color02 {background:#135FA0;}
.hanseiui .sub-color .color-box.color03 {background:#5095d2;}
.hanseiui .sub-color .color-box.color04 {background:#9eccf3;}
.hanseiui .sub-color .color-box.color05 {background:#203546;}
.hanseiui .sub-color .color-box.color06 {background:#000000;}
.hanseiui .sub-color .color-info {width:calc(100% - 20rem - 3rem); padding:0;}

  @media screen and (max-width: 1299px) {
    .hanseiui .color-grid {flex-direction:column;}
  }
  @media screen and (max-width: 1099px) {
    .hanseiui .emblem-sec {gap:6rem;}
  }
  @media screen and (max-width: 999px) {
    .hanseiui .emblem-box {flex-direction:column; gap:3rem;}
    .hanseiui .emblem-img img {width:80%; max-width:25rem; margin:0 auto;}
    .hanseiui .color-item.main-color {grid-column:span 1;}
  }
  @media screen and (max-width: 899px) {
    .hanseiui .emblem-sec {flex-direction:column; gap:4rem;}
    .hanseiui .emblem-img {width:100%;}
    .hanseiui .emblem-desc {width:100%;}
    .hanseiui .logo-box img {transform:scale(0.8);}
    .hanseiui .slogan-box img {width:100%; height:auto;}
    .hanseiui .color-grid {gap:4rem;}
    .hanseiui .main-color {margin:0 auto;}
    .hanseiui .sub-color {gap:2rem 4rem;;}
    .hanseiui .sub-color .color-item {flex-direction:column; gap:1rem;}
    .hanseiui .sub-color .color-box {width:100%; height:8rem;}
    .hanseiui .sub-color .color-info {width:100%;}
  }
  @media screen and (max-width: 599px) {
    .hanseiui .emblem-box {padding:2rem;}
    .hanseiui .emblem-desc .ui-tit {font-size:2.2rem; margin-bottom:2rem;}
    .hanseiui .logo-box {padding:4rem; min-height:auto;}
    .hanseiui .btn-down {flex-direction:column; margin-top:2.5rem;}
    .hanseiui .btn-down .btn {width:100%;}
    .hanseiui .vision-sec {padding:4rem 0;}
    .hanseiui .slogan-box {padding:4rem;}
    .hanseiui .slogan-size span {font-size:1.6rem;}
    .hanseiui .color-grid {grid-template-columns:1fr; gap:2rem;}
  }
  @media screen and (max-width: 499px) {
    .hanseiui .main-color {width:100%;}
    .hanseiui .sub-color {grid-template-columns:repeat(1, 1fr);}
  }


/* 역사와 상징 > 교화교가 */
.univsong {position:relative; display:flex; gap:8rem; align-items:flex-start;}
.univsong.flower::before {position:absolute; content:''; bottom:0; right:0; width:25rem; height:25rem; background:url('/share/portal/img/Contents/emblem_mono.svg') no-repeat center center / contain; opacity:0.07; z-index:-1;}
.univsong .image-area {flex-shrink:0; width:50%; overflow:hidden;}
.univsong .image-area img {width:100%; height:auto; display:block;}
.univsong .text-area {flex:1; min-width:0; padding-top:5rem;}
.line-title {position:relative; display:flex; align-items:center; padding-bottom:2rem; border-bottom:2px solid var(--color-border02); font-family:var(--font-family01); margin-bottom:4rem;}
.line-title::before {position:absolute; content:''; bottom:-.2rem; left:0; width:6rem; height:.2rem; background:var(--color-primary01);}
.line-title .tit {position:relative; font-size:3.2rem; color:var(--color-text20);}
.line-title .tit::after {position:relative; content:''; display:inline-flex; margin:0 3rem;  width:.2rem; height:2.2rem; background:var(--color-border02);}
.line-title  .txt {font-size:3rem; color:var(--color-primary01); font-weight:600;}
.univsong .desc {font-size:2rem; line-height:1.6; color:var(--color-text30);}
.univsong.song .image-area {padding:4rem; border:1px solid var(--color-border02);}
.univsong .composer {font-size:1.8rem; color:var(--color-text30); font-weight:500; margin-bottom:3rem;}
.univsong .lyrics {display:flex; flex-direction:column; gap:3rem;}
.univsong .lyrics .verse h4 {font-size:2rem; font-weight:700; color:var(--color-text20); margin-bottom:1rem;}
.univsong .lyrics .verse p {font-size:1.8rem; line-height:1.6; color:var(--color-text40);}
.univsong .download-area {margin-top:4rem; text-align:right;}

  @media screen and (max-width: 1199px) {
    .univsong {gap:5rem;}
    .univsong .text-area {padding-top:2rem;}
    .line-title {margin-bottom:3rem;}
    .line-title .tit {font-size:3rem;}
    .line-title .txt {font-size:2.8rem;}
    .univsong .desc {font-size:1.8rem;}
    .univsong.flower::before {width:20rem; height:20rem;}
    .univsong .composer {font-size:1.7rem;}
    .univsong .lyrics .verse h4 {font-size:1.8rem;}
    .univsong .lyrics .verse p {font-size:1.7rem;}
  }
  @media screen and (max-width: 999px) {
    .univsong {flex-direction:column;}
    .univsong .image-area {width:100%; max-width:50rem; margin:0 auto;}
    .univsong .text-area {width:70%; margin:0 auto; padding-top:0;}
  }
  @media screen and (max-width: 799px) {
    .line-title {margin-bottom:2.5rem; padding-bottom:1.5rem;}
    .line-title .tit {font-size:2.8rem;}
    .line-title .tit::after {height:1.8rem; margin:0 2rem;}
    .line-title .txt {font-size:2.4rem;}
  }
  @media screen and (max-width: 599px) {
    .univsong {gap:3rem;}
    .univsong.flower::before {display:none;}
    .univsong .text-area {width:100%;}
    .univsong .lyrics .verse h4 {font-size:1.6rem;}
    .univsong .lyrics .verse p {font-size:1.5rem;}
    .univsong .download-area {text-align:center;}
  }
  @media screen and (max-width: 499px) {
    .line-title .tit {font-size:2.2rem;}
    .line-title .tit::after {height:1.5rem;}
    .line-title .txt {font-size:2rem;}
  }



/* 한세는 지금 > 한세 Value */
.cont-div2 {display:flex; gap:0 6rem;}
.cont-div2 .left {width:47.2%; height:100%; padding-left:5rem;}
.cont-div2 .left .img-box {position:relative; height:100%;}
.cont-div2 .left .deco {position:absolute; bottom:0; left:-5rem; width:1.4rem; height:33.12rem; background:url('/share/portal/img/Contents/univdeco.svg') no-repeat center center / contain;}
.cont-div2 .left img {position:relative; width:100%; height:auto; aspect-ratio: 7/5; object-fit:cover;}
.cont-div2 .right {width:52.8%;}

  @media screen and (max-width: 1199px) {
    .cont-div2 .left .deco {width:1.1rem; height:26.5rem;}
  }
  @media screen and (max-width: 999px) {
    .cont-div2 {flex-direction:column; gap:5rem; align-items:center;}
    .cont-div2 .left {width:70%; padding-left:0;}
    .cont-div2 .right {width:100%;}
  }
  @media screen and (max-width: 599px) {
    .cont-div2 .left .deco {display:none;}
    .cont-div2 .left {width:100%;}
  }



/* 학교현황 > 조직도 */
.org-chart {width:100%;}
.org-chart .org-level-1 {position:relative; display:flex; flex-direction:column;}
.org-chart .org-level-2 .org-side {position:relative; display:flex; justify-content:space-between; z-index:2;}
.org-chart .org-side .org-left,
.org-chart .org-side .org-right {display:flex; flex-direction:column; gap:.5rem; width:20rem; position:relative;}
.org-chart .org-side .org-left .sub-part,
.org-chart .org-side .org-right .sub-part {display:flex; flex-direction:column; gap:.5rem; width:100%;}
.org-chart .org-side .org-left .sub-part > li,
.org-chart .org-side .org-right .sub-part > li {position:relative;}
.org-chart .org-center {display:flex; flex-direction:column; position:relative; margin-top:-6rem;}
.org-chart .org-center .org-vp-group {position:relative; display:flex; justify-content:center; gap:0 36rem; margin:0 auto 10rem;}
.org-chart .org-center .org-vp-group .org-circle.org-secondary {margin:0;}
.org-chart .org-level-3 {position:relative; display:flex; flex-direction:column; align-items:center; width:100%;}

.org-chart .org-circle {position:relative; border-radius:var(--radiusPill); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;}
.org-chart .org-circle.org-primary {position:relative; width:21rem; height:21rem; background:url('/share/portal/img/Contents/org-primary_bg.svg') no-repeat center center / contain; margin:0 auto 3rem;}
.org-chart .org-circle.org-primary .org-subtitle {display:block; font-size:2.2rem; color:var(--color-text100); font-weight:500;}
.org-chart .org-circle.org-secondary {width:15rem; height:15rem; background:var(--color-point03); margin:0 auto 10rem;}
.org-chart .org-circle .org-title {font-family:var(--font-family01); font-size:3rem; font-weight:500; color:var(--color-text100);}
.org-chart .org-circle.org-secondary .org-title {position:relative; font-size:2.2rem;}
.org-chart .org-circle.org-primary .org-title::after,
.org-chart .org-circle.org-secondary .org-title::after {position:relative; content:''; display:block; margin:1.2rem auto; width:1.6rem; height:.2rem; background:rgba(255, 255, 255, 0.30);}
.org-chart .org-circle.org-secondary .org-subtitle {display:block; font-size:1.9rem; color:var(--color-text100); font-weight:500;}
.org-chart .org-circle.org-secondary .org-subtitle.org-subtitle-dual {display:flex; align-items:center; justify-content:space-between; gap:1.2rem; width:100%; max-width:11rem;}
.org-chart .org-circle.org-secondary .org-subtitle.org-subtitle-dual > span {flex:1; text-align:center; line-height:1.2; white-space:nowrap;}

.org-chart .org-title-group {display:flex; flex-direction:column; gap:0.3rem; align-items:center;}
.org-chart .org-title-group .org-title {font-family:var(--font-family01); font-size:1.8rem; font-weight:600;}
.org-chart .org-title-group .org-subtitle {font-size:1.5rem; color:var(--color-text100); font-weight:400;}
.org-chart .org-box {min-width:20rem; height:6rem; padding:1.5rem;; display:inline-flex; align-items:center; justify-content:center; text-align:center; transition:0.3s all ease;}
.org-chart a.org-box:hover,
.org-chart a.org-box:focus {box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.20);}
.org-chart .org-box.org-dark {position:relative; background:#003E6B; border:1px solid #003E6B;}
.org-chart .org-box.org-dark .org-title {color:var(--color-text100);}
.org-chart .org-box.org-line1 {height:5.5rem; background:#fff; border:1px solid var(--color-primary01);}
.org-chart .org-box.org-light {background:var(--color-gray03); border:1px solid var(--color-primary01);}
.org-chart .org-box.org-light .org-title {color:var(--color-text30);}
.org-chart .org-box .org-title {font-family:var(--font-family01); font-size:1.8rem; font-weight:600; text-decoration:none; display:block; line-height:1.5;}

.org-chart .org-section {display:flex; width:100%; gap:4rem;}
.org-chart .org-section + .org-section {margin-top:8rem;}
.org-chart .org-section:first-child {margin-top:0;}
.org-chart .org-section-header {position:relative; width:20rem; height:6rem; font-family:var(--font-family01); font-size:1.8rem; font-weight:600; background:var(--color-primary03); color:var(--color-text100); text-align:center; line-height:6rem;}
.org-chart .org-dept-list {position:relative; display:grid; grid-template-columns:repeat(4, 1fr); width:calc(100% - 20rem - 4rem); gap:3rem 2rem;}
.org-chart .org-dept-item {position:relative; display:flex; flex-direction:column; gap:.5rem;}
.org-chart .org-sub-list {padding:2rem; background:var(--color-bg03);}
.org-chart .org-sub-list li + li {margin-top:1.5rem;}
.org-chart .org-sub-list li a {position:relative; transition:0.2s all ease;}
.org-chart .org-sub-list li a::after {content:''; position:absolute; left:0; bottom:-3px; width:0; height:1px; background:currentColor; transition:width 0.3s ease;}
.org-chart .org-sub-list li a:hover::after,
.org-chart .org-sub-list li a:focus::after {width:100%;}

/* Placeholder anchors (href="") should not behave like clickable links */
.org-chart a[href=""] {
  pointer-events:none;
  cursor:default;
}
.org-chart a[href=""]:hover::after,
.org-chart a[href=""]:focus::after {width:0;}
.org-chart a.org-box[href=""]:hover,
.org-chart a.org-box[href=""]:focus {box-shadow:none;}

.org-chart .org-sub-list.cList01 > .org-career-unit {padding:1rem 1rem .1rem 1rem; background:var(--color-text100);}
.org-chart .org-sub-list > .org-career-unit::before {display:none;}
.org-chart .org-sub-list > .org-career-unit > .org-career-title {display:flex; justify-content:center; min-height:4rem; padding:1rem;}
.org-chart .org-sub-list > .org-career-unit > .org-career-title a {position:relative; color:var(--color-primary02); font-weight:500; transition:0.2s all ease;}
.org-chart .org-sub-list > .org-career-unit > .org-career-title a::after {content:''; position:absolute; left:0; bottom:-3px; width:0; height:1px; background:currentColor; transition:width 0.3s ease;}
.org-chart .org-sub-list > .org-career-unit > .org-career-title a:hover::after,
.org-chart .org-sub-list > .org-career-unit > .org-career-title a:focus::after {width:100%;}
.org-chart .org-sub-list > .org-career-unit ul {padding:1.2rem 1.4rem; border:1px dashed var(--color-primary02);}


/* 라인 */
.org-chart .org-level-1::before,
.org-chart .org-circle.org-primary::before,
.org-chart .org-center .org-vp-group::before,
.org-chart .org-level-3::before,
.org-chart .org-level-3::after,
.org-chart .org-level-2 .org-side::after,
.org-chart .org-level-2 .org-side::before,
.org-chart .org-side .org-right .part::before,
.org-chart .org-side .org-right .part::after,
.org-chart .org-side .org-right .part .sub-part li::before,
.org-chart .org-box.org-dark::before,
.org-chart .org-section-header::before,
.org-chart .org-circle.org-secondary::before {position:absolute; content:''; background:#949494; z-index:-1;}
.org-chart .org-circle.org-primary::before {top:21rem; left:50%; width:.1rem; height:41rem;}
.org-chart .org-level-3::before {top:-5rem; left:10rem; width:.1rem; height:96%;}
.org-chart .org-level-3::after {left:10rem; top:-5rem; width:calc(50% - 9.9rem); height:.1rem;}

.org-chart  .org-dept-list .org-dept-item:first-child::before {left:-4rem; width:4rem;}
.org-chart .org-side .org-right .part::before {top:-10rem; left:10rem; width:.1rem; height:10rem;}
.org-chart .org-side .org-right .part::after {top:3.1rem; left:22rem; width:.1rem; height:7.1rem;}
.org-chart .org-side .org-right .part .sub-part li::before {right:100%; top:3rem; width:2rem; height:.1rem;}
.org-chart .org-side .org-right .part .sub-part li:first-child::before {width:4rem;}
.org-chart .org-center .org-vp-group::before {top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:.1rem;}
.org-chart .org-level-3 .org-section:first-child .org-dept-list::before {height:calc(100% - 5.9rem - 9.2rem);}
.org-chart .org-level-3 .org-section:nth-child(2) .org-dept-list::before {height:calc(100% - 5.9rem - 12.4rem);}
.org-chart .org-level-3 .org-section:nth-child(4) .org-dept-list::before {height:calc(100% - 5.9rem);}
.org-chart .org-level-2 .org-side::before {top:3rem; left:0; width:100%; height:.1rem;}


@media screen and (max-width: 1199px) {
  .org-chart .org-dept-list {grid-template-columns:repeat(3, 1fr);}
  .org-chart .org-center {margin-top:5rem;}
  .org-chart .org-level-3 .org-section:first-child .org-dept-list::before {height:calc(100% - 5.9rem - 21.6rem);}
  .org-chart .org-level-3 .org-section:nth-child(2) .org-dept-list::before {height:calc(100% - 5.9rem);}

  .org-chart .org-circle.org-primary::before {height:52rem;}
}
@media screen and (max-width: 999px) {
  .org-chart .org-circle.org-primary {width:17rem; height:17rem;}
  .org-chart .org-circle.org-primary::before {top:17rem;}
  .org-chart .org-circle.org-primary .org-subtitle {font-size:1.9rem;}
  .org-chart .org-circle.org-secondary {width:12rem; height:12rem;}
  .org-chart .org-circle .org-title {font-size:2.2rem;}
  .org-chart .org-circle.org-secondary .org-title {font-size:1.9rem;}
  .org-chart .org-circle.org-secondary .org-subtitle {font-size:1.7rem;}
  .org-chart .org-circle.org-secondary .org-subtitle.org-subtitle-dual {max-width:10rem;}
  .org-chart .org-circle.org-secondary .org-title::after {margin:1rem auto;}
  .org-chart .org-box {min-width:16rem; width:100%; padding:1.2rem 2.5rem;}
  .org-chart .org-box .org-title,
  .org-chart .org-section-header {font-size:1.7rem;}

  .org-chart .org-circle.org-primary::before {height:49rem;}
  .org-chart .org-center .org-vp-group {gap:0 30rem;}
  .org-chart .org-side .org-right .part::before {top:-7rem; left:8rem; height:7rem;}
  .org-chart .org-side .org-right .part::after {left:18rem;}
}
@media screen and (max-width: 799px) {
  .org-chart .org-side .org-right .part {flex-direction:column; gap:1rem;}
  .org-chart .org-side .org-right .part .sub-part {gap:.5rem;}
  .org-chart .org-dept-list {grid-template-columns:repeat(2, 1fr); gap:2.5rem 2rem;}
  .org-chart .org-circle {width:10rem; height:10rem;}
  .org-chart .org-circle .org-title {font-size:2rem;}
  .org-chart .org-box {height:5rem;}

  .org-chart .org-circle.org-primary::before {height:48rem;}
  .org-chart .org-side .org-right .part::before {left:auto; top:-5rem; right:calc(100% + 2rem); height:7.5rem;}
  .org-chart .org-side .org-right .part::after {left:-2rem; top:2.5rem; width:2rem; height:.1rem;}
  .org-chart .org-side .org-right .part .sub-part li::before {display:none;}
  .org-chart .org-level-3::before {height:98%;}
  .org-chart .org-level-3 .org-section:first-child .org-dept-list::before {height:calc(100% - 12.4rem - 1.8rem);}
  .org-chart .org-level-3 .org-section:nth-child(2) .org-dept-list::before {height:calc(100% - 5rem);}
  .org-chart .org-level-3 .org-section:nth-child(3) .org-dept-list::before {height:calc(100% - 5rem);}
  .org-chart .org-level-3 .org-section:nth-child(4) .org-dept-list::before {height:calc(100% - 5rem);}
}
@media screen and (max-width: 599px) {
  .org-chart .org-circle.org-primary {margin:0; width:14rem; height:14rem;}
  .org-chart .org-level-2 .org-side {flex-direction:column; justify-content:flex-start; padding-left:12rem; gap:3rem;}
  .org-chart .org-side .org-left li,
  .org-chart .org-side .org-right li {width:100%;}
  .org-chart .org-side .org-right .org-box,
  .org-chart .org-box {min-width:100%;}
  .org-chart .org-center {margin-top:4rem;}
  .org-chart .org-center .org-vp-group {flex-direction:column; justify-content:flex-start; gap:2rem; margin:0 0 4rem; padding-left:12rem;}
  .org-chart .org-circle.org-secondary {margin:0 0 3rem 2rem; width:10rem; height:10rem;}
  .org-chart .org-circle.org-secondary .org-title {font-size:1.7rem;}
  .org-chart .org-circle.org-secondary .org-subtitle {font-size:1.6rem;}
  .org-chart .org-circle.org-secondary .org-subtitle.org-subtitle-dual {max-width:9rem;}
  .org-chart .org-section {flex-direction:column; padding-left:12rem; gap:2rem;}
  .org-chart .org-section-header {width:100%; padding:0;}

  .org-chart .org-dept-list {width:100%; grid-template-columns:1fr; gap:2.5rem;}
  .org-chart .org-level-1::before {left:7rem; top:14rem; width:.1rem; height:100%;}
  .org-chart .org-circle.org-primary::before,
  .org-chart .org-center .org-vp-group::before,
  .org-chart .org-level-2 .org-side::before,
  .org-chart .org-side .org-right .part::before,
  .org-chart .org-side .org-right .part::after,
  .org-chart .org-circle.org-secondary .org-title::after,
  .org-chart .org-dept-list .org-dept-item::before,
  .org-chart .org-level-3::before,
  .org-chart .org-level-3::after {display:none;}
  .org-chart .org-box.org-dark::before {left:-5rem; top:2.5rem; width:5rem; height:.1rem;}
  .org-chart .org-center .org-vp-group::before {left:7rem; transform:none; width:5rem;}
  .org-chart .org-dept-list::before {top:-3rem; left:50%; height:100% !important;}
  .org-chart .org-section-header::before {top:3rem; left:-5rem; width:5rem; height:.1rem;}
  .org-chart .org-circle.org-secondary::before {top:50%; left:-5rem; width:5rem; height:.1rem;}
  
}


/* 학교현황 > 기관 */
.org-worklist {display:grid; grid-template-columns:repeat(3, 1fr); gap:1.5rem 4rem; padding:4rem;background:var(--color-bg03);}
.org-worklist li {line-height:1.5;}
.org-worklist li:before {top:1.1rem;}
.loctel2 {display:flex; flex-wrap:wrap; gap:1rem 6rem;}
.loctel2 li {display:flex; align-items:center;}
.loctel2 li .tit {position:relative; display:inline-flex; align-items:center; color:var(--colo-text03); font-weight:500;}
.loctel2 li .tit::after {position:relative; display:inline-flex; content:''; width:0.1rem; height:1.2rem; background:var(--color-border02); margin:0 1rem;}
.loctel2 li .tit .ico {position:relative; width:4rem; height:4rem; border-radius:var(--radiusPill); background:var(--color-bg02); margin-right:1rem; text-indent:-9999px; overflow:hidden;}
.loctel2 li .tit .ico.location::before,
.loctel2 li .tit .ico.tel::before,
.loctel2 li .tit .ico.email::before,
.loctel2 li .tit .ico.home::before,
.loctel2 li .tit .ico.fax::before {position:absolute; content:''; display:block; top:50%; left:50%; transform:translate(-50%, -50%);}
.loctel2 li .tit .ico.location::before {width:1.8rem; height:2.1rem; background:url('/share/portal/img/Contents/ico_location_bu.svg') no-repeat center center / contain;}
.loctel2 li .tit .ico.tel::before {width:1.8rem; height:1.8rem; background:url('/share/portal/img/Contents/ico_tel_bu.svg') no-repeat center center / contain;}
.loctel2 li .tit .ico.email::before {width:1.8rem; height:1.5rem; background:url('/share/portal/img/Contents/ico_mail.svg') no-repeat center center / contain;}
.loctel2 li .tit .ico.home::before {width:1.9rem; height:1.8rem; background:url('/share/portal/img/Contents/ico_home.svg') no-repeat center center / contain;}
.loctel2 li .tit .ico.fax::before {width:1.9rem; height:1.8rem; background:url('/share/portal/img/Contents/ico_fax.svg') no-repeat center center / contain;}

  @media screen and (max-width: 1199px) {
    .org-worklist {grid-template-columns:repeat(2, 1fr);}
  }
  @media screen and (max-width: 799px) {
    .org-worklist {padding:3rem;}
    .loctel2 {flex-direction:column; gap:1.5rem;}
  }
  @media screen and (max-width: 599px) {
    .org-worklist {grid-template-columns:repeat(1, 1fr); gap:1.5rem; padding:2.5rem;}
  }


/* 학교현황 > 총장 직속기관 > 인권법무감사실 */
.orghuman-diagram {position:relative; width:100%; margin:0 auto; display:flex; align-items:center; justify-content:center;}

/* 중앙 원 */
.orghuman-diagram .diagram-center {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:2;}
.orghuman-diagram .center-circle {position:relative; width:17rem; height:17rem; border-radius:50%; background:linear-gradient(135deg, #04447C 0%, #011F5B 100%); display:flex; align-items:center; justify-content:center; box-shadow:0 0 0 2rem rgba(1, 31, 91, 0.1), 0 0 0 4rem rgba(1, 31, 91, 0.05);}
.orghuman-diagram .center-circle h3 {font-family:var(--font-family01); font-size:2.5rem; font-weight:600; color:var(--color-text100); text-align:center; line-height:1.4;}

/* 다이어그램 아이템들 */
.orghuman-diagram .diagram-items {position:relative; width:100%; height:100%; display:grid; grid-template-columns:repeat(2, 1fr); grid-template-rows:repeat(2, 1fr); gap:12rem 44rem; z-index:1;}
.orghuman-diagram .diagram-items::before {position:absolute; content:''; top:50%; left:50%; transform:translate(-50%, -50%); width:40rem; height:40rem; border:1px dashed var(--color-border02); border-radius:var(--radiusPill);}

/* 각 아이템 */
.orghuman-diagram .diagram-item {position:relative; display:flex; align-items:center; justify-content:center;}
.orghuman-diagram .item-1 {justify-content:flex-end; align-items:flex-end;}
.orghuman-diagram .item-2 {justify-content:flex-start; align-items:flex-end;}
.orghuman-diagram .item-3 {justify-content:flex-end; align-items:flex-start;}
.orghuman-diagram .item-4 {justify-content:flex-start; align-items:flex-start;}

/* 아이템 콘텐츠 */
.orghuman-diagram .item-content {display:flex; gap:3rem; max-width:50rem;}
.orghuman-diagram .item-content.left {flex-direction:row;}
.orghuman-diagram .item-content.right {flex-direction:row;}

/* 아이콘 */
.orghuman-diagram .item-icon {width:10rem; height:10rem; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.orghuman-diagram .item-icon.navy {background:var(--color-primary03);}
.orghuman-diagram .item-icon.teal {background:var(--color-point03);}

/* 텍스트 */
.orghuman-diagram .item-text {flex:1;}
.orghuman-diagram .item-content.left .item-text {text-align:right;}
.orghuman-diagram .item-content.right .item-text {text-align:left;}
.orghuman-diagram .item-title {display:block; font-size:2rem; font-weight:600; color:var(--color-primary03); margin-bottom:1rem; letter-spacing:-0.03em;}
.orghuman-diagram .teal .item-title {color:var(--color-point03);}
.orghuman-diagram .item-desc {font-size:1.6rem; line-height:1.6; color:#666; letter-spacing:-0.02em;}

/* 연결점 */
.orghuman-diagram .connector {position:absolute; width:1.2rem; height:1.2rem; border-radius:50%; background:var(--color-point03); z-index:3;}
.orghuman-diagram .item-1 .connector {top:3.5rem; right:-7rem; background:var(--color-primary03);}
.orghuman-diagram .item-2 .connector {top:3.5rem; left:-7rem;}
.orghuman-diagram .item-3 .connector {top:5rem; right:-6.2rem;}
.orghuman-diagram .item-4 .connector {top:5rem; left:-6.5rem;  background:var(--color-primary03);}

  @media screen and (max-width:1399px) {
    .orghuman-diagram .item-1 .connector {top:6rem;}
    .orghuman-diagram .item-2 .connector {top:6rem;}
  }
  @media screen and (max-width:1199px) {
    .orghuman-diagram .center-circle {width:20rem; height:20rem;}
    .orghuman-diagram .center-circle h3 {font-size:2.6rem;}
    .orghuman-diagram .diagram-items {gap:10rem 25rem;}
    .orghuman-diagram .item-icon {width:8rem; height:8rem;}
    .orghuman-diagram .item-icon img {width:4rem; height:4rem;}
    .orghuman-diagram .item-title {font-size:2rem;}
    .orghuman-diagram .item-desc {font-size:1.4rem;}
    .orghuman-diagram .connector {display:none;}
  }

  @media screen and (max-width:999px) {
    .orghuman-diagram .diagram-items::before {display:none;}
    .orghuman-diagram {min-height:auto;}
    .orghuman-diagram .diagram-center {position:static; transform:none;}
    .orghuman-diagram .center-circle {width:15rem; height:15rem; margin:0 auto; box-shadow:0 0 0 2rem rgba(0, 102, 255, 0.1), 0 0 0 4rem rgba(0, 102, 255, 0.05);}
    .orghuman-diagram .center-circle h3 {font-size:2.2rem;}
    .orghuman-diagram .diagram-items {display:flex; flex-direction:column; gap:3rem; margin-left:8rem;}
    .orghuman-diagram .diagram-item {justify-content:flex-start !important; align-items:center !important;}
    .orghuman-diagram .item-content.left {flex-direction:row-reverse !important;}
    .orghuman-diagram .item-content {max-width:100%; flex-direction:row !important;}
    .orghuman-diagram .item-text {text-align:left !important;}
  }

  @media screen and (max-width:599px) {
    .orghuman-diagram {flex-direction:column;}
    .orghuman-diagram .diagram-center {margin:0 auto 8rem;}
    .orghuman-diagram .diagram-items {width:100%; margin-left:0;}
    .orghuman-diagram .item-desc br {display:none;}
  }


/* 학교현황 > 부속기관 > 도서관 */
.orglibrary-list {display:flex; flex-direction:column; gap:3rem;}
.orglibrary-list .item {display:flex; gap:3rem; align-items:center;}
.orglibrary-list .item .image {width:13rem;}
.orglibrary-list .item .image img {width:100%; height:auto;}
.orglibrary-list .item .text-wr {width:calc(100% - 13rem - 3rem);}
.orglibrary-list .item .text-wr .tit {font-family:var(--font-family01); font-weight:600; font-size:2rem; color:var(--color-text30); margin-bottom:2rem; line-height:1.5;}

  @media screen and (max-width:599px) {
    .orglibrary-list .item {flex-direction:column; gap:1rem;}
    .orglibrary-list .item .image {margin:0 auto;}
    .orglibrary-list .item .text-wr {width:100%;}
  }


/* 학교현황 > 부속기관 > 예비군대대 */
.orgarmy-orgchart {display:flex; gap:14rem;}
.orgarmy-logo .logo-circle {display:flex; align-items:center; justify-content:center; width:17rem; height:17rem; border-radius:50%; background:var(--color-primary01); box-shadow:0 0 0 2rem rgba(1, 31, 91, 0.1), 0 0 0 4rem rgba(1, 31, 91, 0.05); position:relative; margin-top:5.5rem;}
.orgarmy-logo .logo-circle .txt {font-family:var(--font-family01); font-size:2.5rem; font-weight:600; color:var(--color-text100);}
.orgarmy-structure {position:relative; width:calc(100% - 25rem - 14rem); flex:1; display:flex; flex-direction:column; gap:4rem; counter-reset:orgarmy-counter;}
.orgarmy-structure > .orgarmy-level-1 {width:24.2rem;}
.orgarmy-box {position:relative; display:flex; align-items:center; justify-content:center; height:6rem; padding:2rem 4rem; border:1px solid var(--color-primary01); background:var(--color-gray03); font-family:var(--font-family01); font-size:1.8rem; font-weight:600; color:var(--color-text30); text-align:center;}
.orgarmy-units {display:flex; gap:4rem; align-items:stretch; counter-reset:unit-counter;}
.orgarmy-unit {display:flex; flex-direction:column; gap:.5rem; flex:1;}
.orgarmy-list {background:var(--color-bg03); padding:2rem; flex:1;}
.orgarmy-list li + li {margin-top:.5rem;}

.orgarmy-box::before,
.orgarmy-structure::before {position:absolute; content:''; display:block; background:#949494; z-index:-1;}
.orgarmy-box::before {top:3rem; right:100%; width:5rem; height:.1rem;}
.orgarmy-structure li:nth-child(2) .orgarmy-box::before {width:10rem;}
.orgarmy-structure::before {top:3.1rem; right:calc(100% + 4.8rem); width:.1rem; height:20.1rem;}

@media screen and (max-width: 999px) {
  .orgarmy-logo .logo-circle {width:12rem; height:12rem; box-shadow:0 0 0 1.5rem rgba(37, 99, 235, 0.1), 0 0 0 3rem rgba(37, 99, 235, 0.05); margin-top:7.5rem; margin-left:2rem;}
  .orgarmy-logo .logo-circle .txt {font-size:1.8rem;}
  .orgarmy-box {font-size:1.7rem;}
  .orgarmy-structure > .orgarmy-level-1 {width:100%;}
  .orgarmy-units {flex-direction:column; gap:2rem;}
  .orgarmy-unit:not(:first-child) .orgarmy-box::before {display:none;}
}

@media screen and (max-width: 599px) {
  .orgarmy-orgchart {gap:5rem; padding:1.5rem; flex-direction:column;}
  .orgarmy-logo .logo-circle {margin-top:2rem; margin-left:0;}
  .orgarmy-box {height:5rem;}
  .orgarmy-structure {width:auto; margin-left:9rem; gap:2.5rem;}

  .orgarmy-structure::before {top:-2rem; right:calc(100% + 3rem); height:19.7rem;}
  .orgarmy-box::before {top:2.5rem;}
  .orgarmy-box::before,
  .orgarmy-structure li:nth-child(2) .orgarmy-box::before {width:3.1rem;}
}

@media screen and (max-width: 399px) {
  .orgarmy-orgchart {gap:3rem;}
  .orgarmy-logo .logo-circle {width:10rem; height:10rem; box-shadow:none; margin-top:0;}
  .orgarmy-structure {margin-left:6rem;}
  .orgarmy-units {gap:1rem;}

  .orgarmy-structure::before {top:-3rem; right:calc(100% + 1rem); height:20.7rem;}
  .orgarmy-box::before,
  .orgarmy-structure li:nth-child(2) .orgarmy-box::before {width:1.1rem;}
}


/* 학교현황 > 산학협력단 */
.orgindust-chart {position:relative; display:flex; flex-direction:column; align-items:center;}
.orgindust-chart .indust-top .circle {display:flex; align-items:center; justify-content:center; width:20rem; height:20rem; border-radius:50%; background:url('/share/portal/img/Contents/org-primary_bg.svg') no-repeat center center / contain; font-family:var(--font-family01); font-size:3rem; font-weight:500; color:var(--color-text100); position:relative;}
.orgindust-chart .indust-list {display:flex; flex-direction:column; align-items:center; gap:5rem;}
.orgindust-chart .indust-item {position:relative; display:flex; flex-direction:column; align-items:center;}
.orgindust-chart .indust-item .circle {position:relative; display:flex; align-items:center; justify-content:center; width:15rem; height:15rem; border-radius:50%; background:var(--color-point03); font-family:var(--font-family01); font-size:2rem; font-weight:600; color:var(--color-text100); margin:6rem auto 8.5rem;}
.orgindust-chart .indust-teams {display:flex; gap:5rem; align-items:stretch;}
.orgindust-chart .team-item {list-style:none; position:relative; flex:1;}
.orgindust-chart .team-item .box {display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:20rem; min-height:6rem; padding:2rem 3rem; background:var(--color-primary01); font-family:var(--font-family01); font-size:1.8rem; font-weight:600; color:var(--color-text100); text-align:center;}
.orgindust-chart .team-item .box.light {background:var(--color-bg02); border:1px solid var(--color-primary01); color:var(--color-text30);}
.orgindust-chart .team-item .box .sub {font-size:1.6rem;}
.orgindust-chart .depth1-2 {position:absolute; bottom:0; left:calc(50% + 22rem);}

.orgindust-chart .indust-item::before,
.orgindust-chart .depth1-2::before,
.orgindust-chart .depth1-2::after {content:''; position:absolute; background:#949494; z-index:-1;}
.orgindust-chart .indust-item::before {top:0; width:.1rem; height:100%;}
.orgindust-chart .depth1-2::before {bottom:100%; width:.1rem; height:26.6rem;}
.orgindust-chart .depth1-2::after {top:-26.6rem; right:calc(100% - 10.1rem); width:32rem; height:.1rem;}


@media screen and (max-width: 999px) {
  .orgindust-chart {align-items:flex-start;}
  .orgindust-chart .indust-top .circle {width:16rem; height:16rem; font-size:2rem;}
  .orgindust-chart .indust-item .circle {width:12rem; height:12rem; font-size:1.8rem; margin:2rem auto 4rem;}
  .orgindust-chart .indust-teams {flex-direction:column; gap:3rem;}
  .orgindust-chart .indust-list {margin-left:2rem;}
  .orgindust-chart .team-item .box {min-width:auto; width:100%; font-size:1.5rem;}
  .orgindust-chart .depth1-2 {left:20rem;}
  .orgindust-chart .depth1-2::before {height:16rem;}
  .orgindust-chart .depth1-2::after {top:-16rem; right:calc(100% - 6.9rem); width:18.6rem;}
}

@media screen and (max-width: 499px) {
  .orgindust-chart .indust-top .circle {width:12rem; height:12rem; font-size:1.8rem;}
  .orgindust-chart .indust-item .circle {width:8rem; height:8rem; font-size:1.6rem;}
  .orgindust-chart .indust-list {margin-left:0;}
  .orgindust-chart .team-item .box {min-height:4rem;}
  .orgindust-chart .depth1-2 {top:10rem; left:12rem;}
  .orgindust-chart .depth1-2::before {display:none;}
  .orgindust-chart .depth1-2::after {top:3rem; width:12.6rem;} 
}


/* 학교법인 > 이사장인사말 */
.chairman {display:flex; gap:0 10rem; align-items:flex-start;}
.chairman-text {position:relative; flex:1; max-width:84rem; padding-top:8rem;}
.chairman-text::before {position:relaitve; content:''; display:block; width:100%; height:1rem; background:var(--color-border02);}
.chairman-icon {display:block; width:6rem; height:6rem; background:url('/share/portal/img/Contents/shape_flower.svg') no-repeat center center / contain; margin:6rem 0 2rem;}
.chairman-title {font-family:var(--font-family01); font-size:4.5rem; font-weight:500; color:var(--color-text0); padding-top:6rem;}
.chairman-intro {font-size:3rem; font-weight:500; color:var(--color-text20); margin:4.5rem 0 5.5rem; line-height:4.5rem;}
.chairman-intro .link {color:#0066CC; text-decoration:none; font-weight:700;}
.chairman-intro .link:hover {text-decoration:underline;}
.chairman-desc {display:flex; flex-direction:column; gap:2rem;}
.chairman-desc p {font-size:1.8rem; color:var(--color-text30); line-height:1.8;}
.chairman-desc p + p {margin-top:2rem;}
.chairman-profile {position:relative; flex-shrink:0; width:50rem; display:flex; flex-direction:column;}
.chairman-profile::before {position:absolute; content:''; display:block; left:24rem; top:35rem; width:50rem; height:50rem; border-radius:0 0 0 10px; background:var(--color-bg02); z-index:-1;}
.profile-img {width:100%;}
.profile-img img {width:100%; height:auto; border-radius:10px 0 0 0;}
.profile-info {position:relative; padding:5rem 0 0 3rem;}
.profile-info::before {position:relative; content:''; display:block; width:15rem; height:1rem; background:var(--color-primary01); margin-bottom:3rem;}
.profile-role {font-family:var(--font-family01); font-size:2.5rem; font-weight:600; color:var(--color-text20);}
.profile-name {font-family:var(--font-family01); font-size:4rem; font-weight:500; color:var(--color-text0); margin-top:1rem;}

@media screen and (max-width: 1199px) {
  .chairman {gap:0 6rem;}
  .chairman-profile {width:30rem;}
  .chairman-profile::before {left:15rem; top:28rem; width:30rem; height:30rem;}
  .profile-info {padding:3rem 0 0 0;}
  .profile-info::before {width:10rem; height:.8rem;}
  .profile-role {font-size:2.2rem;}
  .profile-name {font-size:3.5rem;}
  .chairman-text {padding-top:4rem;}
  .chairman-icon {margin:4rem 0 1.5rem;}
  .chairman-title {font-size:3.8rem; padding-top:5rem;}
  .chairman-intro {font-size:3rem; line-height:1.6; margin:3rem 0 4rem;}
  .chairman-desc p {font-size:1.7rem;}
  .chairman-desc p + p {margin-top:1.5rem;}
}

@media screen and (max-width: 799px) {
  .chairman {flex-direction:column; flex-direction:column-reverse; gap:4rem;}
  .chairman-text {max-width:100%; padding-top:0;}
  .chairman-profile {width:100%; max-width:40rem; margin:0 auto;}
  .chairman-profile::before {bottom:0; width:100%;}
  .chairman-line {max-width:100%;}
  .chairman-icon {width:4rem; height:4rem;}
  .chairman-title {font-size:3.2rem; padding-top:4rem;}
  .chairman-intro {font-size:2.5rem; margin:2rem 0 3rem;}
  .chairman-desc p + p {margin-top:1rem;}
}

@media screen and (max-width: 599px) {
  .chairman {gap:3rem;}
  .chairman-profile::before {display:none;}
  .chairman-title {font-size:2.8rem; padding-top:3rem;}
  .chairman-intro {font-size:2.2rem;}
  .chairman-intro br {display:none;}
  .chairman-desc p {font-size:1.6rem;}
  .profile-role {font-size:1.8rem;}
  .profile-name {font-size:2.8rem;}
}


/* 학교법인 > 역대이사장 */
.chformer-header {position:relative; margin:0 auto 6rem; text-align:center;}
.chformer-header::after {position:relative; content:'The former chairman of the board'; display:block; font-family:var(--font-family01); font-size:6rem; font-weight:500; color:var(--color-gray03); margin-top:-2rem; z-index:-1;}
.chformer-header .icon {display:block; width:6rem; height:6rem; background:url('/share/portal/img/Contents/shape_flower.svg') no-repeat center center / contain; margin:0 auto 4rem;}
.chformer-header .title {font-size:4rem; font-weight:500; color:var(--color-text20); line-height:1.5;}
.chformer-list {display:grid; grid-template-columns:repeat(5, 1fr); gap:4rem;}
.former-item {display:flex; flex-direction:column; gap:2rem;}
.former-item .photo {width:12.1rem; height:15.4rem; aspect-ratio:1; overflow:hidden; margin:0 auto;}
.former-item .photo img {width:100%; height:100%; object-fit:cover;}
.former-item .info-inner {display:flex; gap:3rem; padding:2rem 0; border-top:2px solid var(--color-primary01); border-bottom:1px solid var(--color-border02);}
.former-item .info-inner .order {font-size:1.6rem; color:var(--color-primary01); font-weight:500;}
.former-item .info-inner .name span {display:block;}
.former-item .info-inner .name .ko {font-size:2.2rem; font-weight:600; color:var(--color-text20); margin-bottom:0.5rem;}
.former-item .info-inner .name .en {font-size:1.5rem; color:var(--color-text76); font-weight:400;}
.former-item .period {font-size:1.7rem; color:var(--color-text30); text-align:center; padding-top:2rem;}

@media screen and (max-width: 1299px) {
  .chformer-header {margin-bottom:5rem;}
  .chformer-header .icon {margin:0 auto 2rem;}
  .chformer-header .title {font-size:3.5rem;}
  .chformer-header::after {font-size:4rem;}
  .chformer-list {grid-template-columns:repeat(3, 1fr);}
}

@media screen and (max-width: 799px) {
  .chformer-header {margin-bottom:4rem;}
  .chformer-header .icon {width:4rem; height:4rem;}
  .chformer-header .title {font-size:3rem;}
  .chformer-header::after {font-size:3.5rem;}
  .chformer-list {grid-template-columns:repeat(2, 1fr);}
  .former-item .info-inner {padding:2rem; gap:0; justify-content:space-between;}
}

@media screen and (max-width: 599px) {
  .chformer-header {margin-bottom:3rem;}
  .chformer-header .title {font-size:2.5rem;}
  .chformer-header::after {display:none;}
  .chformer-list {grid-template-columns:1fr; max-width:32rem; margin:0 auto;}
  .former-item .info-inner {padding:1.5rem 0;}
  .former-item .order {font-size:1.2rem;}
  .former-item .info-inner .name .ko {font-size:1.8rem;}
  .former-item .period {font-size:1.6rem; padding-top:1.5rem;}
}
@media screen and (max-width: 399px) {
  .former-item .info-inner {flex-direction:column; gap:1rem; align-items:center;}
  .former-item .info-inner .name {text-align:center;}
}



/* 학교법인 > 기구표 */
.chorg {display:flex; flex-direction:column; align-items:center; gap:8rem; padding:6rem; border:1px solid var(--color-border01); border-radius:var(--radius01);}
.chorg-top .circle {position:relative; display:flex; align-items:center; justify-content:center; position:relative; width:21rem; height:21rem; background:url('/share/portal/img/Contents/org-primary_bg.svg') no-repeat center center / contain; margin:0 auto 2rem; font-family:var(--font-family01); font-size:3rem; font-weight:500; color:var(--color-text100);}
.chorg-main {position:relative; display:flex;}

.chorg-item {display:flex; flex-direction:column; align-items:center; gap:8rem; list-style:none; position:relative;}
.chorg-item .box {display:flex; align-items:center; justify-content:center; min-width:20rem; padding:2rem 4rem; font-family:var(--font-family01); font-size:1.8rem; font-weight:600; text-align:center;}
.chorg-item .box.navy {background:var(--color-primary01); color:var(--color-text100);}
.chorg-item .box.light {background:var(--color-bg02); border:1px solid var(--color-primary01); color:var(--color-text30);}
.chorg-item.side {position:absolute; top:-8rem; left:calc(50% + 14rem);}
.chorg-sub {display:flex; gap:6rem; list-style:none; padding:0; margin:0; position:relative;}
.chorg .sub-item {position:relative;}

.chorg-top .circle::after,
.chorg .sub-item::before,
.chorg-item.side::before,
.chorg-sub::after {content:''; position:absolute; background:#949494; z-index:-1;}
.chorg-top .circle::after {top:100%; left:50%; transform:translateX(-50%); width:.1rem; height:20.2rem;}
.chorg .sub-item::before {top:-4rem; left:50%; width:.1rem; height:4rem;}
.chorg-item.side::before {top:3rem; right:100%; width:14rem; height:.1rem;}
.chorg-sub::after {top:-4rem; left:50%; transform:translateX(-50%); width:calc(100% - 20rem); height:.1rem;}

  @media screen and (max-width: 899px) {
    .chorg {gap:4rem;}
    .chorg-top .circle {width:17rem; height:17rem; font-size:2rem;}
    .chorg-item.side {top:-6rem; left:calc(50% + 8rem);}
    .chorg-item {gap:6rem;}
    .chorg-sub {gap:4rem;}
    .chorg-item .box {min-width:16rem; padding:1.5rem 3rem; font-size:1.6rem;}

    .chorg-top .circle::after {height:14rem;}
    .chorg-item.side::before {width:8rem;}
    .chorg .sub-item::before {top:-3rem; height:3rem;}
    .chorg-sub::after {top:-3rem; width:calc(100% - 16rem);}
  }
  @media screen and (max-width: 599px) {
    .chorg {padding:2rem;}
    .chorg-top .circle {width:14rem; height:14rem;}
    .chorg-main {display:block; width:100%;}
    .chorg-item {gap:2rem;}
    .chorg-sub {width:100%; flex-direction:column; gap:1rem;}
    .chorg-item .box {min-width:auto; padding:1rem;}
    .chorg-item .box.navy {min-width:100%;}

    .chorg-top .circle::after {height:8rem;}
    .chorg .sub-item::before {display:none;}
    .chorg-item.side::before {top:2.5rem; width:1rem;}
    .chorg-item.side {left:calc(50% + 1rem);} 
  }


/* 캠퍼스 안내 > 찾아오시는 길 */
.wayto-map {display:flex; flex-direction:column; gap:4rem 0;}
.wayto-map .map-wrap {width:100%; height:50rem; z-index:0;}
.wayto-map .map-info {display:flex; gap:0 8rem; align-items:center;}
.wayto-map .map-info .list {display:flex; align-items:center; gap:3rem;}
.wayto-map .map-info .list .icon {display:block; width:8rem; height:8rem; background:var(--color-bg02) url('/share/portal/img/Contents/wayto_ico01.svg') no-repeat center center; border-radius:var(--radiusPill);}
.wayto-map .map-info .list .icon.tel {background-image:url('/share/portal/img/Contents/wayto_ico02.svg');}
.wayto-map .map-info .list .txt-box {display:flex; flex:1; flex-direction:column; gap:.8rem;}
.wayto-map .map-info .list .txt-box .tit {font-size:1.8rem; color:var(--color-primary03); font-weight:500;}
.wayto-map .map-info .list .txt-box .txt {font-size:2rem; color:var(--color-text30); line-height:1.3;}

.wayto-list-wr {display:flex; flex-direction:column;}
.wayto-list-wr .wayto-list:first-child {border-top:2px solid var(--color-primary01);}
.wayto-list {display:flex; align-items:center; padding:4rem 0; border-bottom:1px solid var(--color-border02);}
.wayto-list .tit-box {display:flex; flex-direction:column; align-items:center; gap:2rem; width:30rem;}
.wayto-list .tit-box .icon {display:block; width:10rem; height:10rem; background:var(--color-bg02) url('/share/portal/img/Contents/wayto_ico03.svg') no-repeat center center; border-radius:var(--radiusPill);}
.wayto-list .tit-box .tit {font-family:var(--font-family01); font-size:2.2rem; color:var(--color-text20); font-weight:600; text-align:center;}
.wayto-list .cont-box {flex:0 1 auto; display:flex; align-items:center; min-height:13rem; padding-left:4rem; border-left:3px solid var(--color-border02);}
.wayto-list .cont-box .con-list {display:flex; flex-direction:column; gap:1.5rem;}
.wayto-list .cont-box .con-list .item {display:flex; gap:2rem;}
.wayto-list .cont-box .con-list .item .num {display:inline-flex; align-items:center; justify-content:center; width:9rem; height:4rem; border:2px solid var(--color-border02); border-radius:var(--radiusPill); font-family:var(--font-family01); font-size:1.6rem; color:var(--color-point01); font-weight:500; text-align:center;}
.wayto-list .cont-box .con-list .item .txt {flex:1; padding-top:.8rem; font-size:1.7rem; line-height:1.3;}

.wayto-list .tit-box .icon.ico02 {background-image:url('/share/portal/img/Contents/wayto_ico04.svg');}
.wayto-list .tit-box .icon.ico03 {background-image:url('/share/portal/img/Contents/wayto_ico05.svg');}
.wayto-list .tit-box .icon.ico04 {background-image:url('/share/portal/img/Contents/wayto_ico06.svg');}
.wayto-list .cont-box.st02 .con-list .item .num {color:var(--color-primary03);}
.wayto-list .cont-box.st03 .con-list .item .num {color:#41A20F;}
.wayto-list .cont-box.st04 .con-list .item .num {color:var(--color-primary02);}

  @media screen and (max-width: 1199px) {
    .wayto-map .map-info {gap:2rem; flex-direction:column; align-items:flex-start;}
  }
  @media screen and (max-width: 999px) {
    .wayto-map .map-wrap {height:40rem;}
    .wayto-map .map-info .list .icon {width:6.4rem; height:6.4rem; background-size:2.4rem auto;}
    .wayto-map .map-info .list .txt-box .tit {font-size:1.7rem;}
    .wayto-map .map-info .list .txt-box .txt {font-size:1.9rem;}
    .wayto-list .tit-box {width:20rem; gap:1.5rem;}
    .wayto-list .tit-box .icon {width:8rem; height:8rem; background-size:3.6rem auto;}
    .wayto-list .tit-box .tit {font-size:2rem;}
    .wayto-list .cont-box {min-height:10rem; padding-left:3rem;}
  }
  @media screen and (max-width: 799px) {
    .wayto-map {gap:3rem 0;}
    .wayto-map .map-wrap {height:30rem;}
    .wayto-list-wr .wayto-list {padding:3rem 0;}
    .wayto-list .cont-box {padding-left:2.5rem;}
    .wayto-list .cont-box .con-list {gap:2.5rem;}
    .wayto-list .cont-box .con-list .item {flex-direction:column; gap:.5rem;}
  }
  @media screen and (max-width: 599px) {
    .wayto-map .map-info .list {align-items:flex-start; gap:2rem;}
    .wayto-map .map-info .list .icon {width:5rem; height:5rem; background-size:1.8rem auto;}
    .wayto-map .map-info .list .txt-box .tit {font-size:1.6rem;}
    .wayto-map .map-info .list .txt-box .txt {font-size:1.7rem;}
    .wayto-list {flex-direction:column; gap:2rem;}
    .wayto-list .tit-box .tit {font-size:1.8rem;}
    .wayto-list .cont-box {width:100%;padding-left:0; border-left:0; padding-top:2rem; border-top:2px solid var(--color-border02);}
    .wayto-list .tit-box .icon {width:6.4rem; height:6.4rem; background-size:2.4rem auto;}
    .wayto-list .cont-box .con-list {gap:1.5rem;}
    .wayto-list .cont-box .con-list .item .num {width:8rem; height:3.6rem; font-size:1.5rem;}
    .wayto-list .cont-box .con-list .item .txt {width:100%; font-size:1.6rem;}
  }



/* 캠퍼스 안내 > 사이버투어 */
.cybertour {display:flex; flex-direction:column; gap:6rem 0;}

/* 상단: 지도 + 메뉴 */
.cybertour-top {display:flex; height:70rem;}
.cybertour-map {position:relative; flex:1;width:calc(100% - 30rem); min-height:70rem; overflow:hidden;}
.cybertour-map .map-container {width:100%; height:100%; min-height:70rem;}
.cybertour-map .map-item {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:opacity 0.5s ease, visibility 0.5s ease;}
.cybertour-map .map-item.active {position:relative; opacity:1; visibility:visible;}
.cybertour-map .map-item img {width:100%; height:100%; object-fit:cover;}

.cybertour-menu {width:30rem; background:var(--color-primary01); padding:2rem 3rem; overflow:hidden;}
.cybertour-menu .building-list {display:flex; flex-direction:column;}
.cybertour-menu .building-list li {height:6rem; color:var(--color-text100);}
.cybertour-menu .building-list li:last-child {border-bottom:0;}

/* 건물 버튼 공통 스타일 */
.cybertour .building-btn {position:relative; display:block; width:100%; height:6rem; padding:2rem 0; color:var(--color-text100); font-family:var(--font-family01); font-size:2rem; font-weight:600; text-align:left; cursor:pointer; transition:all 0.3s ease; position:relative;}
.cybertour .building-btn::before {position:absolute; content:'';left:0; top:1.2rem; width:3.5rem; height:3.5rem; border-radius:var(--radiusPill); background:#fff url('/share/portal/img/Contents/cybertour_arr.svg') no-repeat center center; opacity:0;}
.cybertour .building-btn.active {border-bottom:1px solid var(--color-text100); padding-left:5rem;}
.cybertour .building-btn.active::before {opacity:1;}


/* 하단: 건물 정보 */
.cybertour-content {position:relative; padding:4rem 0; border-top:2px solid var(--color-primary01); border-bottom:1px solid var(--color-border01);}

.cybertour .building-info {display:none; animation:fadeIn 0.5s ease;}
.cybertour .building-info.active {display:flex; gap:0 8rem;}

@keyframes fadeIn {
  from {opacity:0; transform:translateY(1rem);}
  to {opacity:1; transform:translateY(0);}
}

.cybertour .building-image {flex:1; width:47.22%; overflow:hidden;}
.cybertour .building-image img {width:100%; height:auto; display:block; border-radius:var(--radius02);}

.cybertour .building-detail {flex:1; display:flex; flex-direction:column;}
.cybertour .building-detail .tit {position:relative; padding-bottom:2rem; font-family:var(--font-family01); font-size:3.2rem; font-weight:500; color:var(--color-primary01); border-bottom:2px solid var(--color-border02); margin-bottom:1.5rem;}
.cybertour .building-detail .tit::before {position:absolute; content:''; left:0; bottom:-1px; width:6rem; height:.2rem; background:var(--color-primary01);}
.cybertour .building-table {padding-right:4rem; height:29rem; overflow-y:auto;}
.cybertour .building-table table {width:100%; border-collapse:collapse;}
.cybertour .building-table table th,
.cybertour .building-table table td {padding:1rem 0; text-align:left; line-height:1.5;}
.cybertour .building-table table th {font-size:2rem; color:var(--color-text20); font-weight:600; width:8rem;}
.cybertour .building-table table td {font-size:1.7rem; color:var(--color-text30);}
.cybertour .building-table table tr:hover {background:var(--color-gray03);}


@media screen and (max-width: 1200px) {
  .cybertour {gap:4rem 0;}
  .cybertour-map {width:100%; min-height:auto;}
  .cybertour-top {flex-direction:column; gap:3rem 0; height:100%;}
  .cybertour-map .map-container {min-height:40rem;}
  .cybertour-menu {width:100%; height:auto; padding:2rem;}
  .cybertour-menu .building-list {display:grid; grid-template-columns:repeat(3, 1fr);}
  .cybertour .building-btn {padding:1.5rem; text-align:center;}
  .cybertour .building-btn::before {left:1rem; transform:rotate(90deg);}
  .cybertour .building-btn.active {padding-left:0;}
  .cybertour .building-info.active {gap:0 4rem;}
  .cybertour .building-detail .tit {font-size:2.8rem; padding-bottom:1.5rem;}
}
@media screen and (max-width: 999px) {
  .cybertour .building-table table th,
  .cybertour .building-table table td {padding:1rem 2rem; font-size:1.6rem;}
  .cybertour .building-table table th {width:6rem; font-size:1.7rem;}
}
@media screen and (max-width: 768px) {
  .cybertour {gap:3rem 0;}
  .cybertour-top {gap:2rem 0;}
  .cybertour-map .map-container {min-height:30rem;}
  .cybertour-menu {padding:1rem;}
  .cybertour-menu .building-list {grid-template-columns:repeat(2, 1fr);}
  .cybertour .building-btn {font-size:1.8rem;}

  .cybertour .building-image {margin:0 auto;}
  .cybertour .building-table table th {width:10rem;}
  .cybertour .building-detail .tit {font-size:2.4rem;}
  .cybertour .building-info.active {flex-direction:column; gap:2rem 0;}
}

@media screen and (max-width: 499px) {
  .cybertour-menu .building-list {grid-template-columns:1fr;}
  .cybertour .building-btn {height:5rem; padding:1rem;}
  .cybertour .building-btn {font-size:1.6rem;}
  .cybertour .building-btn::before {top:50%; transform:translateY(-50%) rotate(90deg); width:2.8rem; height:2.8rem;}
  .cybertour-content {padding:2rem 0;}
  .cybertour .building-image {width:100%;}
  .cybertour .building-table table th,
  .cybertour .building-table table td {padding:.8rem 1.5rem;}
  .cybertour .building-table table td {font-size:1.5rem;}
  .cybertour .building-table table th {width:6rem; font-size:1.6rem;}
}





/*===== 대학/대학원 =====*/

/* 학부소개 */
.deptIntro-img {width:100%; height:45rem; aspect-ratio: 16/5; margin-bottom:8rem;}
.deptIntro-img img {width:100%; height:100%; object-fit:cover;}
.deptIntro-info {display:flex; gap:0 6rem;}
.deptIntro-info .title {position:relative; width:28rem; padding-top:4rem;flex:none;}
.deptIntro-info .title::before {content:''; position:absolute; top:0; right:100%; width:64rem; height:2px; background:var(--color-primary02);}
.deptIntro-info .title .stit {font-size:2.8rem; font-family:var(--font-family01); font-weight:600; color:var(--color-primary01); line-height:4.2rem; margin-bottom:2rem;}
.deptIntro-info .title .stit span {position:relative;}
.deptIntro-info .title .tit {display:inline-block;max-width:100%;position:relative;font-size:4.5rem; font-family:var(--font-family01); font-weight:800; color:var(--color-primary01); line-height:1.3;}
.deptIntro-info .title .tit:before,
.deptIntro-info .title .stit span:before {content:"";display:block;width:100%;height:2px; background:var(--color-primary02);position:absolute;top:-4rem;left:0;}
.deptIntro-info .title .stit span:before {top:-4.3rem;}
.deptIntro-info:has(.title .stit) .title .tit:before {display:none;}
.deptIntro-info .desc {width:calc(100% - 40rem - 10rem); padding-top:1rem;}
/* .deptIntro-info .desc::before {content:''; position:relative; display:block; margin-bottom:2rem; width:4.4rem; height:5rem; background:url('/share/portal/img/Contents/shape_diamond.svg') no-repeat center center / contain;} */
.deptIntro-info .desc {width: calc(100% - 28rem);padding-top:4rem;}
.deptIntro-info .desc .stit {font-size:2.4rem;color:var(--color-primary01);margin-bottom:2rem;line-height:1.6;font-weight: 500;}
.deptIntro-info .desc .txt {font-size:1.8rem; line-height:1.6; color:var(--color-text30);}
.deptIntro-info .desc .btn-box {display:flex; justify-content:flex-end; margin-top:4rem;}

.deptIntro-cont {display:flex; flex-direction:column; gap:7rem 0; margin-top:8rem;}
.deptIntro-cont .item {display:flex; gap:0 6rem;}
.deptIntro-cont .item .title {width:28rem;flex:none;}
.deptIntro-cont .item .title .num {display:none;}
/* .deptIntro-cont .item .title .num {display:inline-flex; align-items:center; justify-content:center; width:6rem; height:4rem; border:2px solid var(--color-border02); border-radius:var(--radiusPill); font-family:var(--font-family01); font-size:1.8rem; font-weight:600; color:var(--color-primary01); margin-bottom:2rem;} */
.deptIntro-cont .item .title .tit {font-family:var(--font-family01); font-size:3.2rem; font-weight:700; line-height:1.6; color:var(--color-primary01);}
.deptIntro-cont .item .text-wr {width:calc(100% - 28rem); padding-top:8rem; border-top:2px solid var(--color-primary03);}
.deptIntro-cont .item .text-wr p.txt01 {font-size:2rem; line-height:1.5; color:var(--color-primary03);font-weight:500;}
.deptIntro-cont .item .text-wr p.txt01 + * {margin-top:6rem;}
.deptIntro-cont .item .text-wr p.txt02 {font-size:1.7rem; line-height:2.6rem; color:var(--color-text40);}
.deptIntro-list {display:flex; flex-wrap:wrap; gap:1rem;}
.deptIntro-list .list-item {display:flex; width:calc((100% - 1rem) / 2);padding-bottom:4rem;}
.deptIntro-list .list-item .num {display:inline-flex;  width:4.5rem; font-size:1.8rem; font-weight:700; color:var(--color-primary03); line-height:1.5;}
.deptIntro-list .list-item .txt-box {width:calc(100% - 4.5rem);}
.deptIntro-list .list-item .txt-box .stit {display:block; font-size:2rem; color:var(--color-text30); font-weight:600; margin-bottom:1rem; line-height:1.5;}
.deptIntro-list .list-item .txt-box .txt {display:block; font-size:1.7rem; color:var(--color-text40); line-height:1.5;}
.deptIntro-list.full {flex-direction:column; gap:1rem;}
.deptIntro-list.full .list-item {width:100%;padding-bottom:6rem;}
.deptIntro-cont .cList03 > li {padding-left:40px;}
.deptIntro-cont .cList03 > li > .bull {width:2.1rem;height:2.1rem;line-height:2.2rem;background-color:var(--color-primary03);font-size:1.2rem;}
.deptIntro-cont .cTit02 {color:var(--color-primary03);font-size:2.4rem;margin-bottom:1.5rem;}

.deptActiv-list {display:flex; flex-wrap:wrap; gap:4rem;}
.deptActiv-list .item {display:flex; gap:0 4rem; width:calc((100% - 4rem) / 2); min-height:25rem; border:1px solid var(--color-border02); padding:2rem 2rem 3rem;}
.deptActiv-list .item .img-box {position:relative; width:44%; height:18rem;}
.deptActiv-list .item .img-box img {width:100%;}
.deptActiv-list .item .text-box {width:calc(100% - 44%); padding-top:1rem;}
.deptActiv-list .item .text-box .num {display:inline-flex;display:none; justify-content:center; align-items:center; padding:1rem 2rem; border:2px solid var(--color-border02); border-radius:var(--radiusPill); font-family:var(--font-family01); font-size:1.6rem; font-weight:600; color:var(--color-primary03); margin-bottom:1.5rem;}
.deptActiv-list .item .text-box .tit {position:relative;font-size:2.2rem; font-weight:600; line-height:3rem; color:var(--color-text20); padding-bottom:2rem;margin-bottom:2.2rem;border-bottom:1px solid var(--color-border02)}
.deptActiv-list .item .text-box .tit:after {content:"";display:block;width:3rem;height:4px;background:var(--color-primary03);position:absolute;bottom:-1px;right:0;}

.pdf-viewer iframe {width:100%; height:80rem; border:none;}
.pdf-fallback {position:relative; margin-top:4rem; padding:3rem; background:var(--color-bg02); text-align:center;}
.pdf-fallback .txt {line-height:1.5;}
.pdf-fallback .btn-box {margin-top:3rem;}

  @media screen and (max-width: 1440px) {
    .deptIntro-img {height:auto;}
  }
  @media screen and (max-width: 1280px) {
    .deptIntro-img {margin-bottom:6rem;}
    .deptIntro-info .title .stit {font-size:2.5rem; line-height:3.5rem;}
    .deptIntro-info .title .tit {font-size:4.2rem;}
    .deptIntro-info .desc .txt {font-size:1.8rem;}
    .deptIntro-info .title .stit span:before {top:-4.1rem;}
    /* .deptIntro-info .desc::before {margin-bottom:1rem; width:3.5rem; height:4rem;} */
  }
  @media screen and (max-width: 1099px) {
    .deptActiv-list {flex-direction:column;}
    .deptActiv-list .item {width:100%;}
    .deptActiv-list .item .img-box {width:28rem; height:18rem;}
    .deptActiv-list .item .text-box {width:calc(100% - 28rem);}
  }
  @media screen and (max-width: 999px) {
    .deptIntro-info .title {width:22rem;}
    .deptIntro-info .desc {width:calc(100% - 22rem);}
    .deptIntro-cont {gap:5rem 0;}
    .deptIntro-cont .item .title {width:22rem;}
    .deptIntro-cont .item .title .num {width:6rem; font-size:1.6rem; margin-bottom:1rem;}
    .deptIntro-cont .item .title .tit {font-size:2.8rem;}
    .deptIntro-cont .item .text-wr {width:calc(100% - 22rem); padding-top:4rem;}
    
    .deptIntro-list {flex-direction:column; gap:1rem;}
    .deptIntro-list .list-item,
    .deptIntro-list.full .list-item {width:100%;padding-bottom:2rem;}

    .pdf-viewer iframe {height:70rem;}
  }
  @media screen and (max-width: 799px) {
    .deptIntro-info {flex-direction:column; gap:3rem;}
    .deptIntro-img {margin-bottom:4rem;}
    .deptIntro-info .title {padding-top:3.5rem; width:100%;}
    .deptIntro-info .title::before {display:none;}
    .deptIntro-info .title .stit {font-size:2rem; line-height:3rem; margin-bottom:1.5rem;}
    .deptIntro-info .title .stit br {display:none;}
    .deptIntro-info .title .tit {font-size:3.5rem;}
    .deptIntro-info .title .tit:before {top:-3.5rem;}
    .deptIntro-info .title .stit span:before {top:-3.3rem;}
    .deptIntro-info .desc {width:100%; padding-top:0;}
    .deptIntro-info .desc .txt {font-size:1.7rem;}

    .deptIntro-cont {margin-top:5rem;}
    .deptIntro-cont .item {flex-direction:column; gap:2rem;}
    .deptIntro-cont .item .title,
    .deptIntro-cont .item .text-wr {width:100%;}
    .deptIntro-cont .item .text-wr {padding-top:3rem;}
    .deptIntro-cont .item .text-wr p.txt01 {font-size:1.7rem;}
    .deptIntro-cont .item .text-wr p.txt01 + * {margin-top:3rem;}

    .deptIntro-list .list-item .txt-box .stit {font-size:1.8rem; line-height:1.4; margin-bottom:1rem;}
    .deptIntro-list .list-item .txt-box .txt {font-size:1.6rem; line-height:1.4;}
  }
  @media screen and (max-width: 599px) {
    .deptIntro-info .desc .btn-box {margin-top:3rem;}

    .deptIntro-cont {gap:4rem;}
    .deptIntro-cont .item .text-wr {padding-top:2.5rem;}
    .deptIntro-cont .item .title .num {width:5rem; height:3.6rem; font-size:1.5rem; padding-top:.2rem;}
    .deptIntro-list .list-item .num {font-size:1.7rem;}
    .deptIntro-list .list-item .txt-box .stit {font-size:1.7rem;}
    .deptIntro-list .list-item .txt-box .txt {font-size:1.5rem;}
    .deptIntro-cont .item .title .tit {font-size:2.5rem;}

    .deptActiv-list {gap:3rem;}
    .deptActiv-list .item {flex-direction:column; gap:2rem;}
    .deptActiv-list .item .img-box {margin:0 auto;}
    .deptActiv-list .item .text-box {width:100%;}
    .deptActiv-list .item .text-box .num {margin-bottom:1rem;}
    .deptActiv-list .item .text-box .tit {font-size:2rem; line-height:3rem; margin-bottom:2rem;}

    .pdf-viewer iframe {height:40rem;}
  }
  @media screen and (max-width: 499px) {
    .deptIntro-img {margin-bottom:3rem;}
    .deptIntro-info .title {padding-top:3rem;}
    .deptIntro-info .title .stit {font-size:1.8rem; line-height:2.7rem; margin-bottom:1rem;}
    .deptIntro-info .title .tit {font-size:3rem;}
    .deptIntro-info .desc .txt {font-size:1.6rem;}
    /* .deptIntro-info .desc::before {width:2.8rem; height:3.2rem;} */
  }
  @media screen and (max-width: 399px) {
    .deptActiv-list .item .img-box {width:100%; height:auto;}
  }



/* 특성화추진사업 > 인공지능 */
.aix-wr .sec01 {display:flex; gap:0 2rem; align-items:center;}
.aix-wr .sec01 .ellipse {position:relative; display:flex; align-items:center; justify-content:center; width:20rem; height:20rem; padding:1rem; background:var(--color-gray03); border-radius:var(--radiusPill); font-size:2.5rem; color:var(--color-text02); font-weight:600;}
.aix-wr .sec01 .ellipse::before {position:absolute; content:''; top:50%; left:50%; transform:translate(-50%, -50%); width:18rem; height:18rem; border-radius:var(--radiusPill); border:2px dashed var(--color-primary01); z-index:1;}
.aix-wr .sec01 .arrow {position:relative; width:7rem; font-size:1.7rem; padding-top:2.5rem;}
.aix-wr .sec01 .arrow::before {position:relative; content:''; display:block; width:3.3rem; height:2rem; transform:rotate(90deg); background:url('/share/portal/img/Contents/sysdiagram_arrow.svg') no-repeat center center / contain; margin:0 auto 1.5rem;}
.aix-wr .sec01 .arrow.left::before {transform:rotate(-90deg);}
.aix-wr .sec01 li:nth-child(3) {width:60rem;}
.aix-wr .sec02 {display:flex; align-items:center; justify-content:center; height:11rem; margin-top:-5rem; font-size:2rem; color:var(--color-text02); background:url('/share/portal/img/Contents/sysdiagram_arrow02.svg') no-repeat center center / contain;}
.aix-wr .sec03 .sysdiag-ctitBox-wr.col4 {gap:2rem; padding:1.5rem; border:1px solid var(--color-point03); border-radius:var(--radius01); margin-top:1rem;}
.aix-wr .sec03 .sysdiag-ctitBox-wr.col4 .sysdiag-ctitBox {width:calc((100% - 6rem) / 4); text-align:center;}
.aix-wr .sec03 .sysdiag-ctitBox-wr.col4 .sysdiag-ctitBox:last-child {display:flex; align-items:center; justify-content:center;background:var(--color-text100);}
.aix-wr .sec03 .sysdiag-ctitBox-wr.col4 .sysdiag-ctitBox img {width:8.4rem; height:1.5rem;}
.aix-wr .sec03 .sysdiag-ctitBox-wr.col4 .sysdiag-ctitBox .desc {justify-content:center;}
.aix-wr .sec04 {position:relative; display:flex; align-items:center; justify-content:center; height:11rem; font-size:2rem; color:var(--color-text02);}
.aix-wr .sec04::before {content:""; position:absolute; inset:0; z-index:-1; background:url('/share/portal/img/Contents/sysdiagram_arrow02.svg') no-repeat center center / contain; transform:rotate(180deg);}
.aix-wr .sec05 {width:100%;}

 @media screen and (max-width: 1299px) {
  .aix-wr .sec01 .ellipse {width:15rem; height:15rem; font-size:2rem;}
  .aix-wr .sec01 .ellipse::before {width:13rem; height:13rem;}
  .aix-wr .sec01 li:nth-child(3) {width:52rem;}
 }
 @media screen and (max-width: 1099px) {
  .aix-wr .sec01 {flex-direction:column; gap:3rem;}
  .aix-wr .sec01 .arrow {padding-top:0;}
  .aix-wr .sec01 .arrow::before {transform:rotate(180deg);}
  .aix-wr .sec01 li:nth-child(3) {width:100%;}
  .aix-wr .sec01 .arrow.left::before {transform:rotate(0deg);}
  .aix-wr .sec02 {margin-top:0; font-size:1.8rem;}
 }
 @media screen and (max-width: 899px) {
  .aix-wr .sec03 .sysdiag-ctitBox-wr.col4 {flex-wrap:wrap;}
  .aix-wr .sec03 .sysdiag-ctitBox-wr.col4 .sysdiag-ctitBox {width:calc((100% - 2rem) / 2);}
 }
 @media screen and (max-width: 599px) {
  .aix-wr .sec03 .sysdiag-ctitBox-wr.col4 .sysdiag-ctitBox {width:100%;}
 }



/*===== 학사안내 =====*/
/* 성적 > 결석조치 */
.acagrade04 {padding:6rem 8rem; border-top:2px solid var(--color-primary01); border-bottom:1px solid var(--color-border01)}
.acagrade04 .tit {position:relative; font-family:var(--font-family01); font-size:3rem; font-weight:500; color:var(--color-text20); margin-bottom:2rem; margin-bottom:5rem; text-align:center;}
.acagrade04 .tit::before {content:''; position:relative; display:block; width:10rem; height:10rem; border-radius:var(--radiusPill); background:url('/share/portal/img/Contents/hanseiui_01.svg') no-repeat center center / contain; margin:0 auto 2.5rem;}
.acagrade04 .txt-wr {padding:5rem; background:var(--color-bg03);}

  @media screen and (max-width: 999px) {
    .acagrade04 {padding:4rem 5rem;}
    .acagrade04 .tit {font-size:2.6rem; margin-bottom:3rem;}
    .acagrade04 .tit::before {width:8rem; height:8rem;}
    .acagrade04 .txt-wr {padding:3rem;}
  }
  @media screen and (max-width: 599px) {
    .acagrade04 {padding:3rem 0;}
    .acagrade04 .tit {font-size:2.2rem;}
  }


/*===== 대학생활 =====*/
/* 도서관안내 > 모바일 시설통합시스템 안내 */
.phone-flow {display:flex; flex-wrap:wrap; gap:4rem 8rem; justify-content:center;}
.phone-flow > li {position:relative; display:flex; flex-direction:column; align-items:center; gap:2rem; width:24.3%;}
.phone-flow > li::after {position:absolute; content:''; top:calc(21.3rem / 2); left:calc(100% + 2.6rem); transform:translateY(-50%); width:1.4rem; height:2.8rem; background:url('/share/portal/img/Contents/cont-flow_arrow.svg') no-repeat center center / contain;}
.phone-flow > li:nth-child(3n)::after,
.phone-flow > li:last-child::after {display:none;}
.phone-flow > li .txt-wr {display:flex; justify-content:center; gap:0 .5rem;}
.phone-flow > li .num {display:inline-block; width:2rem; height:2rem; border-radius:var(--radiusPill); font-size:1.2rem; color:var(--color-text100); background:var(--color-primary01); font-weight:500; line-height:2rem; text-align:center;}
.phone-flow > li .txt {display:inline-flex; width:calc(100% - 2rem); font-size:1.8rem; color:var(--color-text30);}
.phone-flow > li img {width:12.5rem; height:auto;}

 @media screen and (max-width: 699px) {
  .phone-flow {gap:3rem 4rem;}
  .phone-flow > li {width:calc((100% - 4rem) / 2);}
  .phone-flow > li::after {left:calc(100% + 1.2rem);}
  .phone-flow > li:nth-child(3n)::after {display:block;}
  .phone-flow > li:nth-child(even)::after {display:none;}
  .phone-flow > li .txt {font-size:1.7rem;}
 }
 @media screen and (max-width: 499px) {
  .phone-flow > li img {width:100%;}
  .phone-flow > li::after {top:calc(50% - 2rem);}
  .phone-flow > li:last-child::after {display:none;}
  .phone-flow > li .txt {font-size:1.6rem;}
 }



/* 학생활동 > 학생자치기구 */
.stdselfgov01 {display:flex; flex-direction:column; gap:3rem;}
.stdselfgov01 .tit {display:flex; align-items:center; justify-content:center; height:8rem; font-size:2.2rem; font-weight:700; color:var(--color-text100); background:var(--color-primary01); padding:2rem;}
.stdselfgov01-list {display:flex; flex-wrap:wrap; gap:2rem 4rem;}
.stdselfgov01-list li {display:flex; flex-direction:column; align-items:center; gap:1rem 0; width:calc((100% - 8rem) / 3); background:#f7f7f7; padding:2rem 3rem 2.5rem;}
.stdselfgov01-list li .posit {display:inline-flex; align-items:center; justify-content:center; height:4.4rem; padding:0 1.5rem;border:1px solid var(--color-border02); border-radius:var(--radiusPill); background:var(--color-text100); font-size:1.7rem; font-weight:500; color:var(--color-primary01);}
.stdselfgov01-list li .name {font-size:2rem; font-weight:700; color:var(--color-text20);}

  @media screen and (max-width: 1199px) {
    .stdselfgov01-list {gap:2rem 3rem;}
    .stdselfgov01-list li {width:calc((100% - 6rem) / 3);}
  }
  @media screen and (max-width: 999px) {
    .stdselfgov01 .tit {height:6rem; font-size:2rem;}
    .stdselfgov01-list {gap:2rem 2rem;}
    .stdselfgov01-list li {width:calc((100% - 2rem) / 2);}
    .stdselfgov01-list li .name {font-size:1.8rem;}
  }
  @media screen and (max-width: 599px) {
    .stdselfgov01 .tit {height:auto; padding:1.5rem 2rem; font-size:1.8rem;}
    .stdselfgov01-list {flex-direction:column;}
    .stdselfgov01-list li {width:100%; padding:1.5rem 2rem 2rem;}
    .stdselfgov01-list li .posit {font-size:1.6rem;}
    .stdselfgov01-list li .name {font-size:1.7rem;}
  }


/* 학생활동 > 감사위원회 */
.stdselfgov02-org .org {display:flex; flex-direction:column; align-items:center;}
.stdselfgov02-org .org .dept01 {position:relative; width:100%;}
.stdselfgov02-org .org .dept01 > .item {position:relative; margin:0 auto 5rem;}
.stdselfgov02-org .org .dept02 {position:relative; display:flex; justify-content:center; gap:0 16rem; width:fit-content; margin:0 auto 8rem;}
.stdselfgov02-org .org .dept03 {position:relative; display:flex; justify-content:center; gap:0 3rem;}
.stdselfgov02-org .org .dept01::before,
.stdselfgov02-org .org .dept02::before,
.stdselfgov02-org .org .dept03::before,
.stdselfgov02-org .dept03 .item::before {content:''; position:absolute;  background:#949494; z-index:-1;}
.stdselfgov02-org .org .dept01::before {top:0; left:50%; width:.1rem; height:calc(100% - 16.1rem);}
.stdselfgov02-org .org .dept02::before {top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:.1rem;}
.stdselfgov02-org .org .dept03::before {top:-4rem; left:50%; transform:translateX(-50%); width:calc(100% - ((100% - 9rem) / 4)); height:.1rem;}

.stdselfgov02-org .item {display:flex; flex-direction:column; align-items:center; gap:2rem 0; width:25rem; padding:1rem 1rem 2.2rem; border:1px solid var(--color-border02); background:var(--color-text100);}
.stdselfgov02-org .item .posit,
.stdselfgov02-org .dept03 .item .part {display:flex; align-items:center; justify-content:center; width:100%; height:5rem; padding:0 1.5rem; background:var(--color-primary01); font-size:1.9rem; font-weight:600; color:var(--color-text100);}
.stdselfgov02-org .dept02 .item .posit {background:var(--color-primary03);}
.stdselfgov02-org .dept03 .item {position:relative; width:calc((100% - 9rem) / 4);}
.stdselfgov02-org .dept03 .item::before {top:-4rem; left:50%; width:.1rem; height:4rem;}
.stdselfgov02-org .dept03 .item .part {background:var(--color-gray03); color:var(--color-text20);}
.stdselfgov02-org .dept03 .part-name {display:flex; align-items:center; justify-content:space-between; width:100%; padding:0 2rem;}
.stdselfgov02-org .dept03 .part-name .posit {position:relative; display:inline-flex; background:none; width:auto; height:auto;font-size:1.7rem; font-weight:600; color:var(--color-primary01); padding:0;}
.stdselfgov02-org .dept03 .part-name .posit::after {content:''; position:absolute; display:block; top:50%; right:-1.5rem; transform:translateY(-50%); width:.1rem; height:1.4rem; background:var(--color-border02);}
.stdselfgov02-org .item .name {font-size:1.8rem; font-weight:600; color:var(--color-text30);}

  @media screen and (max-width: 1199px) {
    .stdselfgov02-org .org .dept03 {gap:0 2rem; }
    .stdselfgov02-org .dept03 .item {width:calc((100% - 6rem) / 4);}
    .stdselfgov02-org .org .dept03::before {width:calc(100% - ((100% - 6rem) / 4));}
  }
  @media screen and (max-width: 999px) {
    .stdselfgov02-org .item {width:20rem;}
    .stdselfgov02-org .org .dept01::before {height:calc(100% - 30.4rem);}
    .stdselfgov02-org .org .dept03 {flex-wrap:wrap; gap:2rem;}
    .stdselfgov02-org .dept03 .item {width:calc((100% - 2rem) / 2);}
    .stdselfgov02-org .org .dept03::before {width:calc(100% - ((100% - 2rem) / 2));}
  }
  @media screen and (max-width: 699px) {
    .stdselfgov02-org .org .dept02 {gap:0 8rem; width:100%;}
    .stdselfgov02-org .org .dept02 li {width:calc((100% - 8rem) / 2);}
  }
  @media screen and (max-width: 599px) {
    .stdselfgov02-org .org .dept01 > .item {margin-bottom:3rem;}
    .stdselfgov02-org .item .posit,
    .stdselfgov02-org .dept03 .item .part {font-size:1.7rem;}
    .stdselfgov02-org .dept03 .part-name .posit {font-size:1.6rem;}
    .stdselfgov02-org .org .dept02 {gap:0 3rem; margin-bottom:4rem;}
    .stdselfgov02-org .org .dept02 li {width:calc((100% - 3rem) / 2);}
    .stdselfgov02-org .org .dept03 {gap:1rem; flex-direction:column;}
    .stdselfgov02-org .dept03 .item {width:100%;}
    .stdselfgov02-org .org .dept03::before {display:none;}
  }


/* 학생활동 > 동아리연합회 */
.stdselfgov03-list {padding:1.5rem; border:1px solid var(--color-primary01); margin-top:4rem;}
.stdselfgov03-list .list {display:flex; flex-wrap:wrap; gap:1rem;}
.stdselfgov03-list .list li {display:inline-flex; align-items:center; justify-content:center; width:calc((100% - 3rem) / 4); min-height:5rem; background:var(--color-gray03); font-size:1.8rem; font-weight:500; color:var(--color-text30); text-align:center;}

@media screen and (max-width: 899px) {
  .stdselfgov03-list .list li {width:calc((100% - 2rem) / 3); font-size:1.7rem;}
}
@media screen and (max-width: 599px) {
  .stdselfgov03-list .list li {width:100%;}
}

/* 시설안내 > 건물별 시설안내 */
.facility08 {display:flex; gap:8rem;}
.facility08 .cont-div {width:50%;}
.facility08 .cont-div .tit {position:relative; font-family:var(--font-family01); font-size:3.2rem; font-weight:500; color:var(--color-text20); padding-bottom:2rem; border-bottom:2px solid var(--color-border02);}
.facility08 .cont-div .tit::after {content:''; position:absolute; bottom:-.2rem; left:0; width:6rem; height:.2rem; background:var(--color-primary01);}
.facility08 .cont-div .list-wrap {display:flex; flex-direction:column;}
.facility08 .cont-div .list-wrap .list {display:flex; padding:3rem 0; border-bottom:1px solid var(--color-border02);}
.facility08 .cont-div .list-wrap .list dt {width:15rem; font-family:var(--font-family01); font-size:2.4rem; font-weight:500;  color:var(--color-primary01);}
.facility08 .cont-div .list-wrap .list dd {width:calc(100% - 15rem);}

@media screen and (max-width: 999px) {
  .facility08 {gap:6rem;}
  .facility08 .cont-div .tit {font-size:3rem;}
  .facility08 .cont-div .list-wrap .list dt {font-size:2.2rem;}
}
@media screen and (max-width: 799px) {
  .facility08 {flex-direction:column; gap:5rem;}
  .facility08 .cont-div {width:100%;}
  .facility08 .cont-div .list-wrap .list {padding:2.5rem 0;}
}
@media screen and (max-width: 599px) {
  .facility08 .cont-div .tit {font-size:2.8rem;}
  .facility08 .cont-div .list-wrap .list dt {width:10rem;font-size:2rem;}
  .facility08 .cont-div .list-wrap .list dd {width:calc(100% - 10rem);}
}


/* 시설안내 > 학생복지시설 */
.facility09 {display:flex; gap:6rem 8rem; flex-wrap:wrap;}
.facility09 .item {display:flex; width:calc((100% - 8rem) / 2); flex-direction:column; gap:1rem;}
.facility09 .item img {width:100%; height:40rem;}
.facility09 .item .text {display:flex; flex-direction:column; gap:2rem; background:#f7f7f7; padding:1rem;}
.facility09 .item .text .tit {display:flex; align-items:center; justify-content:center; width:100%; height:7rem; padding:0 3rem; background:var(--color-text100); border:1px solid var(--color-primary01); font-size:2.2rem; font-weight:600; color:var(--color-text20);}
.facility09 .item .text .list-box {display:flex; flex-direction:column; gap:1rem; padding:0 3rem 2rem;}
.facility09 .item .text .list-box .list {display:flex; align-items:center; gap:0 1.5rem;}
.facility09 .item .text .list-box .list .stit {position:relative; width:15rem; height:5.4rem; line-height:5.4rem; padding-left:7.4rem; font-size:1.8rem; font-weight:600; color:var(--color-primary01);}
.facility09 .item .text .list-box .list .stit::before {content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:5.4rem; height:5.4rem; border-radius:50%; background:var(--color-primary01) url('/share/portal/img/Contents/ico_location.svg') no-repeat center center;}
.facility09 .item .text .list-box .list .stit.time::before {background-image:url('/share/portal/img/Contents/ico_time.svg');}
.facility09 .item .text .list-box .list .txt {width:calc(100% - 15rem); font-size:1.8rem; color:var(--color-text30); font-weight:500; line-height:1.5;}

  @media screen and (max-width: 1299px) {
    .facility09 {gap:6rem 6rem;}
    .facility09 .item {width:calc((100% - 6rem) / 2);}
    .facility09 .item img {height:auto;}
  }
  @media screen and (max-width: 999px) {
    .facility09 {gap:4rem;}
    .facility09 .item {width:calc((100% - 4rem) / 2);}
    .facility09 .item .text .tit {height:6rem; padding:0 2rem; font-size:2rem;}
    .facility09 .item .text .list-box {padding:0 2rem 2rem;}
    .facility09 .item .text .list-box .list .stit {height:4.3rem; line-height:4.3rem; padding-left:6rem; font-size:1.7rem;}
    .facility09 .item .text .list-box .list .stit::before {width:4.3rem; height:4.3rem;}
    .facility09 .item .text .list-box .list .txt {font-size:1.7rem;}
  }
  @media screen and (max-width: 899px) {
    .facility09 {gap:3rem;}
    .facility09 .item {width:100%;}
    .facility09 .item .text .tit {height:5rem; padding:0 1.5rem; font-size:1.8rem;}
    .facility09 .item .text .list-box {padding:0 1.5rem 1.5rem;}
    .facility09 .item .text .list-box .list .stit {height:3.8rem; line-height:3.8rem; padding-left:5.8rem; font-size:1.6rem;}
    .facility09 .item .text .list-box .list .stit::before {width:3.8rem; height:3.8rem;}
  }
  @media screen and (max-width: 499px) {
    .facility09 .item .text .list-box {gap:2rem;}
    .facility09 .item .text .list-box .list {flex-direction:column; aling-items:flex-start;gap:1rem;}
    .facility09 .item .text .list-box .list .stit,
    .facility09 .item .text .list-box .list .txt {width:100%;}
    .facility09 .item .text .list-box .list .stit {padding-left:5rem;}
  }


/* 정보서비스 */
.media-wrap {position:relative; width:100%;}
.media-wrap .media {position:relative; width:100%; height:0; padding-bottom:56.25%; background:#000;}
.media-wrap .media video {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.video-caption {display:flex; align-items:center; justify-content:center; width:100%; position:relative; margin-top:4rem;}
.video-caption .captionbox {position:relative; width:100%;}
.video-caption .caption-btn {display:flex; align-items:center; justify-content:center; margin-left:auto;}
.video-caption .caption-area {display:none; position:relative; width:100%; height:40rem; padding:3rem; margin-top:2rem; border-radius:var(--radius01); background:var(--color-bg02); overflow-y:scroll;}
.video-caption .caption-box {margin-bottom:2rem;}
.video-caption .caption-box:last-child {margin-bottom:0;}
.video-caption p {font-size:1.7rem; line-height:2.8rem;}

.infoserv04-box .boxtit01,
.infoserv04-box .boxtit02,
.infoserv04-box .boxtit03,
.infoserv04-box p {text-align:left;}
.boxtit01 {font-size:2.8rem; font-weight:600; color:var(--color-text20); margin-bottom:3rem; font-family:var(--font-family01);}
.boxtit02 {font-size:2.2rem; font-weight:500; color:var(--color-primary03); margin-bottom:2.5rem; font-family:var(--font-family01);}
.boxtit03 {font-size:2rem; font-weight:500; color:var(--color-text20); margin-bottom:1.5rem; font-family:var(--font-family01);}
.infoserv04-flow {gap:4rem 6rem;}
.infoserv04-flow > li {width:calc((100% - 24rem) / 5);}
.infoserv04-flow > li::after {left:calc(100% + 1.6rem);}
.infoserv04-flow > li:nth-child(3n)::after {display:block;}
.infoserv04-flow > li:nth-child(5n)::after {display:none;}

.infoserv05-flow {position:relative; display:flex; height:100%; padding:8rem 4rem; border:1px solid var(--color-border02); overflow:hidden;}
.infoserv05-flow::before {content:''; position:absolute; top:18rem; left:50%; transform:translateX(-50%); width:.1rem; height:calc(100% - 18rem - 8rem); background:var(--color-border02);}
.infoserv05-flow .item {width:50%; padding:0 4rem; box-sizing:border-box;}
.infoserv05-flow .item .tit {display:block; width:100%; height:7rem; background:var(--color-primary01); font-size:2.4rem; font-weight:600; color:var(--color-text100); text-align:center; line-height:7rem; margin-bottom:3rem;}
.infoserv05-flow .item:nth-child(even) .tit {background:var(--color-primary03);}
.infoserv05-flow .item .flow {display:flex; flex-direction:column; gap:5rem; width:100%;}
.infoserv05-flow .item .flow li {position:relative; display:flex; flex-direction:column; align-items:center;gap:3rem 0; width:100%;}
.infoserv05-flow .item .flow li .title {display:flex; align-items:center; gap:0 3rem; padding-bottom:2.5rem; border-bottom:1px solid var(--color-primary01); width:100%;}
.infoserv05-flow .item .flow li .stit {flex: 1 0 0; width:calc(100% - 6rem); font-size:2.2rem; font-weight:500; line-height:3rem; color:var(--color-text20);}
.infoserv05-flow .item .flow li .num {display:inline-flex; align-items:center; justify-content:center; width:6rem; height:4rem; border:2px solid var(--color-border02); border-radius:999rem; font-family:var(--font-family01); font-size:1.6rem; font-weight:600; color:var(--color-primary03); padding-top:.2rem;}
.infoserv05-flow .item .flow li img {width:25rem; height:auto;}


@media screen and (max-width: 999px) {
  .infoserv04-flow {gap:3rem;}
  .infoserv04-flow > li {width:calc((100% - 12rem) / 3);}
  .infoserv04-flow > li:nth-child(5n)::after {display:block;}
  .infoserv04-flow > li:nth-child(3n)::after {display:none;}

  .infoserv05-flow {padding:4rem 2rem;}
  .infoserv05-flow::before {top:12rem; height:calc(100% - 8rem - 4rem);}
  .infoserv05-flow .item .tit {font-size:2rem; height:5rem; line-height:5rem;}
  .infoserv05-flow .item .flow li .title {padding-bottom:2rem;}
  .infoserv05-flow .item .flow li .stit {font-size:1.8rem; line-height:2.8rem;}
  .infoserv05-flow .item .flow li .num {width:5rem; height:3rem; font-size:1.4rem; padding-top:.1rem;}
  .infoserv05-flow .item .flow li img {width:20rem;}
}
@media screen and (max-width: 799px) {
  .video-caption {margin-top:2rem;}
  .boxtit01 {font-size:2.4rem; margin-bottom:2rem;}
  .boxtit02 {font-size:1.8rem; margin-bottom:1.5rem;}
  .boxtit03 {font-size:1.7rem; margin-bottom:1rem;}

  .infoserv05-flow {flex-direction:column; gap:4rem;}
  .infoserv05-flow::before {display:none;}
  .infoserv05-flow .item {width:100%; padding:0;}
}
@media screen and (max-width: 699px) {
  .infoserv04-flow > li {width:calc((100% - 6rem) / 2);}
  .infoserv04-flow > li:nth-child(3n)::after {display:block;}
  .infoserv04-flow > li:nth-child(even)::after {display:none;}
}
@media screen and (max-width: 499px) {
  .infoserv04-flow > li::after {left:calc(100% + 1.2rem);}
}



/*===== 사이트이용안내 =====*/
/* 개인정보보호 관련 조직도 */
.infoprotect01 {margin-top:6rem;}
.infoprotect01 .orgchart {display:flex; flex-direction:column; gap:5rem;}

.infoprotect01 .depth1 {position:relative; display:flex; width:100%;}
.infoprotect01 .depth1-inner {display:flex; align-items:flex-start; gap:0 7rem;}
.infoprotect01 .circle {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:15rem; height:15rem; border-radius:50%; background:var(--color-primary01); box-shadow:0 0 0 2rem rgba(1, 31, 91, 0.1), 0 0 0 4rem rgba(1, 31, 91, 0.05); flex-shrink:0; font-family:var(--font-family01); color:var(--color-text100); text-align:center; margin-top:4rem;}
.infoprotect01 .circle .tit {font-size:2.4rem; font-weight:500; line-height:1.3; margin-bottom:0.5rem;}
.infoprotect01 .circle .subtit {font-size:1.8rem; font-weight:600;}
.infoprotect01 .depth1-inner .list-box {flex:1; width:58rem; padding:4rem; border:1px solid var(--color-primary01);}

.infoprotect01 .depth2 {position:relative; display:flex; width:100%; padding-left:22rem;}
.infoprotect01 .depth2-inner {display:flex; align-items:center; justify-content:center; width:58rem; height:6rem; background:var(--color-primary03);}
.infoprotect01 .depth2-inner strong {font-family:var(--font-family01); font-size:2rem; font-weight:600; color:var(--color-text100);}

.infoprotect01 .depth3 {position:relative; display:flex; justify-content:center; width:100%;}
.infoprotect01 .depth3-list {position:relative; display:flex; flex-direction:column; gap:5rem; width:100%; padding-left:22rem;}
.infoprotect01 .depth3-item {position:relative; display:flex; flex-direction:column; align-items:center; gap:.5rem 0; width:58rem;}


/* 하위 담당자가 있는 경우 */
.infoprotect01 .depth3-item.has-sub {width:100%; display:grid; grid-template-columns:repeat(2, 1fr);; align-items:flex-start; gap:0 4rem;}
.infoprotect01 .depth3-sub-list {display:flex; justify-content:center;}
.infoprotect01 .depth3-item .tit-box {display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; padding:1.5rem 2rem; border:1px solid var(--color-primary01); background:var(--color-gray03); font-family:var(--font-family01); font-weight:600; text-align:center; color:var(--color-primary01);}
.infoprotect01 .depth3-item .tit-box .tit {font-size:2rem; margin-bottom:0.5rem; font-weight:600;}
.infoprotect01 .depth3-item .tit-box .subtit {font-size:1.8rem;}
.infoprotect01 .depth3-item .list-box {width:100%;padding:3rem 4rem; background:var(--color-bg03);}
.infoprotect01 .depth3-item .depth3-item-inner {display:flex; flex-direction:column; gap:.5rem 0;}
.infoprotect01 .depth3-sub-item {position:relative; display:flex; flex-direction:column; padding:2rem 1rem 1rem; background:#EBFBFF;}
.infoprotect01 .depth3-sub-item .tit-box {display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; padding:0 0 1rem; border:0; border-bottom:2px solid var(--color-point03); color:var(--color-text30); text-align:center; margin-bottom:2rem; background:#EBFBFF; border-radius:0;}
.infoprotect01 .depth3-sub-item .tit-box .tit {font-size:1.9rem; font-weight:500; margin-bottom:0.5rem;}
.infoprotect01 .depth3-sub-item .tit-box .subtit {font-size:1.8rem;}
.infoprotect01 .depth3-sub-item .list-box {padding:2rem; background:var(--color-text100);}

.infoprotect01 .depth1::after,
.infoprotect01 .depth2::before,
.infoprotect01 .depth3::before,
.infoprotect01 .depth3::after,
.infoprotect01 .depth3-item::before,
.infoprotect01 .depth3-sub-item::before {content:''; position:absolute; background:#949494; z-index:-1;}
.infoprotect01 .depth1::after {top:23rem; left:8rem; width:.1rem; height:37rem;}
.infoprotect01 .depth2::before {top:3rem; left:8rem; width:14rem; height:.1rem;}
.infoprotect01 .depth3-item::before {top:3.8rem; right:100%; width:7rem; height:.1rem;}
.infoprotect01 .depth3-sub-item::before {top:3.8rem; right:100%; width:7rem; height:.1rem;}
.infoprotect01 .depth3::before {top:3.8rem; left:15rem; width:.1rem; height:39rem;}
.infoprotect01 .depth3::after {top:23rem; left:8rem; width:7rem; height:.1rem;}

@media screen and (max-width: 999px) {
  .infoprotect01 .orgchart {gap:3rem;}
  .infoprotect01 .depth1-inner {width:100%;}
  .infoprotect01 .depth1-inner .list-box {width:100%; padding:2rem;}
  .infoprotect01 .depth2-inner {width:100%;}
  .infoprotect01 .depth3-list {width:100%;}
  .infoprotect01 .depth3-item {width:100%;}
  .infoprotect01 .depth3-item.has-sub {grid-template-columns:1fr; gap:2rem;}
  .infoprotect01 .depth3-sub-list {justify-content:flex-start;}
  .infoprotect01 .depth3-sub-item {width:100%;}
  .infoprotect01 .depth3-sub-item::before {display:none;}
  .infoprotect01 .depth1::after {height:31rem;}
}
@media screen and (max-width: 799px) {
  .infoprotect01 {margin-top:0;}
  .infoprotect01 .depth1-inner {gap:0 3rem;}
  .infoprotect01 .circle {width:12rem; height:12rem; box-shadow:none; margin-top:0;}
  .infoprotect01 .circle .tit {font-size:2rem;}
  .infoprotect01 .circle .subtit {font-size:1.7rem;}
  .infoprotect01 .depth2 {padding-left:15rem;}
  .infoprotect01 .depth3-list {gap:2.5rem; padding-left:15rem;}
  .infoprotect01 .depth1::after {top:12rem; left:6rem; height:40rem;}
  .infoprotect01 .depth2::before {left:6rem; width:9rem;}
  .infoprotect01 .depth3::before {left:11rem; height:34.5rem;}
  .infoprotect01 .depth3-item::before {width:4rem;}
  .infoprotect01 .depth3::after {left:6rem; width:5rem;}
  .infoprotect01 .depth3-item .list-box {padding:2rem;}
}

@media screen and (max-width: 639px) {
  .infoprotect01 .depth1-inner {flex-direction:column; gap:1rem;}
  .infoprotect01 .circle {width:100%; height:auto; padding:1rem; border-radius:var(--radius01);}
  .infoprotect01 .circle .tit br {display:none;}
  .infoprotect01 .depth2 {padding-left:4rem;}
  .infoprotect01 .depth3-list {padding-left:4rem;}
  .infoprotect01 .depth3-item::before,
  .infoprotect01 .depth2::before,
  .infoprotect01 .depth3::before,
  .infoprotect01 .depth1::after {display:none;}
}



/* 정보보안 관련 조직도 */
.infoprotect02 {margin-top:6rem;}
.infoprotect02 .orgchart {position:relative; display:flex; flex-direction:column; gap:8rem;}
.infoprotect02 .orgchart::before {content:''; position:absolute; top:26rem; left:11rem; width:.1rem; height:65%; background:#949494; z-index:-1;}
.infoprotect02 .orgchart div[role="listitem"] {display:flex; gap:9rem;}
.infoprotect02 .orgchart .org-circle {flex:shrink; display:flex; flex-direction:column; gap:.5rem;align-items:center; justify-content:center; width:22rem; height:22rem; border-radius:50%; background:var(--color-primary01);  box-shadow:0 0 0 2rem rgba(1, 31, 91, 0.1), 0 0 0 4rem rgba(1, 31, 91, 0.05); font-family:var(--font-family01); font-weight:600; color:var(--color-text100); text-align:center;}
.infoprotect02 .orgchart .org-circle .tit {font-size:2.4rem; line-height:1.3;}
.infoprotect02 .orgchart .org-circle .subtit {font-size:1.9rem;}
.infoprotect02 .orgchart .list-box {flex:1; width:calc(100% - 22rem - 9rem); padding:4rem; border:1px solid var(--color-primary01);}

.infoprotect02 .orgchart .org-secondary .org-circle {background:var(--color-primary03); box-shadow:0 0 0 2rem rgba(12, 128, 102, 0.1);}
.infoprotect02 .orgchart .org-secondary .list-box {border-color:var(--color-primary03);}

  @media screen and (max-width: 999px) {
    .infoprotect02 {margin-top:0;}
    .infoprotect02 .orgchart {gap:4rem;}
    .infoprotect02 .orgchart::before {top:19rem; left:7.5rem; height:70%;}
    .infoprotect02 .orgchart .org-circle {width:15rem; height:15rem;}
    .infoprotect02 .orgchart .org-circle .tit {font-size:2rem;}
    .infoprotect02 .orgchart .org-circle .subtit {font-size:1.7rem;}
    .infoprotect02 .orgchart .list-box {padding:3rem;}
    .infoprotect02 .orgchart .list-box {width:calc(100% - 15rem - 6rem);}
  }
  @media screen and (max-width: 799px) {
  .infoprotect02 .orgchart::before {top:15rem; height:75%;}
  .infoprotect02 .orgchart .org-circle,
  .infoprotect02 .orgchart .org-secondary .org-circle {box-shadow:none;}
  .infoprotect02 .orgchart div[role="listitem"] {gap:4rem;}
  }
  @media screen and (max-width: 599px) {
    .infoprotect02 .orgchart::before {display:none;}
    .infoprotect02 .orgchart div[role="listitem"] {flex-direction:column; gap:1rem;}
    .infoprotect02 .orgchart .org-circle {width:100%; height:auto; padding:1.5rem; border-radius:var(--radius01);}
    .infoprotect02 .orgchart .org-circle .tit br {display:none;}
    .infoprotect02 .orgchart .list-box {width:100%; padding:2rem; background-size:8rem auto; background-position:right 2rem bottom 2rem;}
  }



/* 개인정보처리방침 */
.privacy-wrap {position:relative;}
.privacy-topbox {position:relative; width:100%; padding:30px; margin-bottom:20px; border:1px solid var(--color-border02); background:var(--color-bg03); box-sizing:border-box;}
.privacy-topbox .txt {font-size:1.7rem; font-weight:400; line-height:1.6;}
.privacy-title {position:relative; padding-bottom:2rem; margin-bottom:2rem; border-bottom:1px solid var(--color-border01); font-size:2.4rem; font-weight:600; line-height:1.6; color:var(--color-text20); box-sizing:border-box;}
.privacy-labelling {position:relative; width:100%; margin-bottom:50px;}
.privacy-labellist {display:flex; align-items:stretch; justify-content:flex-start; flex-wrap:wrap; position:relative;}
.privacy-labellist .labellist_item {position:relative; width:calc(100% / 3); min-height:230px; padding:20px; box-sizing:border-box;}
.privacy-labellist .labellist_item .label_ico {display:block; width:64px; height:64px; margin:0 auto; background-size:auto 64px; background-position:center center; background-repeat:no-repeat;}
.privacy-labellist .labellist_item .label_txtbox {margin-top:20px; text-align:center;}
.privacy-labellist .labellist_item .label_txtbox .title {margin-bottom:10px; font-size:18px; font-weight:700; line-height:1.4; letter-spacing:-0.03em; color:#444444;}
.privacy-labellist .labellist_item .label_txtbox .txt {font-size:16px; font-weight:500; line-height:1.4; letter-spacing:-0.08em; color:#707070;}
.privacy-summary {position:relative; margin-bottom:50px;}
.privacy-summarylist {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 20px; position:relative;}
.privacy-summarylist .summary_item {position:relative; width:calc(100% / 2 - 10px);}
.privacy-summarylist .summary_link {display:flex; align-items:center; justify-content:space-between; gap:10px; position:relative; padding:14px 20px; border-radius:4px; background:var(--color-bg03); transition:background 0.3s ease; box-sizing:border-box;} 
.privacy-summarylist .summary_link:hover {background:#f0f0f0;}
.privacy-summarylist .summary_link .title {font-size:16px; font-weight:700; line-height:1.4; letter-spacing:-0.03em; color:#222222;}
.privacy-contbox {position:relative; margin-bottom:50px;}
.privacy-contbox:last-child {margin-bottom:0;}
.privacy-cont_title {display:flex; align-items:center; justify-content:flex-start; gap:10px; position:relative; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid var(--color-border02); box-sizing:border-box;}
.privacy-cont_title .label_ico {display:none; /* display:block; */ width:30px; height:30px; background-size:auto 30px;}
.privacy-cont_title span {font-size:2.8rem; font-weight:600; line-height:1.4; color:#000000;}
.privacy-wrap .scroll_box {position:relative;}
.privacy-wrap .scroll_box.center {margin-bottom:20px;}

/** 개인정보처리방침 : 라벨링 **/
.privacy-wrap .label_ico.ico01 {background-image:url('/share/portal/img/Contents/privacy_ico01.svg');}
.privacy-wrap .label_ico.ico02 {background-image:url('/share/portal/img/Contents/privacy_ico02.svg');}
.privacy-wrap .label_ico.ico03 {background-image:url('/share/portal/img/Contents/privacy_ico03.svg');}
.privacy-wrap .label_ico.ico04 {background-image:url('/share/portal/img/Contents/privacy_ico04.svg');}
.privacy-wrap .label_ico.ico05 {background-image:url('/share/portal/img/Contents/privacy_ico05.svg');}
.privacy-wrap .label_ico.ico06 {background-image:url('/share/portal/img/Contents/privacy_ico06.svg');}
.privacy-wrap .label_ico.ico07 {background-image:url('/share/portal/img/Contents/privacy_ico07.svg');}
.privacy-wrap .label_ico.ico08 {background-image:url('/share/portal/img/Contents/privacy_ico08.svg');}
.privacy-wrap .label_ico.ico09 {background-image:url('/share/portal/img/Contents/privacy_ico09.svg');}
.privacy-wrap .label_ico.ico10 {background-image:url('/share/portal/img/Contents/privacy_ico10.svg');}
.privacy-wrap .label_ico.ico11 {background-image:url('/share/portal/img/Contents/privacy_ico11.svg');}
.privacy-wrap .label_ico.ico12 {background-image:url('/share/portal/img/Contents/privacy_ico12.svg');}
.privacy-wrap .label_ico.ico13 {background-image:url('/share/portal/img/Contents/privacy_ico13.svg');}
.privacy-wrap .label_ico.ico14 {background-image:url('/share/portal/img/Contents/privacy_ico14.svg');}
.privacy-wrap .label_ico.ico15 {background-image:url('/share/portal/img/Contents/privacy_ico15.svg');}
.privacy-wrap .label_ico.ico16 {background-image:url('/share/portal/img/Contents/privacy_ico16.svg');}
.privacy-wrap .label_ico.ico17 {background-image:url('/share/portal/img/Contents/privacy_ico17.svg');}

	@media screen and (max-width:1024px){
		.privacy-wrap {margin:50px 0 0;}
		.privacy-topbox {padding:20px;}
		.privacy-topbox .txt {font-size:15px;}
		.privacy-labelling {margin-bottom:30px;}
		.privacy-labellist .labellist_item {width:calc(100% / 2);}
		.privacy-labellist .labellist_item .label_txtbox .title {font-size:16px;}
		.privacy-labellist .labellist_item .label_txtbox .txt {font-size:14px;}
		.privacy-summarylist .summary_item {width:100%;}
		.privacy-summarylist .summary_link .title {font-size:15px;}
		.privacy-cont_title .label_ico {width:24px; height:24px; background-size:auto 24px;}
		.privacy-cont_title span {font-size:2.5rem;}
		.privacy-wrap .scroll_box {overflow-x:scroll;}
		.privacy-wrap .scroll_box .privacy-table {width:1024px;}	
	}

	@media screen and (max-width:360px){
		.privacy-labellist .labellist_item {width:100%; min-height:auto;}
	}


/* 부서검색 */
.deptsrch-box {margin:0 auto; background:var(--color-bg02); border-radius:var(--radius01); padding:2rem 4rem 4rem;}
.deptsrch-box .deptsrch-form {max-width:70rem; margin:0 auto;}
.deptsrch-box .deptsrch-field {position:relative; border-bottom:1px solid var(--color-text0);}
.deptsrch-box .deptsrch-field input[type="search"] {display:block; width:100%; height:7rem; font-size:2.4rem; color:var(--color-text0); background:transparent; border:none; outline:none; padding:0 4rem 0 0; appearance:none; -webkit-appearance:none;}
.deptsrch-box .deptsrch-field input[type="search"]::placeholder {color:var(--color-text40);}
.deptsrch-box .deptsrch-field input[type="search"]::-webkit-search-cancel-button {display:none;}
.deptsrch-box .deptsrch-submit-btn {position:absolute; top:50%; right:0; transform:translateY(-50%); width:2.4rem; height:2.4rem; background:url('/share/portal/img/Contents/deptsrch_srch.svg') no-repeat center center / contain; border:none; cursor:pointer;}
.deptsrch-box .deptsrch-count {margin-top:1.2rem; font-size:1.5rem; color:var(--color-text40);}
.deptsrch-box .deptsrch-count em {font-style:normal; font-weight:500; color:var(--color-point01);}
.deptsrch-result {margin-top:5rem;}
.deptsrch-group {margin-top:4rem;}
.deptsrch-group:first-child {margin-top:0;}
.deptsrch-group-tit {display:flex; align-items:center; gap:0 1rem; padding-bottom:1.5rem; border-bottom:2px solid var(--color-primary02); margin-bottom:.5rem;}
.deptsrch-group-tit .tit {font-size:2.4rem; color:var(--color-text0); font-weight:600;}
.deptsrch-group-tit .cnt {display:inline-flex; align-items:center; justify-content:center; min-width:3.6rem; height:3.6rem; padding:0 .8rem; border-radius:999rem; background:var(--color-bg02); font-style:normal; font-size:1.6rem; font-weight:600; color:var(--color-primary02); line-height:3.6rem;}
.deptsrch-group .deptsrch-list {display:flex; flex-direction:column;}
.deptsrch-group .deptsrch-item {border-bottom:1px solid var(--color-border02);}
.deptsrch-group .deptsrch-link {display:flex; align-items:center; gap:0 1.5rem; padding:2rem; font-size:1.6rem;}
.deptsrch-group .deptsrch-link .dept-nm {position:relative; padding-left:1.2rem; flex-shrink:0; font-size:1.7rem; font-weight:500; color:var(--color-text0);}
.deptsrch-group .deptsrch-link .dept-nm:before {position:absolute; content:""; left:0; top:0.7rem; width:4px; height:4px; border-radius:var(--radiusPill); background:var(--color-primary03);}
.deptsrch-group .deptsrch-link .dept-path {font-size:1.6rem; color:var(--color-text40); line-height:1.5;}
.deptsrch-group .deptsrch-link .deptsrch-word {color:var(--color-primary02); font-weight:600;}
.deptsrch-group .deptsrch-link:hover .dept-nm,
.deptsrch-link:focus .dept-nm,
.deptsrch-group .deptsrch-link:hover .deptsrch-word {color:var(--color-primary03); text-decoration:underline; text-underline-offset:3px;}
.deptsrch-empty {padding:6rem 0; text-align:center; font-size:1.8rem; color:var(--color-text40);}

@media screen and (max-width: 599px) {
  .deptsrch-box {padding:1rem 3rem 2rem;}
  .deptsrch-box .deptsrch-form {max-width:100%;}
  .deptsrch-box .deptsrch-field input[type="search"] {height:5rem; font-size:1.8rem; padding-right:3rem;}
  .deptsrch-box .deptsrch-submit-btn {width:1.8rem; height:1.8rem;}
  .deptsrch-result {margin-top:4rem;}
  .deptsrch-group-tit .tit {font-size:2rem;}
  .deptsrch-group-tit .cnt {width:2.8rem; height:2.8rem; line-height:2.8rem; }
  .deptsrch-group .deptsrch-link {flex-direction:column; align-items:flex-start; gap:0.5rem; padding:1rem 0;}
  .deptsrch-group .deptsrch-link .dept-nm {font-size:1.6rem;}
  .deptsrch-group .deptsrch-link .dept-path {font-size:1.5rem; padding-left:1.2rem;}
}

/* 키워드 페이지 추가 */
body:has(.keyword-hd) .sub-header ~ #container {padding-top:0;}
body:has(.keyword-hd) .sub-inner:has(.cTitBox) {display:none;}
.keyword-hd {width:100dvw;margin-left:calc(50% - 50dvw);padding:22rem 0 12rem;background-repeat:no-repeat;background-position:center center;background-size:cover;min-height:98rem;}
.keyword-hd.historic {background-image:url(/share/portal/img/Contents/keyword/keyword_bg_historic.jpg);}
.keyword-hd.people {background-image:url(/share/portal/img/Contents/keyword/keyword_bg_people.jpg);}
.keyword-hd.life {background-image:url(/share/portal/img/Contents/keyword/keyword_bg_life.jpg);}
.keyword-hd.future {background-image:url(/share/portal/img/Contents/keyword/keyword_bg_future.jpg);}
.keyword-hd.global {background-image:url(/share/portal/img/Contents/keyword/keyword_bg_global.jpg);}
.keyword-hd.ai {background-image:url(/share/portal/img/Contents/keyword/keyword_bg_ai.jpg?ver=260713);}
/* 내부 컨텐츠는 본문 그리드 폭에 맞춰 중앙 정렬 (.inner와 동일 규칙) */
.keyword-hd > .sub-inner {max-width:var(--inwrap-w);width:100%;padding:0 var(--inwrap-vp);margin:0 auto;}

.keyword-hd__title {background:#fff;padding:6rem;width:64.8rem;max-width:100%;}
.keyword-hd__title .stit {margin-bottom:2rem;color:var(--color-primary03);font-family:var(--font-family01);font-size:3.2rem;letter-spacing:0;font-weight:700;}
.keyword-hd__title .btit {margin-bottom:3rem;color:var(--color-primary01);font-family:var(--font-family01);font-size:6.4rem;line-height:1.2;letter-spacing:0;font-weight:700;}
.keyword-hd__title .stxt {margin-bottom:4rem;color:var(--color-primary01);font-size:2.8rem;line-height:1.4;font-weight:500;letter-spacing:0;}
.keyword-hd__title .ctxt {color:#000;font-size:1.8rem;line-height:1.6;letter-spacing:0;}
.keyword-cont {padding:8.8rem 0 10rem;}
.keyword-ctitle {display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;margin-bottom:3.4rem;}
.keyword-ctitle .btxt {font-size:3rem;font-weight:800;color:var(--color-primary01)}
.keyword-ctitle .stxt {font-size:3rem;font-weight:300;color:#8B8F99;}
.keyword-lst {display:flex;flex-wrap:wrap;gap:2.4rem;}
.keyword-lst > li {width:calc(50% - 1.2rem);border:1px solid #E7E6E1;}
.keyword-lst .imgbox {aspect-ratio:706/397.13;background-repeat:no-repeat;background-position:center center;background-size:cover;}

.keyword-lst .historic-01 .imgbox {background-image:url(/share/portal/img/Contents/keyword/keyword_historic_01.jpg);}
.keyword-lst .historic-02 .imgbox {background-image:url(/share/portal/img/Contents/keyword/keyword_historic_02.jpg?ver=260805);}
.keyword-lst .historic-03 .imgbox {background-image:url(/share/portal/img/Contents/keyword/keyword_historic_03.jpg?ver=260805);}
.keyword-lst .historic-04 .imgbox {background-image:url(/share/portal/img/Contents/keyword/keyword_historic_04.jpg?ver=260805);}

.keyword-lst .people-01 .imgbox {background-image:url(/share/portal/img/Contents/keyword/keyword_people_01.jpg?ver=260805);}
.keyword-lst .people-02 .imgbox {background-image:url(/share/portal/img/Contents/keyword/keyword_people_02.jpg?ver=260805);}
.keyword-lst .people-03 .imgbox {background-image:url(/share/portal/img/Contents/keyword/keyword_people_03.jpg?ver=260805);}
.keyword-lst .people-04 .imgbox {background-image:url(/share/portal/img/Contents/keyword/keyword_people_04.jpg?ver=260805);}

.keyword-lst .life-01 .imgbox {background-image:url(/share/portal/img/Contents/keyword/keyword_life_01.jpg);}
.keyword-lst .life-02 .imgbox {background-image:url(/share/portal/img/Contents/keyword/keyword_life_02.jpg);}
.keyword-lst .life-03 .imgbox {background-image:url(/share/portal/img/Contents/keyword/keyword_life_03.jpg);}
.keyword-lst .life-04 .imgbox {background-image:url(/share/portal/img/Contents/keyword/keyword_life_04.jpg);}

.keyword-lst .future-01 .imgbox {background-image:url(/share/portal/img/Contents/keyword/keyword_future_01.jpg);}
.keyword-lst .future-02 .imgbox {background-image:url(/share/portal/img/Contents/keyword/keyword_future_02.jpg);}
.keyword-lst .future-03 .imgbox {background-image:url(/share/portal/img/Contents/keyword/keyword_future_03.jpg);}
.keyword-lst .future-04 .imgbox {background-image:url(/share/portal/img/Contents/keyword/keyword_future_04.jpg);}

.keyword-lst .global-01 .imgbox {background-image:url(/share/portal/img/Contents/keyword/keyword_global_01.jpg);}
.keyword-lst .global-02 .imgbox {background-image:url(/share/portal/img/Contents/keyword/keyword_global_02.jpg?ver=260713);}
.keyword-lst .global-03 .imgbox {background-image:url(/share/portal/img/Contents/keyword/keyword_global_03.jpg);}
.keyword-lst .global-04 .imgbox {background-image:url(/share/portal/img/Contents/keyword/keyword_global_04.jpg);}

.keyword-lst .ai-01 .imgbox {background-image:url(/share/portal/img/Contents/keyword/keyword_ai_01.jpg?ver=260713);}
.keyword-lst .ai-02 .imgbox {background-image:url(/share/portal/img/Contents/keyword/keyword_ai_02.jpg);}
.keyword-lst .ai-03 .imgbox {background-image:url(/share/portal/img/Contents/keyword/keyword_ai_03.jpg);}
.keyword-lst .ai-04 .imgbox {background-image:url(/share/portal/img/Contents/keyword/keyword_ai_04.jpg);}

.keyword-lst .txtbox {padding:3.3rem 2.8rem 3rem;}
.keyword-lst .txtbox .tit {color:var(--color-primary01);font-weight:800;font-size:2rem;line-height:1.4;margin-bottom:1rem;}
.keyword-lst .txtbox .txt {font-size:1.5rem;line-height:1.6;color:#54585F;}
.keyword-link__title {position:relative;padding-left:4.2rem;padding-top:0.5rem;margin-bottom:4rem;font-size:2.4rem;line-height:2rem;color:var(--color-primary01);font-weight:800;min-height:3rem;}
.keyword-link__title:before {content:"";display:block;width:5px;height:3rem;background:var(--color-primary03);border-radius:4px;position:absolute;top:0;left:0;}
.keyword-link__lst {display:flex;gap:1.6rem;}
.keyword-link__lst > a {flex:1;display:flex;align-items:center;gap:2rem;padding:0 4rem;height:9rem;font-size:1.8rem;font-weight:700;border:1px solid #BABEC4;}
.keyword-link__lst > a:after {flex:none;content:"";display:block;width:7px;height:13px;margin-left:auto;background:url(/share/portal/img/Contents/keyword/keyword_link_arrow.svg) no-repeat center center /100% 100%;}

	@media screen and (hover) {
		.keyword-link__lst > a,
		.keyword-link__lst > a:hover:after {transition:all .3s;}
		.keyword-link__lst > a:hover,
		.keyword-link__lst > a:focus-visible {background:var(--color-primary03);color:#fff;border-color:var(--color-primary03);}
		.keyword-link__lst > a:hover:after,
		.keyword-link__lst > a:focus-visible:after {filter:brightness(0) invert(1);}
	}
	
	@media screen and (max-width:1200px) {
		.keyword-hd {padding-top:14rem;min-height:calc(100dvh - 6rem);}
		.keyword-hd__title .stit {font-size: 2.8rem;}
		.keyword-hd__title .btit {font-size: 5.4rem;}
		.keyword-hd__title .stxt {font-size: 2.2rem;}
		.keyword-hd__title .ctxt {font-size: 1.6rem;}
		.mb-none {display:none;}
	}
	
	@media screen and (max-width:800px) {
		.keyword-hd__title {padding:4rem;}
		.keyword-hd__title .stit {font-size: 2.6rem;}
		.keyword-hd__title .btit {font-size: 4rem;}
		
		.keyword-link__lst {flex-wrap:wrap;gap:1.2rem;}
		.keyword-link__lst > a {flex:none;width:100%;min-height:7rem;height:auto;padding:1.2rem 2.4rem;}
	}
	
	@media screen and (max-width:600px) {
		.keyword-hd {padding-top:10rem;padding-bottom:10rem;}
		.keyword-cont {padding:6rem 0;}
		.keyword-ctitle {margin-bottom:3rem;}
		.keyword-lst {gap: 1.2rem;}
		.keyword-lst > li {width:100%;}
		.keyword-link__title {margin-bottom:3rem;}
	}
	
	@media screen and (max-width:480px) { 
		.keyword-hd__title {padding:4rem 3rem;}
	}