/*********common***************/
 /** web Font **/
 /*
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
*/

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

:root {
  --logo-blue:#1c2d57;
  --logo-green:#2ff792;
  --logo-sky:#419ebb;
  --logo-yellow:#f5ac4d;
  --logo-blue-rgb: 28, 45, 87;
  --logo-green-rgb: 0, 125, 121;
  --logo-yellow-rgb: 245, 172, 77;

  --color-blue:#2c80ff;
  --snu-blue:#1b3b86;
  --snu-blue-rgb:27, 59, 134;

  --dark-green:#00b86a;
  --dark-green-rgb: 0, 184, 106;

  --topbar-height:36px;
  --header-height:100px;

  --content-topspace:0px; /* --topbar-height + --header-height 100 */
  --tablet-content-topspace:0px; /* --topbar-height + --tablet-header-height 80 */
  --mobile-content-topspace:0px; /* --topbar-height + --mobile-header-height 64 */

  --subgnb-top:150px;
  --theme-color:var(--dark-green);
  --theme-color-rgb:var(--dark-green-rgb);


  --inprogress-color:var(--logo-yellow);
  --applying-color:var(--logo-blue);
  --applyclosed-color:var(--logo-blue);
  --closed-color:#bcbcbc;
  --primary-color:var(--logo-blue);


  --highschool-theme: #00b86a;
  --highschool-theme-rgb: 0, 184, 106;

  --admission-theme: #066dbe;
  --admission-theme-rgb: 6, 109, 190;

  --interview-theme: #f3a517;
  --interview-theme-rgb: 243, 165, 23;

  --campuslife-theme: #09a99b;
  --campuslife-theme-rgb: 9, 169, 155;


}

@media screen and (max-width: 992px) {
  :root {
    --header-height:80px;
  }
}

@media screen and (max-width: 768px) {
  :root {
    --header-height:60px;
  }
}

.skipcontent { padding-top:var(--header-height); }

.skip-nav { position: fixed; width:100%; left:0; top:0; z-index: 9999; transform: translate(0%, -100%); transition: all 0.5s; color: #fff; background: #333; font-size: 16px; padding: 15px; font-weight: 400; line-height: 1.3; text-align:center; vertical-align: middle; }
.skip-nav:focus { transform: translate(0%, 0%); }


.pager {
  --bs-pagination-color: var(--theme-color);
  --pagination-color:#fff;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--theme-color-rgb), 0.25);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
}

.pagination {
  --bs-pagination-color: var(--theme-color);
  --bs-pagination-active-bg: var(--theme-color);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--theme-color-rgb), 0.25);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}

.btn-primaryxx {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--logo-blue);
  --bs-btn-border-color: var(--logo-blue);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1f47b1;
  --bs-btn-hover-border-color: #1d42a2;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1d42a2;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--logo-blue);
  --bs-btn-disabled-border-color: var(--logo-blue);
}

.highschool-theme .pager {
  --bs-pagination-color: var(--highschool-theme);
  --pagination-color:#fff;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--highschool-theme-rgb), 0.25);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
}

.highschool-theme .pagination {
  --bs-pagination-color: var(--highschool-theme);
  --bs-pagination-active-bg: var(--highschool-theme);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--highschool-theme-rgb), 0.25);
}

.admission-theme .pagination {
  --bs-pagination-color: var(--admission-theme);
  --bs-pagination-active-bg: var(--admission-theme);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--admission-theme-rgb), 0.25);
}

.admission-theme .pager {
  --bs-pagination-color: var(--admission-theme);
  --pagination-color:#fff;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--admission-theme-rgb), 0.25);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
}

.campuslife-theme .pagination {
  --bs-pagination-color: var(--campuslife-theme);
  --bs-pagination-active-bg: var(--campuslife-theme);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--campuslife-theme-rgb), 0.25);
}

.campuslife-theme .pager {
  --bs-pagination-color: var(--campuslife-theme);
  --pagination-color:#fff;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--campuslife-theme-rgb), 0.25);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
}

a {
  /*color: #222;*/
  text-decoration: none;
}

a.over-orange:hover {
  color: var(--logo-green);
}

.blind {
  display: block;
  top: -1000em;
  position: absolute;
}

#gotoTop {
  display: none;
  z-index: 299;
  position: fixed;
  padding:15px 20px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  top: auto;
  left: auto;
  right: 30px;
  bottom: 50px;
  cursor: pointer;
  border-radius: 0px;
  border: 1px solid var(--theme-color);
  background-color:rgba(var(--theme-color-rgb), 0.5);
}
#gotoTop i { color:#fff; }


#gotoTop:hover {
  border: 1px solid #027c4b;
  background-color:rgba(var(--theme-color-rgb), 1);
}

.highschool-theme #gotoTop { border: 1px solid var(--highschool-theme); background-color:rgba(var(--highschool-theme-rgb), 0.5);}
.highschool-theme #gotoTop:hover { background-color:rgba(var(--highschool-theme-rgb), 1); }

.admission-theme #gotoTop { border: 1px solid var(--admission-theme); background-color:rgba(var(--admission-theme-rgb), 0.5);}
.admission-theme #gotoTop:hover { background-color:rgba(var(--admission-theme-rgb), 1); }

.interview-theme #gotoTop { border: 1px solid var(--interview-theme); background-color:rgba(var(--interview-theme-rgb), 0.5);}
.interview-theme #gotoTop:hover { background-color:rgba(var(--interview-theme-rgb), 1); }

.campuslife-theme #gotoTop { border: 1px solid var(--campuslife-theme); background-color:rgba(var(--campuslife-theme-rgb), 0.5);}
.campuslife-theme #gotoTop:hover { background-color:rgba(var(--campuslife-theme-rgb), 1); }

.videocontainer {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}

.videocontainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.pagination-wrap { margin-top:30px; }

/* Top */
.top-bar {
  height:36px;
  padding: 7px 0px;
  background: var(--logo-blue) !important;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:10;
}

.top-bar .top-link-wrap { height:100%; display:flex; justify-content: flex-end !important; align-items: center !important; gap:20px;}
.top-bar .top-link-wrap a { color:#fff; text-decoration:none;font-size:0.9em;}


@media screen and (max-width: 578px) {
  .top-bar .top-link-wrap.fs-sm a { font-size:0.8em; padding-left:0px; }
}

.gnb-wrap { display:flex;justify-content: space-between !important; align-items: center !important;}



.gnb-sub-inner { display:flex; align-items: center !important;justify-content: space-between !important;}
.gnb-sub-inner .desktop-gnb-sub {
  display:flex;justify-content: space-between !important; align-items: flex-start !important;
}

.desktop-gnb-sub { margin:0; padding:0; }
.desktop-gnb-sub li { margin:0; padding:0; list-style:none; }
.desktop-gnb-sub li a { color:#000; text-decoration:none; }
.desktop-gnb-sub li a:hover { color:var(--theme-color); }
.desktop-gnb-sub .gnb-depth2-wrap {padding: 0 1.5em; }


.content-wrap { margin-top:var(--content-topspace); transition: all 0.3s; }

@media screen and (max-width: 992px) {
  .content-wrap { margin-top:var(--tablet-content-topspace); }
}

@media screen and (max-width: 768px) {
  .content-wrap { margin-top:var(--mobile-content-topspace); }
}


.gnb-sub-overlay { background-color:#fff; width:100%; height:0px;
  transition: all 0.5s;
  opacity:0;
  overflow:hidden;
  position:relative;
  display:flex;
}
.gnb-sub-overlay:after {content:''; position:absolute; top:0; left:0; width:0; height:1px; background-color:var(--theme-color); transition: all 0.8s; }

.gnb-sub-overlay .probono-text { opacity:0.9; margin-bottom:30px; }
.gnb-sub-overlay .probono-text .law-logo img { width: 60px; }
.gnb-sub-overlay .probono-text .platform-text img { width: 200px; }



.header.hover .gnb-sub-overlay { height:300px; opacity:1; }
.header.hover .gnb-sub-overlay:after { width:100%; }


.gnb-sub-overlay .probono { display:inline-block; margin-top:30px;}
.gnb-sub-overlay .probono img { height:130px; opacity:0.5;}


.page-title-wrap { margin-bottom:20px; }
.page-title-wrap .page-title { display:flex; justify-content: space-between !important; align-items: center !important; }
.page-title-wrap .page-title h2 { font-size:clamp(1.5rem, 2.5vw, 2.5rem); font-weight:600; }



/* 메인 */
#popupModal .modal-footer { position:relative; }
#popupModal .carousel-indicators [data-bs-target] { background-color:var(--logo-green); width:20px; height:20px; margin-top:0px; border-radius:50%;border-top: 0;  border-bottom: 0;}
#popupModal .carousel-indicators {position: relative; right: auto; bottom: auto; left: auto; z-index: 2; margin-right: 10px; margin-bottom: 0; margin-left: 10px; align-items: center !important; }
#popupModal .carousel-control-next,
#popupModal .carousel-control-prev { border-radius:50%; position:relative; }
#popupModal .carousel-control-next:hover,
#popupModal .carousel-control-prev:hover { color: #000; opacity: .4; }
#popupModal .carousel-control-next-icon,
#popupModal .carousel-control-prev-icon { background-size:50%; filter: invert(1) grayscale(100); }
#popupModal .carousel-control-next, #popupModal .carousel-control-prev { width: 30px; height: 30px; }
#popupModal .popup-modal h3.poptitle { text-align:center; margin-top:0; margin-bottom:20px; padding:5px; font-size:25px; color: var(--logo-green); font-family: 'Nanum Myeongjo', serif;}
#popupModal .popup-modal .carousel-control-next, #popupModal .carousel-control-prev { width: auto; }
#popupModal .carousel-control-prev:hover, #popupModal .carousel-control-next:hover { background-color:rgba(0, 0, 0, .2); }
#popupModal .modal-title img { height:30px; }



.main-visual { }
.page-main .swiper {
  width: 100%;
  height: 600px;
  transition: all 1s;
}

@media screen and (max-width: 768px) {
  .page-main .swiper {
    height: 350px;
  }
}

@media screen and (max-width: 578px) {
  .page-main .swiper {
    height: 300px;
  }
}

.page-main .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size:cover;
  position:relative;
}
.page-main .swiper-slide:after {
  position:absolute;
  content:'';
  left:0;
  top:0;
  right:0;
  bottom:0;
  background-color:rgba(0, 0, 0, 0.3);
  z-index:1;
}

.page-main .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-main .autoplay-progress {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 10;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--theme-color);
  opacity:0.5;
  font-size:0.8em;
}

.page-main .autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: var(--theme-color);
  fill: none;
  stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}

.page-main .swiper-slide .container { z-index:2; }
.page-main .swiper-slide .container,
.page-main .swiper-slide .row { height:100%; }

.page-main .swiper-slide .mv-item-wrap {  }
.page-main .swiper-slide .mv-item { width:100%; height:100%; padding:30px; display:flex;align-items: center !important; transition: all 0.5s; color:#fff;}

.page-main .swiper-slide .mv-item .main-text { margin:0px 0 10px 0; text-align:left; transform: translate(10%, 0%); transition: all 1s; opacity:0;}
.page-main .swiper-slide.active-animation .mv-item .main-text { transform: translate(0%, 0%);opacity:1;}

.page-main .swiper-slide .mv-item h2 { display:inline; font-size:clamp(1.2em, 3vw, 2em); font-weight:700; position:relative; }

.page-main .swiper-slide .mv-item .sub-text { transform: translate(0%, 100%); opacity:0;transition: all 1s;text-align:left; margin-bottom:0; font-size:clamp(0.9em, 2vw, 1.1em);}
.page-main .swiper-slide.active-animation .mv-item .sub-text {transform: translate(0%, 0%);opacity:1; }


.page-main .main-visual .swiper-pagination-bullet { width:15px; height:15px; margin:0 10px !important; transition: all 0.5s; background-color:rgba(255, 255, 255, 0.5); opacity:1;}
.page-main .main-visual .swiper-pagination-bullet-active { width:50px; border-radius:15px; background-color:rgba(var(--theme-color-rgb), 1);}


/* 메인 */
.main-tab { border-bottom:1px solid #ccc; }

.main-tab ul { margin:0; padding:0; display:flex; }
.main-tab ul li {
  list-style:none;
  display:inline-block;
  width: 25%;
  box-sizing: border-box;
  margin:0;
  padding:0;
}

.main-tab ul li a {
  display: block;
  color: #666;
  font-size: clamp(14px, 2vw, 17px);
  text-align: center;
  padding:15px 10px;
  border-right: 1px solid #ccc;
}



.main-tab ul li.active a {
  color: #fff;
}

.main-tab ul li:nth-child(1).active {
  background-color: var(--dark-green);
  border-color: var(--dark-green);
}
.main-tab ul li:nth-child(2).active {
  background-color: var(--admission-theme);
  border-color: var(--admission-theme);
}
.main-tab ul li:nth-child(3).active {
  background-color: var(--interview-theme);
  border-color: var(--interview-theme);
}
.main-tab ul li:nth-child(4).active {
  background-color: var(--campuslife-theme);
  border-color: var(--campuslife-theme);
}


.main-tab ul li:first-child a {
  border-left: 1px solid #ccc;
}

@media screen and (max-width: 768px) {
  .main-tab ul { display:block; }
  .main-tab ul li { width:50%; box-sizing: border-box;}
  .main-tab .container {
    padding-left: 0;
    padding-right: 0;
    overflow:hidden;
    max-width:100%;
  }
  .main-tab ul li { border-left: 0 !important; border-right:0 !important; }
  .main-tab ul li:nth-child(1) a,
  .main-tab ul li:nth-child(2) a {
    border-bottom: 1px solid #ccc;
  }
}

.main-content { display:none; }
.main-content.active { display:block; }

.main-content section { padding:50px 0px; }
.main-content section h3 { position:relative; color:#fff; margin-bottom:0; font-size:clamp(1.3em, 2.5vw, 2em);}
.main-content section .section-title { position:relative; width:100%; height:100%; margin-bottom:0; padding:30px 30px;display:flex; justify-content: space-between !important; flex-direction: column; }
.main-content section .section-title > div { text-align:right; position:relative; z-index:2; }
.main-content section .section-title > div a { color:#fff !important; font-size:0.9em; display:inline; margin-top:5px;}
@media (max-width: 1200px) {
  .main-content section .section-title { flex-direction: row;align-items: center !important; padding:30px 30px 10px 30px;}
}


.main-content.highschool section .section-title { background-color:var(--highschool-theme); }
.main-content.admission section .section-title { background-color:var(--admission-theme); }
.main-content.interview section .section-title { background-color:var(--interview-theme); }
.main-content.campuslife section .section-title { background-color:var(--campuslife-theme); }


.main-content.highschool section:nth-child(even) { background-color: #e3ebe6;}
.main-content.admission section:nth-child(even) { background-color: #e6edf2;}
.main-content.interview section:nth-child(even) { background-color: #e6edf2;}
.main-content.campuslife section:nth-child(even) { background-color: #e3edec;}

.main-content .inner-content a:focus,
.main-content .inner-content a:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}

.main-content.highschool .inner-content a { display:block; height:100%; background-color:#fff; color:#222;}
.main-content.highschool .inner-content a .info .title { color: #444; font-size: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom:10px; }
.main-content.highschool .inner-content a .info .member-box { font-size: 1em; font-weight:300; margin-top:10px;}
.main-content.highschool .inner-content a .info .member-box span { color: var(--highschool-theme); }
.main-content.highschool .inner-content a .info .member-box.single span { display:block; font-size:1.2em; }


@media screen and (max-width: 1200px) {
  .main-content section .col-xl-3 { margin-bottom:20px; }
}


.main-content section h3:before {
  display: block;
  content: "";
  position: absolute;
  left: 0px;
  top: -10px;
  width: 31px;
  height: 2px;
  background-color: #fff;
}

.main-content section .section-title:after {
  position: absolute;
  display: block;
  content: '';
  right: 20px;
  bottom: 20px;
  width: 200px;
  height: 150px;
  z-index:1;
}


.main-content.highschool .life-path a { display:block; }
.main-content.highschool .life-path .info {
  padding: 7px 9px 0;
  background-color:#fff;
}
.main-content.highschool .life-path .name {
  margin-top: 10px;
  color: #222;
  font-size: 17px;
  line-height: 1em;
}
.main-content.highschool .life-path .major {
  height: 32px;
  margin-top: 6px;
  color: #666;
  font-size: 15px;
  font-weight: 300;
  line-height: 16px;
}




.main-content.highschool .freshman-book a { display:block; }
.main-content.highschool .freshman-book a img { width:100%; }
.main-content.highschool .freshman-book .info {
  padding: 30px;
  background-color:#efefef;
}
.main-content.highschool .freshman-book .name {
  position:relative;
  color: #222;
  font-size: 22px;
  text-align:center;
  padding-top:10px;
}
.main-content.highschool .freshman-book .name:before {
  position: absolute;
  display: block;
  content: '';
  top: 0;
  left: 50%;
  margin-left: -15px;
  width: 30px;
  height: 1px;
  background: #73777b;
}



.main-content.highschool .edu-issue .inner-content a { display:block; background-color:#fff; height:100%; color:#222;}
.main-content.highschool .edu-issue .inner-content a:focus,
.main-content.highschool .edu-issue .inner-content a:hover { background-color:var(--highschool-theme); color:#fff;}

.main-content.highschool .edu-issue .inner-content a figure.issue {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color:#000;
  color: #fff;
  text-align: center;
  font-size: 0.9em;
  margin:0;
}

.main-content.highschool .edu-issue .inner-content a figure.issue:after {
  content:'';
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  background-color:rgba(0, 0, 0, 0.2);
  z-index:1;
}

.main-content.highschool .edu-issue .inner-content a figure.issue .info {
  width:100%;
  position: absolute;
  text-align:center;
  top: 50%;
  left: 0px;
  padding: 5px 10px 5px;
  z-index:2;
}
.main-content.highschool .edu-issue .inner-content a .title {
  font-size:0.9em;
  line-height:1.2;
  padding:10px;
}

.main-content.highschool .edu-issue .inner-content a figure.issue h4,
.main-content.highschool .edu-issue .inner-content a figure.issue h5 {
  margin: 0;
}
.main-content.highschool .edu-issue .inner-content a figure.issue h4 {
  font-weight: 400;
  font-size:15px;
  margin-bottom:5px;
}
.main-content.highschool .edu-issue .inner-content a figure.issue h5 {
  display: inline-block;
  font-weight: normal;
  background-color: #fff;
  padding: 2px 5px;
  color: #000;
  margin:0 auto;
  font-size:14px;
}

.main-content.highschool .edu-issue .col-md-6 { margin-bottom:20px; }
.main-content.highschool .edu-issue .col-md-6:nth-child(5),
.main-content.highschool .edu-issue .col-md-6:nth-child(6),
.main-content.highschool .edu-issue .col-md-6:nth-child(7),
.main-content.highschool .edu-issue .col-md-6:nth-child(8) { margin-bottom:0; }

.main-content.admission .adm-guide .inner-content a { display:block; color:#222;}
.main-content.admission .adm-guide .info { background-color:#fff; padding:20px 10px; text-align:center; }

.main-content.admission .adm-officer .inner-content a { display:block; color:#222;}
.main-content.admission .adm-officer .info { background-color:#eee; padding:20px 10px; text-align:center;}
.main-content.admission .adm-officer .info span { color:var(--admission-theme); }


.main-content.admission .adm-warehouse .col-md-6 { margin-bottom:20px; }
.main-content.admission .adm-warehouse .col-md-6:nth-child(4),
.main-content.admission .adm-warehouse .col-md-6:nth-child(5),
.main-content.admission .adm-warehouse .col-md-6:nth-child(6) { margin-bottom:0; }
.main-content.admission .adm-warehouse .inner-content a { color:#222; }
.main-content.admission .adm-warehouse a.info { height:100%; background-color:#f9f9f9; padding:20px 20px; text-align:center; display:flex;flex-direction: column; align-items: center !important;justify-content: space-between !important; }
.main-content.admission .adm-warehouse a.info .category { background-color:var(--admission-theme); color:#fff; padding:2px 10px; border-radius:20px; font-size:0.9em; font-weight:300; margin-bottom:10px; }
.main-content.admission .adm-warehouse a.info .filename {margin-bottom:30px; font-size:1.2em;}
.main-content.admission .adm-warehouse a.info .icon { display:inline-block; border: 1px solid #a6a6a6; border-radius: 16px 16px 0 16px; padding: 8px 16px; color: #666; font-size: 13px; }
.main-content.admission .adm-warehouse a.info:hover { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
.main-content.admission .adm-warehouse a.info:hover .icon { background-color:var(--admission-theme); border: 1px solid var(--admission-theme); color:#fff; }
.main-content.admission .adm-warehouse a.info .icon .bi { color:var(--admission-theme); }
.main-content.admission .adm-warehouse a.info:hover .icon .bi { color:#fff; }


.main-content.interview .interview-guide .inner-content a { display:block; color:#222; }
.main-content.interview .interview-guide .info {
  background-color: #fff;
  padding: 20px 10px;
  text-align: center;
}

.main-content.interview .interview-freshman a { display:block; }

.main-content.interview .interview-freshman .info {
  padding: 30px;
  background-color: #efefef;
  }

.main-content.interview .interview-freshman .info .name {
  position:relative;
  color: #222;
  font-size: 22px;
  text-align:center;
  padding-top:10px;
}
.main-content.interview .interview-freshman .info .name:before {
  position: absolute;
  display: block;
  content: '';
  top: 0;
  left: 50%;
  margin-left: -15px;
  width: 30px;
  height: 1px;
  background: #73777b;
}


.main-content.interview .interview-freshman .col-md-6:nth-child(3),
.main-content.interview .interview-freshman .col-md-6:nth-child(4) { margin-bottom:0; }

.main-content.campuslife .majors .col-6 { margin-bottom:20px; }
.main-content.campuslife .majors .col-6:nth-child(9),
.main-content.campuslife .majors .col-6:nth-child(10),
.main-content.campuslife .majors .col-6:nth-child(11),
.main-content.campuslife .majors .col-6:nth-child(12) { margin-bottom:0px; }

.main-content.campuslife .career-path .col-md-6 { margin-bottom:20px; }
.main-content.campuslife .career-path .col-md-6:nth-child(4),
.main-content.campuslife .career-path .col-md-6:nth-child(5),
.main-content.campuslife .career-path .col-md-6:nth-child(6) { margin-bottom:0px; }

.main-content.campuslife .campuslife-link .col-6 { margin-bottom:20px; }
.main-content.campuslife .campuslife-link .col-6:nth-child(5),
.main-content.campuslife .campuslife-link .col-6:nth-child(6),
.main-content.campuslife .campuslife-link .col-6:nth-child(7),
.main-content.campuslife .campuslife-link .col-6:nth-child(8) { margin-bottom:0px; }


/*
.main-content.campuslife .career-path .inner-content a { display:grid; grid-template-columns: 50% 50%; color:#fff; }
.main-content.campuslife .career-path .inner-content a img { width:100%; }
.main-content.campuslife .career-path .inner-content a > div { flex: 1; }
.main-content.campuslife .career-path .inner-content a .info { width:100%; background-color:#26544a;justify-content: center;flex-direction: column;}
.main-content.campuslife .career-path .inner-content a .info .name { width:100%; height:100%; display:grid; align-items: center !important; text-align:center; }
.main-content.campuslife .career-path .inner-content a .photo { order: 2; }
.main-content.campuslife .career-path .inner-content a .info { order: 1; }
*/

.main-content.campuslife .career-path .inner-content a { display:block;color:#fff; height:100%; background-color:var(--campuslife-theme);}
.main-content.campuslife .career-path .inner-content a img { width:100%; }
.main-content.campuslife .career-path .inner-content a .info {  padding:20px; text-align:center; }

.main-content.campuslife .career-path .inner-content a:focus .info,
.main-content.campuslife .career-path .inner-content a:hover .info {
  background-color:rgba(var(--campuslife-theme-rgb), 1);
}

.main-content.campuslife .campuslife-link .inner-content a { display:block; padding:10px; border:1px solid #ddd; text-align:center; font-size:1.2em; color:#222; }
.main-content.campuslife .campuslife-link .inner-content a.more { background-color:#f6f6f6; }



.main-content.campuslife .snulife .inner-content a { display:block; height:100%; background-color:#fff; }
.main-content.campuslife .snulife .inner-content img { width:100%; }
.main-content.campuslife .snulife .inner-content .info {
  padding: 10px 10px;
}
.main-content.campuslife .snulife .inner-content .info .title {
  margin-top: 10px;
  color: #222;
  font-size: 17px;
  line-height: 1em;
}
.main-content.campuslife .snulife .inner-content .info .summary {
  margin-top:10px;
  color: #666;
  font-size: 15px;
  font-weight: 300;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}



.main-content.campuslife .majors .inner-content a { display:block; height:100%; background-color:#fff; position:relative;}
.main-content.campuslife .majors .inner-content img { width:100%; }
.main-content.campuslife .majors .inner-content a:focus .info,
.main-content.campuslife .majors .inner-content a:hover .info {
  background-color:rgba(var(--campuslife-theme-rgb), 0.8);
}


.main-content.campuslife .majors .inner-content .info {
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  padding: 10px;
  background-color:rgba(0, 0, 0, 0.8);
  text-align:center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color:#fff;
}



@media screen and (max-width: 992px) {
  .main-content .life-path .col-md-6, .main-content .freshman-book .col-md-6, .main-content .edu-issue .col-md-6,
  .main-content .adm-guide .col-md-6, .main-content .adm-officer .col-md-6, .main-content .adm-warehouse .col-md-6,
  .main-content .interview-freshman .col-md-6,
  .main-content .snulife .col-md-6,
  .main-content .career-path .col-md-6,
  .main-content .campuslife-link .col-6
  { margin-bottom:20px !important; }

  .main-content .life-path, .main-content .freshman-book, .main-content .edu-issue,
  .main-content .adm-guide, .main-content .adm-officer, .main-content .adm-warehouse,
  .main-content .interview-freshman,
  .main-content .snulife, .main-content .majors,
  .main-content .career-path,
  .main-content .campuslife-link
  { padding-bottom:30px !important; }
}

@media screen and (max-width: 1200px) {
  .main-content.campuslife .majors .col-6 { margin-bottom:20px !important; }
  .main-content.campuslife .majors  { padding-bottom:30px !important; }
  .main-content section .section-title:after { display:none; }
}

@media screen and (min-width: 1200px) {
  .main-content.highschool section.life-path .section-title:after {
    background: url('../images/main/_ico1_1.png') no-repeat right bottom;
  }

  .main-content.highschool section.freshman-book .section-title:after {
    background: url('../images/main/_ico1_3.png') no-repeat right bottom;
  }

  .main-content.highschool section.edu-issue .section-title:after {
    background: url('../images/main/_ico1_4.png') no-repeat right bottom;
  }

  .main-content.admission section.adm-guide .section-title:after {
    background: url('../images/main/_ico2_1.png') no-repeat right bottom;
  }

  .main-content.admission section.adm-officer .section-title:after {
    background: url('../images/main/_ico2_2.png') no-repeat right bottom;
  }

  .main-content.admission section.adm-warehouse .section-title:after {
    background: url('../images/main/_ico2_4.png') no-repeat right bottom;
  }

  .main-content.interview section.interview-guide .section-title:after {
    background: url('../images/main/_ico1_4.png') no-repeat right bottom;
  }

  .main-content.interview section.interview-freshman .section-title:after {
    background: url('../images/main/_ico2_3.png') no-repeat right bottom;
  }

  .main-content.campuslife section.snulife .section-title:after {
    background: url('../images/main/_ico3_1.png') no-repeat right bottom;
  }

  .main-content.campuslife section.majors .section-title:after {
    background: url('../images/main/_ico3_2.png') no-repeat right bottom;
  }

  .main-content.campuslife section.career-path .section-title:after {
    background: url('../images/main/_ico3_3.png') no-repeat right bottom;
  }

  .main-content.campuslife section.campuslife-link .section-title:after {
    background: url('../images/main/_ico3_4.png') no-repeat right bottom;
  }



}



/* Quick Menu */
.quick-menu {
  position: fixed;
  top: var(--header-height);
  bottom: 0;
  right:0;
  /*transform: translate(100%, 0%);*/
  width: 0px;
  background: rgba(0, 0, 0, 0.6);
  transition: 0.3s;
  z-index: 10;
}

.quick-menu .inner {
  display:none;
}

.quick-menu.active {
  width: 181px !important;
}
.quick-menu.active .inner {
  /*transform: translate(0%, 0%);*/
  display:block;
}

.quick-menu ul {
  display:block;
  width: 122px;
  margin:0 auto;
  padding:0;
  text-align: center;
}
.quick-menu ul li {
  list-style:none;
  margin:20px 0;
  padding:0;
  width: 100%;
  height: 122px;
  display:flex;
  align-items: center !important;
  vertical-align:middle;
  text-align:center;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: -0.025em;
  border: 2px solid var(--theme-color);
  border-radius:50%;
}
.quick-menu ul li:hover {background-color: var(--theme-color)}

.quick-menu ul li a { display:block; width:100%; color:#fff; }


.quick-menu .btn-quick-on-off {
  position: absolute;
  top: 212px;
  left: -30px;
  background: url('../images/site/btn_quick_open.png') no-repeat;
  text-indent: -9999px;
  border: none;
  width: 30px;
  height: 70px;
  display: block;
}

.quick-menu.active .btn-quick-on-off {
  background: url('../images/site/btn_quick_close.png') no-repeat;
}

.scrolled .quick-menu { background:#fff;}
.scrolled .quick-menu.active { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);}
.scrolled .quick-menu ul li {}
.scrolled .quick-menu ul li a { color:#000; }
.scrolled .quick-menu ul li:hover a { color:#fff; }



/* 서브페이지:공통 */
.page-path-wrap {
  background-color: rgba(248,249,250, 1) !important;
  margin-bottom:50px;
}

.page-path-wrap .page-path { padding:5px 0; font-size:0.9em; }

.arorisearch {margin:0px 15px 0px 15px; }
.site-search  .arorisearch {margin:0px; }
.arorisearch .search-inner { display: flex; position: relative; width: 50%; padding: 9px 10px 5px 15px; height: 50px; border-radius: 50rem; margin:0 auto; }

.highschool-theme .arorisearch .search-inner { border: 2px solid var(--highschool-theme);}
.admission-theme .arorisearch .search-inner { border: 2px solid var(--admission-theme);}
.campuslife-theme .arorisearch .search-inner { border: 2px solid var(--campuslife-theme);}
.site-theme .arorisearch .search-inner { border: 2px solid var(--theme-color);}

.arorisearch .search-inner input[type="text"] { width: 98%; border: none; height: 28px; line-height: 28px; padding: 0 10px 0 10px; background-color: transparent; }

.arorisearch .multi-item .btn-search { display:flex; }
.arorisearch .btn-search button { border:0; color:#000; background-color:transparent; font-weight:bold;}
.arorisearch .btn-search a { color:#222; }
@media (max-width: 992px) {
  .arorisearch .search-inner { width:100%; }
}

.search-box { background-color:#f9f9f9; padding:20px; margin-bottom:20px; border-radius:10px; border: 1px solid #999; }
.search-box2 { padding:20px; margin-bottom:20px;}
.search-box3 { margin-bottom:20px;}

.college-filter { margin-bottom:20px; }
.college-filter ul { margin:0; padding:0; margin-bottom:20px; margin-left:10px; display:flex; justify-content: flex-start; flex-wrap: wrap;}
.college-filter ul:last-child { margin-bottom:0; }
.college-filter li { list-style:none; width:calc(100% / 7 - 5px); margin: 0 4px 4px 0; position: relative;}
.college-filter li input[type="checkbox"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.college-filter label { display: block; border: 1px solid #dae1e6; border-radius:30px; text-align: center; cursor: pointer; color: #8a8a8a; font-size:14px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-color:#fff;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  padding:5px 10px;}
.college-filter li input[disabled] + label { background-color: #eee; }

.highschool-theme .college-filter li input[type="checkbox"]:checked + label { border-color: var(--highschool-theme); background-color: rgba(var(--highschool-theme-rgb), 0.9); color: #fff; }
.highschool-theme .college-filter li input:focus + label,
.highschool-theme .college-filter li:not(.disabled):hover label { border-color:var(--highschool-theme); }

.campuslife-theme .college-filter li input[type="checkbox"]:checked + label { border-color: var(--campuslife-theme); background-color: rgba(var(--campuslife-theme-rgb), 0.9); color: #fff; }
.campuslife-theme .college-filter li input:focus + label,
.campuslife-theme .college-filter li:not(.disabled):hover label { border-color:var(--campuslife-theme); }



.college-filter li input[type="checkbox"]:checked:focus + label { border:1px dotted #fff; }


@media (max-width: 1275px) {
  .college-filter li { width:calc(100% / 6 - 5px); }
}

@media (max-width: 1000px) {
  .college-filter li { width:calc(100% / 5 - 5px); }
}

@media (max-width: 860px) {
  .college-filter li { width:calc(100% / 4 - 5px); }
}

@media (max-width: 768px) {
  .college-filter li { width:calc(100% / 3 - 5px); }
  .search-box2 { padding:20px 0; }
}

@media (max-width: 587px) {
  .college-filter li { width:calc(100% / 2 - 5px); }
}

.volume-filter ul { margin:0; padding:0; margin-bottom:20px; margin-left:10px; display:flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.volume-filter li { list-style:none; margin: 4px 4px; position: relative;}
.volume-filter li a { display: block; border: 1px solid #dae1e6; border-radius:30px; text-align: center; cursor: pointer; color: #8a8a8a; font-size:14px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-color:#fff; padding:5px 20px; }
.volume-filter li a:hover,
.volume-filter li.active a { border-color: var(--highschool-theme); background-color: rgba(var(--theme-color-rgb), 0.9); color: #fff; }

.highschool-theme .volume-filter li a:hover,
.highschool-theme .volume-filter li.active a { border-color: var(--highschool-theme); background-color: rgba(var(--highschool-theme-rgb), 0.9); color: #fff; }

.admission-theme .volume-filter li a:hover,
.admission-theme .volume-filter li.active a { border-color: var(--admission-theme); background-color: rgba(var(--admission-theme-rgb), 0.9); color: #fff; }

.interview-theme .volume-filter li a:hover,
.interview-theme .volume-filter li.active a { border-color: var(--interview-theme); background-color: rgba(var(--interview-theme-rgb), 0.9); color: #fff; }



.the-view .content-box ul,
.the-view .content-box ol { position: relative; margin: 0; padding: 0; }
.the-view .content-box ul li,
.the-view .content-box ol li { list-style:none; }

@media screen and (max-width: 768px) {
  .the-view .content-box .books_item {
    flex-direction: column !important;
    align-items: center !important;
  }
  .the-view .content-box .books_item .book_info { text-align:center; }

  .the-view .content-box .books_item .rig {
    width: 100% !important;
    padding: 0 0 20px 0 !important;
  }
}

.the-view .content-box ul.typeB li { position: relative; font-size: 16px; font-weight: 300; color: #666; line-height: 1.3em; padding: 0 0 10px 0; }
.the-view .content-box ul.typeB li.indent { padding-left: 15px; }
.the-view .content-box ul.typeB li.indent2 { padding-left: 185px; }

.the-view .content-box table thead th {
  height: 48px;
  color: #fff;
  font-size: 18px;
  font-weight: 100;
  background-color: #7a7a7a;
  border-right: 1px solid #d4d4d4;
  text-align:center;
}

.the-view .content-box table tbody td {
  border: 1px solid #d4d4d4;
}

.the-view .view-bottom { margin-top:30px; display:grid; align-items: center !important; justify-content: space-between !important; grid-template-columns: 40% 10% 40%; }
.the-view .view-bottom a { display:block; width:100%; color:#222; }
.the-view .view-bottom a .item { margin-bottom:10px; display:flex; align-items: center !important; gap:10px;}
.the-view .view-bottom a .item img { max-width:150px;}
.the-view .view-bottom a:nth-child(2) { width:10% !important; }

@media (max-width: 991.98px) {
  .the-view .view-bottom a .item { display:block;}
  .the-view .view-bottom a .item .title { text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .the-view .view-bottom a.btm-link.next .item { display:block; text-align:right;}
}

@media (max-width: 768px) {
  .the-view .view-bottom a .item img { max-width:50%;}
}

.the-view .view-bottom a .arrow {display:flex; align-items: center !important; gap:10px; color:#666; font-size:0.9em;white-space: nowrap;}
.the-view .view-bottom a.btm-link.next .item,
.the-view .view-bottom a.btm-link.next .arrow { flex-direction: row-reverse !important;}

.the-view .link-list { position:relative;color:#666; font-size:0.9em; text-align:center;}
.the-view .link-list:before { content:''; transform: translate(0.9em, 0%); display:block; width:1px; height:40px; border-left:2px dotted #999; }
.the-view .link-list span { display:block; padding-top:10px;white-space: nowrap;}

.the-view .view-bottom .long-left-arrow { position: relative; display: inline-block; width: 60px; height: 1px; margin-top: 0px; background-color: #999; border-radius: 9999px; }
.the-view .view-bottom .long-left-arrow::before { content: ""; position: absolute; top: calc(50% - 2px); left: -8px; width: 10px; height: 1px; background-color: #999; transform: rotate(135deg); transform-origin: calc(100% - 2px) 50%; border-radius: 9999px; }
.the-view .view-bottom .long-left-arrow::after { content: ""; position: absolute; top: calc(50% + 1px); left: -8px; width: 10px; height: 1px; background-color: #999; transform: rotate(-135deg); transform-origin: calc(100% - 2px) 50%; border-radius: 9999px; }
.the-view .view-bottom .long-right-arrow { position: relative; display: inline-block; width: 60px; height: 1px; margin-top: 0px; background-color: #999; border-radius: 9999px; }
.the-view .view-bottom .long-right-arrow::before { content: ""; position: absolute; top: calc(50% - 2px); right: 0px; width: 10px; height: 1px; background-color: #999; transform: rotate(45deg); transform-origin: calc(100% - 2px) 50%; border-radius: 9999px; }
.the-view .view-bottom .long-right-arrow::after { content: ""; position: absolute; top: calc(50% + 1px); right: 0px; width: 10px; height: 1px; background-color: #999; transform: rotate(-45deg); transform-origin: calc(100% - 2px) 50%; border-radius: 9999px; }

.the-view .share-social-media { display:flex; align-items: center !important; justify-content: flex-end !important; gap:10px; margin-bottom:10px; }
.the-view .share-social-media a img { width:30px; }

.the-view .view-bottom .no-next { text-align:right; }

.highschool-theme .list-top .list-result strong { color: var(--highschool-theme) !important; }

/* 고교생활: 내가 이곳에 오기까지 */
.highschool.career .the-list { margin-top:10px; }
.highschool.career .the-list > div { margin-bottom:20px; }
.highschool.career .the-list a { display:block; height:100%; background-color:#eee; color:#222;}
.highschool.career .the-list a:hover { background-color:var(--highschool-theme); color:#fff;}
.highschool.career .the-list a .photobox { overflow:hidden; margin-top:0px; }
.highschool.career .the-list a .photobox img { transition: all 0.5s; }
.highschool.career .the-list a:hover .photobox img{ transform: scale(1.2); }
.highschool.career .the-list a .info {padding:30px 15px; }
.highschool.career .the-list a .info .title { color: #444; font-size: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom:10px; }
.highschool.career .the-list a .info .member-box { font-size: 1em; font-weight:300; margin-top:10px;}
.highschool.career .the-list a .info .member-box span { color: var(--highschool-theme); }
.highschool.career .the-list a .info .member-box.single span { display:block; font-size:1.2em; }
.highschool.career .the-list a:hover .info .title,
.highschool.career .the-list a:hover .info .member-box,
.highschool.career .the-list a:hover .info .member-box span{ color:#fff !important; }


.highschool.career .the-view { position: relative; }
.highschool.career .the-view .title-box { margin-bottom:30px; padding:10px; background-color:#f5f5f5; }
.highschool.career .the-view .title-box h2 { color: #222; font-size: clamp(1.6em, 3vw, 2.3em); }
.highschool.career .the-view .title-box .members { color:#999; font-size: clamp(1.5em, 3vw, 1.7em); }
.highschool.career .the-view .title-box .members span { color: #222; }
.highschool.career .the-view .content-box { padding:10px 0 0px; font-weight:300; font-size:clamp(1em, 2.5vw, 1.2em); line-height:1.7; color:#444; }
.highschool.career .the-view .content-box .content_img { margin-bottom: 60px !important; text-align: center; }
@media (max-width: 991.98px) {
  .highschool.career .the-view .content-box .content_img { margin-bottom:30px !important; }
}
.highschool.career .the-view .content-box .content_img:first-child img { width:100%; }
.highschool.career .the-view .content-box .content_img .alt { display: block; margin-top: 15px; color: #666; font-size: 15px; font-weight: 300; line-height: 1em; text-align: center; }
.highschool.career .the-view .content-box .txt { margin-bottom: 30px; }
.highschool.career .the-view .content-box .question { margin-bottom: 5px; color: var(--highschool-theme); font-size: clamp(1.2em, 2.5vw, 1.4em); font-weight: 400; }
.highschool.career .the-view .content-box .writer { text-align: right; }
.highschool.career .the-view .content-box .writer strong { color: #000; font-size: 15px; }
.highschool.career .the-view .content-box .writer span { color: #666; font-size: 15px; font-weight: 300; }

.highschool.career .the-view .view-bottom { border-top:1px solid #000; padding-top:30px; }
.highschool.career .the-view .view-bottom .title { font-size:1.2em; }
.highschool.career .the-view .view-bottom .members { font-size:0.9em;}
.highschool.career .the-view .view-bottom .members span { font-size:0.9em; color: var(--highschool-theme); }

.highschool.issue .the-list { margin-top:10px; }
.highschool.issue .the-list > div { margin-bottom:20px; }
.highschool.issue .the-list a { display:block; height:100%; background-color:#eee; }
.highschool.issue .the-list a:hover { background-color:var(--theme-color); color:#fff;}
.highschool.issue .the-list a .photobox { overflow:hidden; margin-top:0px; }
.highschool.issue .the-list a .photobox img { transition: all 0.5s; }
.highschool.issue .the-list a:hover .photobox img{ transform: scale(1.2); }
.highschool.issue .the-list a .info {padding:30px 15px; }
.highschool.issue .the-list a .info .namebox { margin:0; padding:0; color: var(--highschool-theme);}
.highschool.issue .the-list a .info .title { color: #444; font-size: 20px; margin-top:10px; }
.highschool.issue .the-list a:hover .info .title,
.highschool.issue .the-list a:hover .info .namebox { color:#fff; }

.highschool.issue .the-view { position: relative; }
.highschool.issue .the-view .title-box { margin-bottom:30px; padding:10px; background-color:#f5f5f5; }
.highschool.issue .the-view .title-box h2 { color: #202020; font-size: clamp(1.6em, 3vw, 2.5em); }


.highschool.issue .the-view .title-box h3 { margin-top: 10px; margin-bottom: 20px; color: #444; font-size: clamp(1.2em, 3vw, 1.6em); font-weight: 300; line-height: 1em; word-break: keep-all; }

.highschool.issue .the-view .members { margin:0; padding:0;display:flex; align-items: center !important; /* justify-content: flex-end !important;*/ gap:10px; font-size: clamp(1.1em, 2.5vw, 1.5em); color: #999; }
.highschool.issue .the-view .members .name { color: #202020; font-weight: bold; }
.highschool.issue .the-view .content-box { padding:10px 0 0px; font-weight:300; font-size:clamp(1em, 2.5vw, 1.2em); line-height:1.7; color:#444; }
.highschool.issue .the-view .content-box .content_img { margin-bottom: 60px !important; text-align: center; }
@media (max-width: 991.98px) {
  .highschool.issue .the-view .content-box .content_img { margin-bottom:30px !important; }
}
.highschool.issue .the-view .content-box .content_img:first-child img { width:100%; }
.highschool.issue .the-view .content-box .content_img .alt { display: block; margin-top: 15px; color: #666; font-size: 15px; font-weight: 300; line-height: 1em; text-align: center; }
.highschool.issue .the-view .content-box .txt { margin-bottom: 30px; }
.highschool.issue .the-view .content-box h2 { margin-bottom: 10px; color: var(--highschool-theme); font-size: clamp(1.2em, 2.5vw, 1.4em); font-weight: 400; }
.highschool.issue .the-view .content-box .writer { text-align: right; }
.highschool.issue .the-view .content-box .writer strong { color: #000; font-size: 15px; }
.highschool.issue .the-view .content-box .writer span { color: #666; font-size: 15px; font-weight: 300; }

.highschool.issue .the-view .view-bottom {  padding-top:30px; border-top:1px solid #000; }
.highschool.issue .the-view .view-bottom a .item .title .name { color:#999;}
.highschool.issue .the-view .view-bottom a .item .title .name span { color:var(--highschool-theme); font-weight:500; }


.highschool.issue .the-view .content-box table tbody td.tit p:last-child {
  color: #666;
  font-size: 16px;
  font-weight: 300;
  text-align: left;
  padding-left: 7px;
  word-break: keep-all;
  line-height: 22px;
  margin: 10px 0 10px 0;
}


.highschool.issue .the-view .content-box table {
  width: 100%;
  margin-top: 1px;
  margin-bottom: 50px;
  border-collapse: collapse;
  padding: 0;
  table-layout: fixed;
}


.highschool.issue .the-view .content-box table tbody td.tit {
  color: #666;
  font-size: 16px;
  font-weight: 300;
  text-align: left;
  padding-left: 18px;
  border: 1px solid #d4d4d4;
  word-break: keep-all;
}
.highschool.issue .the-view .content-box  .txt_box {
  border: 1px solid #dfdfdf;
  padding: 15px 15px;
}



.highschool.bookshelf .the-view { position: relative; }
.highschool.bookshelf .the-view .title-box { margin-bottom:30px; padding:10px;display:flex;justify-content: space-between !important; gap:30px; }
.highschool.bookshelf .the-view .title-box h2 { color: var(--highschool-theme); font-size: clamp(1.6em, 3vw, 2.5em); }
.highschool.bookshelf .the-view .title-box img { max-width:200px; }
@media (max-width: 992px) {
  .highschool.bookshelf .the-view .title-box img { max-width:100px; }
}


.highschool.bookshelf .content-box .txt2 { margin-bottom: 20px; color: var(--highschool-theme); font-size: 18px; font-weight: 300; line-height: 32px; }

.highschool.bookshelf .content-box .talk { margin-bottom: 60px; color: #444; font-size: 18px; font-weight: 300;  line-height: 32px; }
.highschool.bookshelf .content-box .talk span { font-size: 20px; font-weight: 400; line-height: 32px; color: var(--highschool-theme); padding-right: 8px; }

.highschool.bookshelf .content-box table.best tbody td {
  color: #666;
  font-size: 16px;
  font-weight: 300;
  border-right: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
}

.highschool.bookshelf .content-box table.best tbody td.color {
  color: #444;
  background-color: #e8e8e8;
}


.content-box table p { padding:5px 0; margin-bottom:0; }

.content-box table.best {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 50px;
}

.content-box table td { padding:8px 8px; }

.content-box table td.tit {
  color: #666;
  font-size: 16px;
  font-weight: 300;
  text-align: left;
  padding:8px 15px;
  border-right: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
}

.content-box table td span {
  /*color: var(--highschool-theme);*/
  font-size: 16px;
}

.content-box p.table_tit {
  margin: 50px 0 10px 0;
  color: var(--highschool-theme);
  font-size: 22px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: -0.025em;
  word-break: keep-all;
}

.content-box p.table_titsub {
  margin: 30px 0 10px 0;
  color: #222;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: -0.025em;
  word-break: keep-all;
}

.content-box .txt1 {
  margin-bottom: 20px;
  color: #444;
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
}

.category-filter { margin-bottom:20px; }
.category-filter ul { margin:0; padding:0; margin-bottom:20px; margin-left:10px; display:flex; justify-content: center !important; flex-wrap: wrap;}
.category-filter ul:last-child { margin-bottom:0; }
.category-filter li { list-style:none; width:calc(100% / 7 - 5px); margin: 0 4px 4px 0; position: relative;}
.category-filter li input[type="checkbox"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.category-filter label { display: block; border: 1px solid #dae1e6; border-radius:30px; text-align: center; cursor: pointer; color: #8a8a8a; font-size:14px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-color:#fff;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  padding:5px 10px;}
.category-filter li input[disabled] + label { background-color: #eee; }

.admission-theme .category-filter li input[type="checkbox"]:checked + label { border-color: var(--admission-theme); background-color: rgba(var(--admission-theme-rgb), 0.9); color: #fff; }
.admission-theme .category-filter li input:focus + label,
.admission-theme .category-filter li:not(.disabled):hover label { border-color:var(--admission-theme); }
.admission-theme .category-filter li input[type="checkbox"]:checked:focus + label { border:1px dotted #fff; }


@media (max-width: 1275px) {
  .category-filter li { width:calc(100% / 6 - 5px); }
}

@media (max-width: 1000px) {
  .category-filter li { width:calc(100% / 5 - 5px); }
}

@media (max-width: 860px) {
  .category-filter li { width:calc(100% / 4 - 5px); }
}

@media (max-width: 768px) {
  .category-filter li { width:calc(100% / 3 - 5px); }
}

@media (max-width: 587px) {
  .category-filter li { width:calc(100% / 2 - 5px); }
}

.arorisearch .multi-item  { display:flex; align-items: center;}
.arorisearch .multi-item select.form-control { font-size:0.9em; max-width:100px; padding-top:2px !important; padding-bottom:2px !important; background-color:transparent; }

.admission-theme .list-top .list-result strong { color: var(--admission-theme) !important; }
.admission.warehouse .arorisearch .note { margin-top:10px; text-align:center; }
.admission.warehouse .the-list .col-md-6 { margin:10px 0; }
.admission.warehouse .the-list a { color:#222; }
.admission.warehouse .the-list a.info { height:100%; background-color:#f9f9f9; padding:20px 20px; text-align:center; display:flex;flex-direction: column; align-items: center !important;justify-content: space-between !important; }
.admission.warehouse .the-list a.info .category { background-color:var(--admission-theme); color:#fff; padding:2px 10px; border-radius:20px; font-size:0.9em; font-weight:300; margin-bottom:10px; }
.admission.warehouse .the-list a.info .filename {margin-bottom:30px; font-size:1.2em;}
.admission.warehouse .the-list a.info .icon { display:inline-block; border: 1px solid #a6a6a6; border-radius: 16px 16px 0 16px; padding: 8px 16px; color: #666; font-size: 13px; }
.admission.warehouse .the-list a.info:hover { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
.admission.warehouse .the-list a.info:hover .icon { background-color:var(--admission-theme); border: 1px solid var(--admission-theme); color:#fff; }
.admission.warehouse .the-list a.info .icon .bi { color:var(--admission-theme); }
.admission.warehouse .the-list a.info:hover .icon .bi { color:#fff; }


.admission-guide .guide-list { margin-bottom:30px; }
.admission-guide .guide-list a { display:block; position:relative; }
.admission-guide .guide-list a:before { content:''; position:absolute; left:0; top:0; right:0; bottom:0; background: rgba(0, 0, 0, 0.2); }
.admission-guide .guide-list a:after { display:none; content:''; position:absolute; left:0; top:0; right:0; bottom:0; background: rgba(6,109,190,0.7); }
.admission-guide .guide-list div.active a:after,
.admission-guide .guide-list a:hover:after { display:block; }
.admission-guide .guide-list a .title { position:absolute; left:0; top:0; right:0; bottom:0;display:flex; justify-content: center !important;align-items: center !important; color:#fff; font-size:clamp(1em, 2vw, 1.5em); z-index:2; padding:20px; text-align:center;}
.admission-guide .the-view .title-box { margin-bottom:20px; }
.admission-guide .the-view .title-box h2  {font-size: clamp(1.3em, 3vw, 2.7em);  }
.admission-guide .the-view .title-box div { color: #b4b4b4; font-size: clamp(1em, 3vw, 1.5em); margin-bottom:5px; }



.admission.officer .the-list dl {
  margin-bottom: 20px;
  display:flex;
  align-items: center !important;
  gap:20px;
}
.admission.officer .the-list dl dt {
  display:flex;
  align-items: center !important;
  justify-content: center;
  min-width:150px;
  min-height: 80px;
  background: var(--admission-theme);
  padding:0 20px;
  color:#fff;
}

.admission.officer .the-list dl dd {
  width:100%;
  margin-bottom:0;
}

.admission.officer .the-list dl dd .item-list {
  margin:0; padding:0;
  display:flex;
  align-items: center !important;
  justify-content: center;
  gap:10px;
}

.admission.officer .the-list dl dd a {
  margin:0; padding:0; list-style:none; display:inline-block; width:33.33%;
  display: flex;
  justify-content: center;align-items: center !important;
  border: 1px solid #ddd;
  position: relative;
  flex: 1;
  align-self: stretch;
  background: #fff;
  color:#222;

}


.admission.officer .the-list dl dd a span {
  display: flex;
  justify-content: center;align-items: center !important;
  position: relative;
  flex: 1;
  align-self: stretch;
  padding:10px 20px;
  min-height: 80px;
  height:100%;
  text-align: center;
  font-weight:300;
}

.admission.officer .the-list dl dd a:hover { background: var(--admission-theme); border-color:var(--admission-theme); color:#fff;}


@media (max-width: 1200px) {
  .admission.officer .the-list dl dd ul li {
    width:32.5%;
  }
}

@media (max-width: 992px) {
  .admission.officer .the-list dl { display:block;}
  .admission.officer .the-list dl dt {min-height: auto; padding:10px 20px; margin-bottom:10px;}
  .admission.officer .the-list dl dd a { font-size:0.9em; }
}





.admission.officer .the-view .deptlist {
  display:flex;
  align-items: stretch !important;
  gap:10px;
  height:100%;
}
.admission.officer .the-view .deptlist a:hover,
.admission.officer .the-view .deptlist a.active { background-color: var(--admission-theme); }
.admission.officer .the-view .deptlist a { background: #83a4d4; flex: 1; height:100%; }
.admission.officer .the-view .deptlist a { display:block; height:100%; color:#fff; font-size:clamp(0.8em, 2.5vw, 1em); }

.admission.officer .the-view .deptlist a .info { position: relative; text-align:center; padding:20px 10px;}

.admission.officer .the-view .note {
  padding-top: 26px;
  color: #666;
  font-size: 20px;
  font-weight: 100;
  line-height: 28px;
  text-align: center;
  letter-spacing: -0.05em;
  position:relative;
}
.admission.officer .the-view .note:before {
  content:'● ● ●';
  position:relative;
  font-size:0.6em;
  letter-spacing:0.8em;
  display:block;
  text-align:center;
}
.admission.officer .the-view .btn-box {
  margin-top:20px;
  display:flex;
  justify-content: center !important;
  gap:10px;
}

.admission.officer .the-view .item-list-wrap
{
  margin-top: 20px;
  padding: 28px 0;
  font-size: 0;
  text-align: center;
  background-color: #f5f5f5;
  border:1px solid #ddd;
  z-index: 10;
  position: sticky;
  top: var(--header-height);
}

.admission.officer .the-view .item-list a.active {
  color: #fff;
  background-color: #333;
}
.admission.officer .the-view .item-list a {
  display: inline-block;
  width: 102px;
  margin: 0 15px;
  color: #666;
  font-size: 63px;
  line-height: 102px;
  background-color: #fff;
  border-radius: 50%;
  border:0;
}

@media (max-width: 758px) {
  .admission.officer .the-view .item-list a {
    width: 80px;
    font-size: 40px;
    line-height: 80px;
  }
}



.admission.officer .the-view .content-box .category1 .top {
  margin: 10px 10px 0 0;
  text-align: right;
}
.admission.officer .the-view .content-box .category1 .top li {
  display: inline-block;
  position: relative;
  margin-left: 47px;
}
.admission.officer .the-view .content-box .category1 .top li .count {
  margin-left: 10px;
  color: #666;
  font-size: 15px;
  font-weight: 300;
}

.admission.officer .the-view .content-box .category1 table {
  width: 100%;
  margin-top: 16px;
  border-top: 1px solid #000;
}
table {
  border: none;
  border-collapse: collapse;
  padding: 0;
  border-spacing: 0;
  table-layout: fixed;
}

.admission.officer .the-view .content-box .category1 table thead th {
  height: 72px;
  color: var(--admission-theme);
  font-size: 22px;
  font-weight: 400;
  background-color: #fafafa;
  text-align: center;
}
.admission.officer .the-view .content-box .category1 table tbody tr {
  height: 49px;
  border-bottom: 1px solid #ededed;
}
.admission.officer .the-view .content-box .category1 table tbody th {
  text-align: center;
}
.admission.officer .the-view .content-box .category1 table tbody td {
  color: #666;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
}

.admission.officer .the-view .content-box .category1 .bottom {
  margin-top: 34px;
}
.admission.officer .the-view .content-box .category1 .bottom li span {
  color: var(--admission-theme);
  font-size: 1em;
  line-height: 1.3em;
  padding-right: 5px;
}

.admission.officer .the-view .content-box .oy_section {
  margin-top: 70px;
}

.admission.officer .the-view .content-box .oy_section .bottom {
margin:0; padding:0;
margin-top: 20px;
}

.admission.officer .the-view .content-box .oy_section .bottom {
list-style:none;
}

.admission.officer .the-view .content-box .oy_section h1 {
  font-size: 1.8em;
  /* font-weight: 300; */
  font-weight:700;
}

.admission.officer .the-view .content-box .oy_section i { font-style:normal;     color: var(--admission-theme);
  font-size: 1em;
  line-height: 1.3em;
  padding-right: 5px;
}}

.admission.officer .the-view .content-box .category2 .txt {
  margin-top: 11px;
  color: #444;
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
}

.admission.officer .the-view .content-box .newstyle .subject, .admission.officer .content-box .category4 .subject {
  margin-top: 30px;
  color: var(--admission-theme);
  font-size: 22px;
  font-weight: 400;
}

.admission.officer .the-view .content-box .newstyle ul {
  margin: 20px 0 20px 0;
  padding: 0;
  border-top: none;
}

.admission.officer .the-view .content-box .newstyle li {
  list-style: disc;
  margin-bottom: 10px;
  margin-left: 25px;
  padding: 0px !important;
  border-bottom: none !important;
  color: #444;
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
}

.admission.officer .the-view .content-box .newstyle .comment {
  padding: 20px 30px;
  background-color: #f5f5f5;
  margin-bottom: 50px;
  color: #444;
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
}

.admission.officer .the-view .content-box .newstyle p, .admission.officer .content-box .category4 p {
  margin-top: 23px;
  color: #444;
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
}
.admission.officer .the-view .content-box .category5 p {
  margin-top: 23px;
  color: #444;
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
}
.admission.officer .the-view .content-box .category6 .subject {
  margin-top: 30px;
  color: var(--admission-theme);
  font-size: 22px;
  font-weight: 400;
}
.admission.officer .the-view .content-box .category6 .txt {
  margin-top: 11px;
  color: #444;
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
}

@media (max-width: 758px) {
  .admission.officer .the-view .content-box thead th { font-size:1.1em !important; }
  .admission.officer .the-view .content-box tbody th { font-size:1em !important; }
  .admission.officer .the-view .content-box tbody td { font-size:1em !important; }
}

.mo-view {
  display: none;
}

@media (max-width: 758px) {
  .mo-view {
    display: block !important;
  }
}


.admission.officer .note h2 {
  display: block;
  margin-bottom: 24px;
  color: #222;
  font-size: 38px;
  font-weight: normal;
  line-height: 1em;
  padding-top:10px;
  font-weight:700;
}

.admission.officer .result {
  padding: 40px 38px 50px;
  margin: 55px auto;
  background: #f5f5f5;
}


.admission.officer .result .grade_list { margin:0; padding:0; position: relative; overflow: hidden;}
.admission.officer .result .grade_list:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #e0e0e0;
}

@media (max-width: 992px) {
.admission.officer .result .grade_list:after {
    top: 60%;
}
}

.admission.officer .result .grade_list li {
  list-style:none;
  float: left;
  width: 33.3333%;
  text-align: center;
  position: relative;
}

.admission.officer .result .grade_list li .grade {
display:flex;
justify-content: center !important;
align-items: center !important;
  position: relative;
  width: 3em;
  height: 3em;
  max-width:100px;
  max-height:100px;
  margin: 0 auto;
  color: #fff;
  font-size: clamp(1em, 5vw, 4em);
  font-weight: 700;
  background: var(--admission-theme);
  border-radius: 50%;
  z-index:2;
}

.admission.officer .result .grade_list li:after {
  display: block;
  content: "";
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-2px, 0%);
  width: 2px;
  height: clamp(60px, 3vw, 60px);
  background-color: #e0e0e0;
  z-index:1;
}
@media (max-width: 575.98px) {
  .admission.officer .result .grade_list li:after {
    height:50px;
  }
}

.admission.officer .result .grade_list li p {
  margin-top: 50px;
  margin-bottom:0;
}

.admission.officer .result .grade_list li p strong {
  color: #333;
  font-size: clamp(1em, 5vw, 5em);
  font-weight: 500;
}

.admission.officer .result .grade_list li p span {
  color: #666;
  font-size: clamp(0.8em, 3vw, 3em);
}

.admission.officer .result .info_txt {
  margin-top: 55px;
  color: #666;
  font-size: clamp(1.2em, 3vw, 1.5em);
  letter-spacing: -0.05em;
  text-align: center;
}

.admission.officer .result .info_txt em {
  color: var(--admission-theme);
  font-size: 1em;
  font-style:normal;
}


.evaluation .eval-inner {
margin-top: 55px;
padding: 50px;
background: #f5f5f5;
}

.evaluation .btn-box { margin-top:20px; text-align:center; }


.evaluation ul {
  margin: 0;
  padding: 0;
}

.evaluation ul li {
  margin: 0 auto;
  overflow: hidden;
  border-bottom: 2px solid #e0e0e0;
  display:flex;
}

.evaluation ul li:first-child,
.evaluation ul li:last-child { border-bottom:0; }

.evaluation ul li.top p {
  float: left;
  width: 25%;
  color: #333;
  font-size: 22px;
  font-weight: 500;
  line-height: 66px;
  text-align: center;
}

.evaluation ul li .col {
  float: left;
  width: 25%;
  height: 80px;
  padding: 10px 0;
  line-height: 55px;
  text-align: center;
  border-left: 2px solid #e0e0e0;
  box-sizing: border-box;
}
.evaluation ul li .col:first-child { border-left:0; }

.evaluation ul li .col label { width:100%; height:100%; display:block; }

.evaluation ul li .col .circle {
  display: inline-block;
  width: 60px;
  height: 60px;
  background: #7a7679;
  border-radius: 50%;
  text-align:center;
}


.evaluation ul li .col .circle strong {
  display: block;
  padding: 6px 0 2px;
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  line-height: 1em;
}
.evaluation ul li .col .circle span {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
}


/* 학생부종합전형 면접 안내 */
.interview.guide .the-view .content-box .title{font-size: 32px; font-weight: 400; line-height: 1.2em; letter-spacing: -0.025em; color: #2c80ff;}
.interview.guide .the-view .content-box .title-information{width: 100%; margin: 30px 0; border: 1px solid #ccc; padding: 30px; box-sizing: border-box; position: relative;}
.interview.guide .the-view .content-box .title-information > span{font-size: 18px; font-weight: 600; color: #000; margin-bottom: 20px; letter-spacing: -0.025em; display: block;}
.interview.guide .the-view .content-box .title-information .information-box{width: 100%; margin-bottom: 50px;}
.interview.guide .the-view .content-box .title-information .information-box > li{width: 100%; display: flex; flex-direction: row; align-items: flex-start; margin-bottom: 5px;}
.interview.guide .the-view .content-box .title-information .information-box > li:last-of-type{margin-bottom: 0;}
.interview.guide .the-view .content-box .title-information .information-box > li > span{width: 25px; font-size: 18px; font-weight: 300; line-height: 32px; margin-bottom: 0;}
.interview.guide .the-view .content-box .title-information .information-box > li > p{width: calc(100% - 25px); font-size: 18px; font-weight: 300; line-height: 32px; letter-spacing: -0.05em;  margin-bottom: 0;}
.interview.guide .the-view .content-box .title-information .source{position: absolute; bottom: 30px; right: 30px; font-size: 14px; font-weight: 300; letter-spacing: -0.025em;}

.interview.guide .the-view .content-box .row{width: 100%; margin-bottom: 50px; display: block;}
.interview.guide .the-view .content-box .row:last-of-type{margin-bottom: 0;}
.interview.guide .the-view .content-box .row .row-text{font-size: 18px; font-weight: 300; line-height: 32px; color: #444;}

.interview.guide .the-view .content-box .row .img{width: 100%;}
.interview.guide .the-view .content-box .row .img img{max-width: 100%; width: 100%; height: 100%; object-fit: cover;}

.interview.guide .the-view .content-box .row .interview_table{width: 100%; table-layout: fixed; border-top: 2px solid #000;}
.interview.guide .the-view .content-box .row .interview_table thead{}
.interview.guide .the-view .content-box .row .interview_table thead tr{}
.interview.guide .the-view .content-box .row .interview_table thead tr th{padding: 15px; font-size: 16px; font-weight: 600; line-height: 1.3; color: #000; letter-spacing: -0.025em; text-align: center; background-color: #f9f9f9;}
.interview.guide .the-view .content-box .row .interview_table thead tr th:nth-child(1){}
.interview.guide .the-view .content-box .row .interview_table thead tr th:nth-child(2){width: 10%;}
.interview.guide .the-view .content-box .row .interview_table thead tr th:nth-child(3){}
.interview.guide .the-view .content-box .row .interview_table thead tr th:nth-child(4){}
.interview.guide .the-view .content-box .row .interview_table tbody{}
.interview.guide .the-view .content-box .row .interview_table tbody tr{}
.interview.guide .the-view .content-box .row .interview_table tbody tr.ver-t td{vertical-align: top;}
.interview.guide .the-view .content-box .row .interview_table tbody th{padding: 15px; font-size: 16px; font-weight: 600; line-height: 1.5; color: #000; text-align: center; background-color: #f9f9f9; vertical-align: middle;}
.interview.guide .the-view .content-box .row .interview_table tbody tr td{padding: 15px; font-size: 16px; font-weight: 300; line-height: 1.5; color: #000; text-align: center;}
.interview.guide .the-view .content-box .row .interview_table tbody tr td.title{background-color: #f9f9f9; font-size: 16px; font-weight: 600; line-height: 1.5; color: #000; letter-spacing: -0.025em;}
.interview.guide .the-view .content-box .row .interview_table tbody tr td > .list-box{text-align: left;}
.interview.guide .the-view .content-box .row .interview_table tbody tr td > .list-box > li{width: 100%; margin-bottom: 5px; display: flex; flex-direction: row; align-items: flex-start;}
.interview.guide .the-view .content-box .row .interview_table tbody tr td > .list-box > li:last-child { margin-bottom:0; }
.interview.guide .the-view .content-box .row .interview_table tbody tr td > .list-box > li > span{width: 10px; font-size: 16px; font-weight: 300; line-height: 1.5; color: #000;}
.interview.guide .the-view .content-box .row .interview_table tbody tr td > .list-box > li > p{width: calc(100% - 10px); font-size: 16px; font-weight: 300; line-height: 1.5; color: #000; padding:0 !important;}

.interview.guide .the-view .content-box .row .interview_table.type2{}
.interview.guide .the-view .content-box .row .interview_table.type2 thead tr th:nth-child(1){width: 10%;}
.interview.guide .the-view .content-box .row .interview_table.type2 thead tr:first-of-type th:nth-child(1){}
.interview.guide .the-view .content-box .row .interview_table.type2 thead tr th:nth-child(2){width: auto;}
.interview.guide .the-view .content-box .row .interview_table.type2 thead tr th:nth-child(3){}
.interview.guide .the-view .content-box .row .interview_table.type2 thead tr th:nth-child(4){}

.interview.guide .the-view .content-box .row .interview_table.type3 thead tr th:nth-child(1){width: 10%;}
.interview.guide .the-view .content-box .row .interview_table.type3 thead tr th:nth-child(2){width: auto;}
.interview.guide .the-view .content-box .row .interview_table.type3 thead tr th:nth-child(3){}
.interview.guide .the-view .content-box .row .interview_table.type3 thead tr th:nth-child(4){}

.interview.guide .the-view .content-box .row .interview_table th,
.interview.guide .the-view .content-box .row .interview_table td { border:1px solid #ddd; }


.interview.guide .the-view .content-box .row .interview_table_information{width: 100%; margin-top: 15px;}
.interview.guide .the-view .content-box .row .interview_table_information > p{font-size: 14px; font-weight: 300; line-height: 1.3; margin-bottom: 5px;}
.interview.guide .the-view .content-box .row .interview_table_information > p:last-of-type{margin-bottom: 0;}

.interview.guide .the-view .content-box .row .file-download{font-size: 18px; font-weight: 600; line-height: 1.5; color: #000; transition: all .3s ease-in-out; position: relative; padding-left: 40px;}
.interview.guide .the-view .content-box .row .file-download:hover{color: #1613d1}
.interview.guide .the-view .content-box .row .file-download::before{position: absolute; top: 55%; left: 0; transform: translateY(-50%); width: 25px; height: 25px; background: url('../images/content/interview_icon.png') no-repeat; background-size: contain; content: ''; display: block;}

@media all and (max-width: 768px){
  .interview.guide .the-view .content-box{max-width: 100%; width: auto; padding: 100px 15px;}

  .interview.guide .the-view .content-box .row .interview_table thead tr th,
  .interview.guide .the-view .content-box .row .interview_table tbody tr th,
  .interview.guide .the-view .content-box .row .interview_table tbody tr td,
  .interview.guide .the-view .content-box .row .interview_table tbody tr td.title,
  .interview.guide .the-view .content-box .row .interview_table tbody tr td > .list-box > li > span,
  .interview.guide .the-view .content-box .row .interview_table tbody tr td > .list-box > li > p{font-size: 14px;}

  .interview.guide .the-view .content-box .row{overflow: scroll;}
  .interview.guide .the-view .content-box .row .interview_table{width: 768px;}

  .interview.guide .the-view .content-box .row .file-download{font-size: 16px; line-height: 1.5; text-align: center; padding-left: 0;}
  .interview.guide .the-view .content-box .row .file-download::before{display: none;}
}

.interview .the-view { position: relative; }
.interview .the-view .title-box { margin-bottom:30px; display:flex;align-items: flex-end !important;justify-content: space-between !important; gap:30px; }
.interview .the-view .title-box h2 { color: var(--interview-theme); font-size: clamp(1.6em, 3vw, 2.5em); }
.interview .the-view .title-box img { max-width:200px; }
@media (max-width: 992px) {
  .interview .the-view .title-box img { max-width:100px; }
}

.interview .content-box .typical_guide3_text li.type2 {
  margin-top: 30px;
  font-size: 24px;
  font-weight: 500;
  color: #222;
  word-break: keep-all;
}
.lineA {
  border-bottom: 1px solid #ddd;
  padding-top: 30px;
  margin-bottom: 30px;
}
.interview .content-box h1.add2 {
  margin-bottom: 20px;
  color: var(--interview-theme);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4em;
  letter-spacing: -0.025em;
}
.interview .content-box h1.add2  b { font-weight:500; }

.interview .content-box .typ_g3_v_con {
  margin-top: 60px;
}

.interview .content-box .typical_guide3_text li {
  margin-top: 30px;
  font-size: 18px;
  font-weight: 100;
  line-height: 32px;
}


.interview .content-box .typical_guide3_add {
  margin: 30px 0 30px 0;
}

.interview .content-box .typical_guide3_add li {
  color: var(--interview-theme);
  font-size: 18px;
  font-weight: 100;
  line-height: 32px;
}

.interview .content-box .typical_guide3_add li span {
  color: #434343;
  font-size: 18px;
}


.interview .content-box .typ_g3_v_con h1.add b {
  margin-bottom: 20px;
  color: var(--interview-theme);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2em;
  letter-spacing: -0.025em;
}

.interview .content-box .typ_g3_v_con h1.add {
  margin-bottom: 13px;
  color: var(--interview-theme);
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2em;
  letter-spacing: -0.025em;
}

.interview .content-box .subscript_add {
  color: #999;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
  letter-spacing: -0.05em;
  margin-bottom: 50px;
}

.interview .content-box .typ_g3_v_con .author {
  margin-bottom: 50px;
  color: #666;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.2em;
}

.interview .content-box .typ_g3_v_con .author i {
  color: #4267b2;
  font-size: 1em;
  font-weight: 300;
  line-height: 1em;
  font-style: normal;
}

.interview .content-box .typ_g3_v_con h1.add2 {
  margin-bottom: 40px;
  color: #9fa19f;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.3em;
  letter-spacing: -0.025em;
}

.interview .content-box .typ_g3_v_con h1.add2,
.interview .content-box .typ_g3_v_con h1.add2 b {
  margin-bottom: 20px;
  color: var(--interview-theme);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4em;
  letter-spacing: -0.025em;
}

.interview .content-box .txt2 { margin-bottom: 20px; color: var(--interview-theme); font-size: 18px; font-weight: 300; line-height: 32px; }

.interview .content-box .talk { margin-bottom: 60px; color: #444; font-size: 18px; font-weight: 300;  line-height: 32px; }
.interview .content-box .talk span { font-size: 20px; font-weight: 400; line-height: 32px; color: var(--interview-theme); padding-right: 8px; }

.interview .content-box table.best tbody td {
  color: #666;
  font-size: 16px;
  font-weight: 300;
  border-right: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
}

.interview .content-box table.best tbody td.color {
  color: #444;
  background-color: #e8e8e8;
}


/* 대학생활 */
.campuslife-theme .list-top .list-result strong { color: var(--campuslife-theme) !important; }

.gwanakro-swiper { padding-bottom:40px; margin-bottom:10px; position:relative; }

.gwanakro-swiper .swiper-pagination {position:absolute; bottom:0; }

.gwanakro-swiper .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  margin: 0 10px !important;
  transition: all 0.5s;
  background-color: rgba(var(--campuslife-theme-rgb), 1);
}

.gwanakro-swiper .swiper-pagination-bullet-active {
  width: 50px;
  border-radius: 15px;
  background-color: rgba(var(--campuslife-theme-rgb), 1);
}


.gwanakro-swiper .swiper-slide a {
  display: block;
  position: relative;
}

.gwanakro-swiper .swiper-slide a .title{
  position: absolute;
  display:flex;
  align-items: center !important;
  justify-content: center !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  font-size: clamp(1em, 3vw, 1.1em);
  text-align: center;
  border: 5px solid transparent;
  background-color:rgba(0, 0, 0, 0.5);
}

.gwanakro-swiper .swiper-slide.active a .title,
.gwanakro-swiper .swiper-slide a .title:hover {
  border: 5px solid var(--campuslife-theme);
  background-color:transparent;
}

.campuslife.gwanakro .the-view .title-box { margin-bottom:30px; }
.campuslife.gwanakro .the-view .title-box h2 {
  font-size: clamp(1.7em, 6vw, 2.7em);
}

.campuslife.gwanakro .the-view .title-box .series {
  margin-bottom: 15px;
  color: #b4b4b4;
  font-size: clamp(1em, 3vw, 1.2em);
}

.campuslife.gwanakro .the-view .title-box .content {
  color: #b4b4b4;
  font-size: clamp(1em, 3vw, 1.2em);
  font-weight:300;
}


/* 전공안내 */
.campuslife.major .the-list { margin-top:10px; }
.campuslife.major .the-list > div { margin-bottom:20px; }
.campuslife.major .the-list a { display:block; height:100%; background-color:#eee; color:#222;}
.campuslife.major .the-list a:hover { background-color:var(--campuslife-theme); color:#fff;}
.campuslife.major .the-list a .photobox { overflow:hidden; margin-top:0px; }
.campuslife.major .the-list a .photobox img { transition: all 0.5s; }
.campuslife.major .the-list a:hover .photobox img{ transform: scale(1.2); }
.campuslife.major .the-list a .info {padding:30px 15px; text-align:center;}
.campuslife.major .the-list a .info .college { color: var(--campuslife-theme); font-size: clamp(1.2em, 2.5vw, 1.4em); }
.campuslife.major .the-list a:hover .info .college { color:#fff; }

.campuslife.major .the-view { position: relative; }
.campuslife.major .the-view .title-box { margin-bottom:0px; padding:10px 0; }
.campuslife.major .the-view .title-box h2 { color: #999; font-size: clamp(1.4em, 2vw, 2em); }
.campuslife.major .the-view .title-box h3 { color: #202020; font-size: clamp(1.8em, 3vw, 2.5em); }

.campuslife.major .the-view .content-box {
  padding: 10px 0 0px;
  line-height: 1.7;
  color: #444;
}

.campuslife.major .the-view .content-box h2 {
  margin-bottom: 20px;
  color: #202020;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: -0.025em;
  word-break: keep-all;
}

.campuslife.major .the-view .content-box .txt {
  margin-bottom: 50px;
  color: #444;
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
}

.campuslife.major .the-view .content-box .txt span {
  margin-bottom: 50px;
  color: var(--campuslife-theme);
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
}

.campuslife.major .the-view .content-box .content_img {
  margin-bottom: 60px;
  text-align: center;
}
.campuslife.major .the-view .content-box .content_img .img-text {
  text-align: center !important;
}

.campuslife.major .the-view .content-box .content_img.doublebox {
  display: flex;
  justify-content: center !important;
  gap: 20px;
}

@media (max-width: 991.98px) {
  .campuslife.major .the-view .content-box .content_img.doublebox {
    display: block;
  }
}

.campuslife.major .the-view .content-box .writer {
  text-align: right;
}

.campuslife.major .the-view .content-box .writer a { font-weight:300; }


.campuslife.major .view-bottom { padding-top:30px; border-top: 1px solid #000; }
.campuslife.major .view-bottom .college { color:var(--campuslife-theme); font-size:1.2em; }


.campuslife.career .the-list { margin-top:10px; }
.campuslife.career .the-list > div { margin-bottom:20px; }
.campuslife.career .the-list a { display:block; height:100%; background-color:#eee; color:#222;}
.campuslife.career .the-list a:hover { background-color:var(--campuslife-theme); color:#fff;}
.campuslife.career .the-list a .photobox { overflow:hidden; margin-top:0px; }
.campuslife.career .the-list a .photobox img { transition: all 0.5s; }
.campuslife.career .the-list a:hover .photobox img{ transform: scale(1.2); }
.campuslife.career .the-list a .info {padding:30px 15px; text-align:center;}
.campuslife.career .the-list a .info .title { color: #222; font-size: clamp(1em, 2.5vw, 1.2em); }
.campuslife.career .the-list a .info .member-box { color: var(--campuslife-theme); font-size: 1em; font-weight:300; margin-top:10px;}
.campuslife.career .the-list a:hover .info .title,
.campuslife.career .the-list a:hover .info .member-box { color:#fff; }

.campuslife.career .title-box h2 {
    color: #999;
    font-size: clamp(1.3em, 3vw, 2em);
    font-weight: 300;
}
.campuslife.career .title-box .members {
    font-size: clamp(1.5em, 3vw, 2.3em);
}

.campuslife.career .the-view .content-box {
  padding: 10px 0 0px;
  line-height: 1.7;
  color: #444;
  margin-top:20px;
}

.campuslife.career .the-view .content-box .txt {
  margin-bottom: 60px;
  color: #444;
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
}

.campuslife.career .the-view .content-box h3 {
  margin-bottom: 5px;
  color: var(--campuslife-theme);
  font-size: 22px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: -0.025em;
  word-break: keep-all;
}

.campuslife.career .the-view .content-box .content_img {
  margin-bottom: 60px;
  text-align: center;
}

.campuslife.career .the-view .content-box .writer {
  text-align: right;
  font-size: 15px;
}

.campuslife.career .the-view .content-box .writer strong {
  color: #000;
}

.campuslife.career .the-view .view-bottom { padding-top:30px; border-top: 1px solid #000; }
.campuslife.career .the-view .view-bottom .title {
  font-size:1.2em;
}

.campuslife.career .the-view .view-bottom .members {
  font-size:0.9em;
  color: var(--campuslife-theme);
}

/* 대학생활 미리보기 */
.campuslife.preview .category-wrap {
  padding-top: 10px;
  padding-bottom: 30px;
  display:flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap:30px;
}

.campuslife.preview .category-wrap a {
  display:block;
  display:flex;
  justify-content: center !important;
  align-items: center !important;
  flex-direction: column;
  color: #999;
  font-size: clamp(13px, 2.5vw, 16px);
  font-weight: 300;
  text-align: center;
}

.campuslife.preview .category-wrap a span {
  display: block;
  width: 77px;
  height: 77px;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
  margin-bottom:5px;
  transition: all 0.5s;
}

@media (max-width: 991.98px) {
  .campuslife.preview .category-wrap {
    gap:20px;
  }
  .campuslife.preview .category-wrap a span {
    width: 55px;
    height: 55px;
  }
}

.campuslife.preview .category-wrap a.icon01 span {
  background-image: url("../images/content/how_to_use_ico01.png");
}

.campuslife.preview .category-wrap a.icon02 span {
  background-image: url("../images/content/how_to_use_ico02.png");
}

.campuslife.preview .category-wrap a.icon03 span {
  background-image: url("../images/content/how_to_use_ico03.png");
}

.campuslife.preview .category-wrap a.icon04 span {
  background-image: url("../images/content/how_to_use_ico04.png");
}

.campuslife.preview .category-wrap a.icon05 span {
  background-image: url("../images/content/how_to_use_ico05.png");
}

.campuslife.preview .category-wrap a.icon06 span {
  background-image: url("../images/content/how_to_use_ico06.png");
}

.campuslife.preview .category-wrap a.icon07 span {
  background-image: url("../images/content/how_to_use_ico07.png");
}

.campuslife.preview .category-wrap a.icon08 span {
  background-image: url("../images/content/how_to_use_ico08.png");
}

.campuslife.preview .category-wrap a.icon09 span {
  background-image: url("../images/content/how_to_use_ico09.png");
}

.campuslife.preview .category-wrap a.icon10 span {
  background-image: url("../images/content/how_to_use_ico10.png");
}

.campuslife.preview .category-wrap a.icon11 span {
  background-image: url("../images/content/how_to_use_ico11.png");
}

.campuslife.preview .category-wrap a.icon12 span {
  background-image: url("../images/content/how_to_use_ico12.png");
}

.campuslife.preview .category-wrap a.icon13 span {
  background-image: url("../images/content/how_to_use_ico13.png");
}

.campuslife.preview .category-wrap a.icon14 span {
  background-image: url("../images/content/how_to_use_ico14.png");
}

.campuslife.preview .category-wrap a.icon01:hover span,
.campuslife.preview .category-wrap a.icon01.active span {
  background-image: url("../images/content/how_to_use_ico01_on.png");
}

.campuslife.preview .category-wrap a.icon02:hover span,
.campuslife.preview .category-wrap a.icon02.active span {
  background-image: url("../images/content/how_to_use_ico02_on.png");
}

.campuslife.preview .category-wrap a.icon03:hover span,
.campuslife.preview .category-wrap a.icon03.active span {
  background-image: url("../images/content/how_to_use_ico03_on.png");
}

.campuslife.preview .category-wrap a.icon04:hover span,
.campuslife.preview .category-wrap a.icon04.active span {
  background-image: url("../images/content/how_to_use_ico04_on.png");
}

.campuslife.preview .category-wrap a.icon05:hover span,
.campuslife.preview .category-wrap a.icon05.active span {
  background-image: url("../images/content/how_to_use_ico05_on.png");
}

.campuslife.preview .category-wrap a.icon06:hover span,
.campuslife.preview .category-wrap a.icon06.active span {
  background-image: url("../images/content/how_to_use_ico06_on.png");
}

.campuslife.preview .category-wrap a.icon07:hover span,
.campuslife.preview .category-wrap a.icon07.active span {
  background-image: url("../images/content/how_to_use_ico07_on.png");
}

.campuslife.preview .category-wrap a.icon08:hover span,
.campuslife.preview .category-wrap a.icon08.active span {
  background-image: url("../images/content/how_to_use_ico08_on.png");
}

.campuslife.preview .category-wrap a.icon09:hover span,
.campuslife.preview .category-wrap a.icon09.active span {
  background-image: url("../images/content/how_to_use_ico09_on.png");
}

.campuslife.preview .category-wrap a.icon10:hover span,
.campuslife.preview .category-wrap a.icon10.active span {
  background-image: url("../images/content/how_to_use_ico10_on.png");
}

.campuslife.preview .category-wrap a.icon11:hover span,
.campuslife.preview .category-wrap a.icon11.active span {
  background-image: url("../images/content/how_to_use_ico11_on.png");
}

.campuslife.preview .category-wrap a.icon12:hover span,
.campuslife.preview .category-wrap a.icon12.active span {
  background-image: url("../images/content/how_to_use_ico12_on.png");
}

.campuslife.preview .category-wrap a.icon13:hover span,
.campuslife.preview .category-wrap a.icon13.active span {
  background-image: url("../images/content/how_to_use_ico13_on.png");
}

.campuslife.preview .category-wrap a.icon14:hover span,
.campuslife.preview .category-wrap a.icon14.active span {
  background-image: url("../images/content/how_to_use_ico14_on.png");
}

.campuslife.preview .category-wrap a:hover,
.campuslife.preview .category-wrap a.active {
  color: #000;
  font-weight: 400;
}


.campuslife.preview .the-view .top-list {
  border:1px solid var(--campuslife-theme);
  border-radius:0px;
  padding:0px;
  margin:0 0 30px 0;
}

.campuslife.preview .the-view .top-list li {
  list-style:none;
}
.campuslife.preview .the-view .top-list li.active {
  background-color:var(--campuslife-theme);
}

.campuslife.preview .the-view .top-list li:not(.active):hover {
  background-color:rgba(var(--campuslife-theme-rgb), 0.2);
}

.campuslife.preview .the-view .top-list a {
  display:block;
  color:#222;
  padding:5px 10px;
}

.campuslife.preview .the-view .top-list li.active a {
  color:#fff;
}

.campuslife.preview .the-view .title-box {
  margin-top:20px;
}

.campuslife.preview .the-view .title-box h2 {
  margin-bottom: 30px;
  color: var(--campuslife-theme); font-size: clamp(1.6em, 3vw, 2.5em);
}

.campuslife.preview .the-view .content-box .content_img {
  margin-bottom: 10px;
  text-align: center;
}

.campuslife.preview .the-view .content-box .content_img:first-child img { width:100%; }

.campuslife.preview .the-view .content-box .txt {
  margin-bottom: 55px;
  color: #444;
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
}

.campuslife.preview .the-view .content-box .writer {
  text-align: right;
}
.campuslife.preview .the-view .content-box .writer strong {
  color: #000;
  font-size: 15px;
}
.campuslife.preview .the-view .content-box .writer span {
  color: #666;
  font-size: 15px;
  font-weight: 300;
}

.campuslife.preview .the-view .content-box .txt2 {
  margin-bottom: 10px;
  color: var(--campuslife-theme);
  font-size: 22px;
  font-weight: 400;
  line-height: 1em;
}

.campuslife.preview .the-view .content-box .txt .bold {
  font-size: 18px;
  font-weight: bold;
  line-height: 1em;
}

.campuslife.preview .the-list { margin-top:10px; }
.campuslife.preview .the-list > div { margin-bottom:20px; }
.campuslife.preview .the-list a { display:block; height:100%; background-color:#eee; color:#222;}
.campuslife.preview .the-list a:hover { background-color:var(--campuslife-theme); color:#fff;}
.campuslife.preview .the-list a .photobox { overflow:hidden; margin-top:0px; }
.campuslife.preview .the-list a .photobox img { transition: all 0.5s; }
.campuslife.preview .the-list a:hover .photobox img{ transform: scale(1.2); }
.campuslife.preview .the-list a .info {padding:30px 15px; text-align:center;}
.campuslife.preview .the-list a .info .prefix { color: var(--campuslife-theme); font-size: 1em; }
.campuslife.preview .the-list a:hover .info .prefix { color: #fdefaf; }
.campuslife.preview .the-list a .info .title { margin-top: 12px; font-size: 20px; line-height: 28px; letter-spacing: -0.05em; }

.campuslife.preview .the-view.multi-content .content-box .content_img {
  margin-bottom: 60px;
  text-align: center;
}

.campuslife.preview .the-view.multi-content .content-box .question {
  margin-bottom: 5px;
  color: #09a99b;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: -0.025em;
  word-break: keep-all;
}

.campuslife.preview .the-view .view-bottom { padding-top:30px; border-top: 1px solid #000; }

.campuslife.preview .the-view .content-box .club_img img { width:100%; }
.campuslife.preview .the-view .view-bottom .prefix { color:var(--campuslife-theme); }

/* Staff */
.staff-epilogue .staff-list {
  border-top: 2px solid #333;
  padding-top:50px;
  margin:0;
}

.staff-epilogue .staff-list .staff-info {
  text-align: center;
}

.staff-epilogue .staff-list .staff-info .photo-box {
  margin-bottom:20px;
}

.staff-epilogue .staff-list .staff-info .name-box {
  padding-top: 20px;
  text-align: right;
}

.staff-epilogue .staff-list .staff-info .major {
  margin-top: 20px;
  color: #666;
  font-size: 20px;
  font-weight: 300;
  line-height: 1em;
}

.staff-epilogue .staff-list .staff-info .name {
  margin-top: 15px;
  color: #222;
  font-size: 36px;
  letter-spacing:0.1em;
}

.staff-epilogue .staff-list .staff_review {
    color: #444;
    font-size: clamp(1em, 3vw, 1.2em);
    font-weight: 300;
    line-height:1.8;
    text-align: justify;
}

.staff-epilogue .staff-list hr { margin:50px 0px; }

@media (max-width: 991.98px) {
  .staff-epilogue .staff-list .staff-info img { max-width:350px; border-radius:20px; }


  .staff-epilogue .staff-list .staff-info .photo-box {
    margin-bottom:0px;
  }
  .staff-epilogue .staff-list .staff-info .name-box {
    display:flex; align-items: center !important; justify-content: center !important; gap:10px;
    text-align: center;
    padding-top:0;
  }
}

/*********************************/




.zresponse-table { margin-top:10px; margin-bottom:30px; }
.zresponse-table .header {
  position: relative;
  width: 100%;
  font-size:1em;
  padding: 15px 8px;
  background: #f7f7fa;
  border-top: 1px solid #000;
  border-bottom:1px solid #ddd;
  font-weight:500;
  align-items: center !important;
  text-align:center;
}


.zresponse-table .data-list { margin:0; padding:0;}

.zresponse-table .data-list a {
  list-style:none;
  position: relative;
  width: 100%;
  font-size:1em;
  font-weight:300;
  padding: 15px 8px;
  border-bottom:1px solid #ddd;
  text-align:center;
}

.zresponse-table .data-list .nodata { text-align:center; padding: 15px 8px; border-bottom:1px solid #ddd;}

/* 푸터 */
#footer { background-color:rgba(0, 0, 0, 0.8); padding:30px 0px; margin-top:50px;}
#footer .flogo img { height:45px;;filter: brightness(0) invert(1); }
/*#footer .flogo img { filter: brightness(0) invert(1); } */
.address { font-size:0.9em; color:#eee;}
@media (max-width: 992px) {
  .address { text-align:center;}
}
@media (max-width: 768px) {
  .address { margin-top:20px; }
}

.link-privacy { color:#ffc107; text-decoration:none; }
.copyright { margin-top:20px; text-align:center; color:#eee;}

.related-site { position:relative; text-align:right; }
.related-site .site-list { display:none; position:absolute; right:0; bottom:2em; text-align:left; width:100%; background-color:#fff; border:1px solid var(--theme-color);}
.related-site .site-list a { display:block; padding:7px 10px; border-bottom:1px solid #ddd; font-weight:300; font-size:0.9em; }
.related-site .site-list a:hover { background-color:var(--logo-yellow); }
.related-site .site-list a:last-child { border-bottom:0; }
.related-site button { background-color:transparent; border:none; color:#fff; }

.flogo-wrap { display:flex; gap:20px; }
.flogo-wrap .epilogue { display:block; }


/* menu icon */
.hamburger {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 20px 10px;
  position: relative;
  user-select: none;
  display:none;
}

@media screen and (max-width: 992px) {
  .hamburger { display:block; }
}

.hamburger .navicon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 25px;
}


.hamburger .navicon:before,
.hamburger .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

header .hamburger .navicon,
header .hamburger .navicon:before,
header .hamburger .navicon:after { background-color:var(--theme-color);}


.hamburger .navicon:before {
  top: 8px;
}

.hamburger .navicon:after {
  top: -8px;
}

/* menu btn */
.hamburger .hamburger-btn {
  display: none;
}
.hamburger .hamburger-btn:checked + .navicon {
  background: transparent;
}

.hamburger .hamburger-btn:checked + .navicon:before {
  transform: rotate(-45deg);
}

.hamburger .hamburger-btn:checked + .navicon:after {
  transform: rotate(45deg);
}

.hamburger .hamburger-btn:checked + .navicon:before,
.hamburger .hamburger-btn:checked + .navicon:after {
  top: 0;
}

.depth3-menu { margin-top:30px;}
/*
.depth3-menu ul { margin:0; padding:0; display: table; table-layout: fixed;}
.depth3-menu ul li { list-style:none; display: table-cell; vertical-align:bottom; border:1px solid #ccc; }
.depth3-menu ul li:first-child { border-right:none; }
.depth3-menu ul li a {
  display: block;
  font-size: clamp(0.9em, 1.5vw, 1.1em);
  color: #555;
  text-align: center;
  position: relative;
  padding: 5px 20px;
  letter-spacing: -0.025em;
  word-spacing: -0.025em;
  background-color:rgba(255, 255, 255, 0.9);
  transition: 0.3s;
  display:flex; align-items: center !important;
  justify-content: center !important;
}
.depth3-menu ul li:hover,
.depth3-menu ul li.active { border-color:var(--dark-green);}
.depth3-menu ul li a:hover,
.depth3-menu ul li.active a {
  background-color:var(--dark-green);
  color:#fff;
}
*/


.content-body { padding: 30px 0 50px; }

.page-title .sub-menus { z-index:2; position: absolute; bottom: 0; width: 100%; }
.page-title .sub-menus ul { margin:0; padding:0; display: table; width: 100%; table-layout: fixed;}
.page-title .sub-menus ul li { list-style:none; display: table-cell; vertical-align:bottom; border-right:1px solid #ccc; }
.page-title .sub-menus ul li:last-child { border-right:none; }

.page-title .sub-menus ul li a {
  height: 60px;
  display: block;
  font-size: clamp(0.9em, 1.5vw, 1.1em);
  color: #555;
  text-align: center;
  position: relative;
  padding: 0px 5px;
  letter-spacing: -0.025em;
  word-spacing: -0.025em;
  background-color:rgba(255, 255, 255, 0.9);
  transition: 0.3s;
  display:flex; align-items: center !important;
  justify-content: center !important;
}

.highschool-theme .page-title .sub-menus ul li a:hover,
.highschool-theme .page-title .sub-menus ul li.active a { background-color:var(--highschool-theme); color:#fff; }

.admission-theme .page-title .sub-menus ul li a:hover,
.admission-theme .page-title .sub-menus ul li.active a { background-color:var(--admission-theme); color:#fff; }

.interview-theme .page-title .sub-menus ul li a:hover,
.interview-theme .page-title .sub-menus ul li.active a { background-color:var(--interview-theme); color:#fff; }

.campuslife-theme .page-title .sub-menus ul li a:hover,
.campuslife-theme .page-title .sub-menus ul li.active a { background-color:var(--campuslife-theme); color:#fff; }



#page-title {
  position: relative;
}

.sv-text-wrap { position: relative; z-index:2; }

.sv-text-wrap a { color:#fff; }
.sv-text-wrap .breadcrumb-item+.breadcrumb-item::before { color:#fff !important; }

#page-title.oc h1 {
  font-size:clamp(1.5rem, 2vw, 2.5rem);
  color:#fff;
  position:relative;
  text-align: center;
  font-weight:600;
}

.sv-text-wrap h1:after {
  position: absolute;
  display: block;
  content: '';
  bottom: -5px;
  left: 50%;
  margin-left: -25px;
  width: 50px;
  height: 2px;
  background: #fff;
}

#page-title.oc {
  padding: 180px 0 140px 0;
  background-size: cover;
  background-position: center center;
}

@media (max-width: 991.98px) {
  #page-title.oc {
    padding: 180px 0 140px 0;
  }

  #page-title.oc h1 {
      line-height: 1.2
  }
}

@media (max-width: 767.98px) {
  #page-title.oc {
    padding: 120px 0 120px 0;
  }

  #page-title.oc h1 {
      line-height: 1.2
  }
}

@media (max-width: 575.98px) {
  #page-title.oc {
    padding: 110px 0 110px 0;
  }

  #page-title.oc h1 {
      line-height: 1.2
  }

  #page-title .breadcrumb {
      margin-top: 10px !important
  }

  .page-title .sub-menus ul li a { font-size:0.8em; height:40px;  }
  .page-title .sub-menus .container { padding-left:0; padding-right:0; }
}

@media (max-width: 300.98px) {
  #page-title .breadcrumb {
      display:none !important
  }
}

.sv-black:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index:1;
  background: rgb(0,0,0,0.2);
}


/* tab */
.tab_wrap { margin-bottom:35px; }
.tab_wrap .btn-toggle-tab { display:none; font-size: 16px; font-weight: 500; background-color:#fff;width: 100%; height: 50px; padding-left: 20px; padding-right: 50px; border: 1px solid #a9a9a9; text-align: left; position:relative;}
.tab_wrap .btn-toggle-tab:before { content: ''; position: absolute; right:20px; top:22px; width: 15px; height: 1px; position: absolute; background-color: #000; transition: transform .2s ease-in-out; }
.tab_wrap .btn-toggle-tab:after { content: ''; position: absolute; right:20px; top:27px; width: 15px; height: 1px; background-color: #000; transition: transform .2s ease-in-out; }
.tab_wrap.active .btn-toggle-tab:before { transform: rotate(-45deg); }
.tab_wrap.active .btn-toggle-tab:after { top:22px; transform: rotate(45deg); }

.mobile-menu-open .tab_wrap{ display: none; }


.tab { margin-bottom:5px; }
.tab ul { margin:0; padding:0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; }
.tab ul:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #000; }
.tab li { margin:0; padding:0;list-style: none; position: relative; border: 1px solid #ddd; border-bottom: 1px solid #000; background-color: #fff; }
.tab li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
.tab li + li { border-left: 0; }
.tab li > a { display: block; padding: 12px 25px; text-align:center; text-decoration:none; white-space: nowrap; color:#000;}
.tab li > a:hover { text-decoration:none; color:#000;}
.tab li.active { border-color: #000; border-bottom: 1px solid #fff; border-left: 1px solid #000; font-weight: 500; }

.depth3-menu .tab_wrap { margin-bottom:0px; }
.depth3-menu .tab ul:before { background-color: var(--theme-color) !important; }
.depth3-menu .tab li { border-bottom: 1px solid var(--theme-color); }
.depth3-menu .tab li.active { border-color:var(--theme-color); border-bottom: 1px solid transparent !important;border-left: 1px solid var(--theme-color);}
.depth3-menu .tab li.active > a { color:var(--theme-color); }

.campuslife-theme .depth3-menu .tab ul:before { background-color: var(--campuslife-theme) !important; }
.campuslife-theme .depth3-menu .tab li { border-bottom: 1px solid var(--campuslife-theme); }
.campuslife-theme .depth3-menu .tab li.active { border-color:var(--campuslife-theme); border-left: 1px solid var(--campuslife-theme);}
.campuslife-theme .depth3-menu .tab li.active > a { color:var(--campuslife-theme); }


.tab.tab-blue li { border: 1px solid var(--logo-blue); border-bottom: 1px solid var(--logo-blue); border-right:1px solid rgba(255, 255, 255, 0.2); background-color: #fff; }
.tab.tab-blue li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-color:var(--logo-blue);}
.tab.tab-blue li > a { display: block; padding: 12px 25px; text-align:center; text-decoration:none; white-space: nowrap; color:#fff;}
.tab.tab-blue li.active { border-color: var(--logo-blue); border-bottom: 1px solid #fff; border-left: 1px solid #000; font-weight: 500; background-color:#fff; }
.tab.tab-blue li.active a { color:#000; }
.tab.tab-blue li:not(.active):hover { background-color:rgba(var(--logo-blue-rgb), 0.8); }



@media (max-width: 758px) {
  .tab_wrap.tab-sm { position: relative; margin-bottom:20px; }
  .tab_wrap.tab-sm .btn-toggle-tab { display: block; }
  .tab_wrap.tab-sm .tab { display: none; overflow: hidden; position: absolute; top: 50px; left: 0; z-index: 100; width: 100%; padding: 0px 0px; background-color: #fff; border: 1px solid #a9a9a9; border-top: 0;}
  .tab_wrap.tab-sm .tab > .tit { display: block; padding-bottom: 15px; line-height: 1; font-weight: 500; font-size: 18px; border-bottom: 1px solid #000; }
  .tab_wrap.tab-sm .tab ul { margin:0; padding:0; overflow: auto; max-height: 205px; display:block;}
  .tab_wrap.tab-sm .tab li { margin:0; padding:0; list-style:none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .tab_wrap.tab-sm .tab li:last-child { border-bottom:none; }

  .tab_wrap.tab-sm.active .tab { display: block; }
}


.link-box { margin-top:10px; }
.login-box { display:flex; align-items: center !important; gap:10px; justify-content: center !important; }
.login-box button { padding-top:25px; padding-bottom:25px; border-radius:0; }

@media (max-width: 578px) {
  .login-box { display:block; }
  .login-box button { margin-top:10px; padding-top:10px; padding-bottom:10px; width:100%;}
}

.login-inner { padding-top:50px; border:1px solid #0e2c72;border-top:none;}
.login-form {display:flex; justify-content: center !important;}
.btn-mysnulogin { display:flex; align-items: center !important; gap:5px; justify-content: center !important; border-radius:0; padding-left:30px; padding-right:30px;}
.btn-mysnulogin .snulogo { -webkit-mask: url('../images/common/snulogo.svg'); mask: url('../images/common/snulogo.svg'); background-color: #fff; mask-repeat: no-repeat; width: 22px !important; height: 22px !important;transform: translateY(1px); }

.login-inner .notice { background-color:var(--bs-light); margin-top:30px; padding:20px; }


/* button color */
.btn-darkblue {color: #fff;background-color: #173473;border-color: #173473;}
.btn-darkblue:hover {color: #fff;background-color: #012573;border-color: #012168;}
.btn-darkblue:focus, .btn-darkblue.focus {box-shadow: 0 0 0 0.2rem rgba(23, 52, 115, 0.5);}
.btn-darkblue:not([disabled]):not(.disabled):active, .btn-darkblue:not([disabled]):not(.disabled).active, .show > .btn-darkblue.dropdown-toggle {color: #fff;background-color: #012573;border-color: #012168;box-shadow: 0 0 0 0.2rem rgba(23, 52, 115, 0.5);}

.btn-darkred {color: #fff;background-color: #b71540;border-color: #b71540;}
.btn-darkred:hover {color: #fff;background-color: #b70131;border-color: #aa002d;}
.btn-darkred:focus, .btn-darkred.focus {box-shadow: 0 0 0 0.2rem rgba(197, 0, 52, 0.5);}
.btn-darkred:not([disabled]):not(.disabled):active, .btn-darkred:not([disabled]):not(.disabled).active, .show > .btn-darkred.dropdown-toggle {color: #fff;background-color: #b70131;border-color: #aa002d;box-shadow: 0 0 0 0.2rem rgba(197, 0, 52, 0.5);}

.btn-darkgreen {color: #fff;background-color: #008d54;border-color: #008d54;}
.btn-darkgreen:hover {color: #fff;background-color: #007344;border-color: #01653d;}
.btn-darkgreen:focus, .btn-darkgreen.focus {box-shadow: 0 0 0 0.2rem rgba(0, 101, 61, 0.5);}
.btn-darkgreen:not([disabled]):not(.disabled):active, .btn-darkgreen:not([disabled]):not(.disabled).active, .show > .btn-darkgreen.dropdown-toggle {color: #fff;background-color: #007344;border-color: 01653d;box-shadow: 0 0 0 0.2rem rgba(0, 101, 61, 0.5);}

.btn-indigo {color: #fff;background-color: #6610f2;border-color: #6610f2;}
.btn-indigo:hover {color: #fff;background-color: #e0a800;border-color: #d39e00;}
.btn-indigo:focus, .btn-indigo.focus {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}
.btn-indigo:not([disabled]):not(.disabled):active, .btn-indigo:not([disabled]):not(.disabled).active, .show > .btn-indigo.dropdown-toggle {color: #fff;background-color: #0062cc;border-color: #005cbf;box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}

.btn-purple {color: #fff;background-color: #6f42c1;border-color: #6f42c1;}
.btn-purple:hover {color: #fff;background-color: #4b1ba2;border-color: #411099;}
.btn-purple:focus, .btn-purple.focus {box-shadow: 0 0 0 0.2rem rgba(114, 73, 188, 0.5);}
.btn-purple:not([disabled]):not(.disabled):active, .btn-purple:not([disabled]):not(.disabled).active, .show > .btn-purple.dropdown-toggle {color: #fff;background-color: #4b1ba2;border-color: #411099;box-shadow: 0 0 0 0.2rem rgba(114, 73, 188, 0.5);}




.half-right-arrow {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 1px;
  margin-top: 15px;
  border-radius: 9999px;
  background-color: var(--theme-color);
}

.half-right-arrow::before {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
  width: 0px;
  height: 1px;
  border-radius: 9999px;
  background-color: var(--theme-color);
  transform: rotate(45deg);
  transform-origin: calc(100% - 2px) 50%;
}


.page-main section.proposal {
  background:url('../images/main/bg_proposal_main.png') no-repeat left top / cover;
  background-size:cover;
  padding:50px 0;
  margin-bottom:50px;
  min-height:300px;
}

.proposal-list ul.the-list li .arrow-box {
  flex-shrink: 1 !important;
  width:0px;
  transition: all 0.5s;
  opacity:0;
}

.proposal-list ul.the-list li .half-right-arrow::before {
  transition: all 0.6s;
}

.proposal-list ul.the-list li:hover .arrow-box {
  opacity:1;
  width:80px;
}

.proposal-list ul.the-list li:hover .arrow-box .half-right-arrow::before {
  opacity:1;
  width: 15px !important;
}

@media (max-width: 991.98px) {
  .tb-br {
      display: none;
  }
}



.tab_wrap.search-tab span {
  margin: 0 2px;
  color: var(--theme-color);
}
@media (max-width: 991px) {
  .tab_wrap.search-tab:not(.tab_lg) { position: relative; margin-bottom:20px; }
  .tab_wrap.search-tab:not(.tab_lg) .btn-toggle-tab { display: block; }
  .tab_wrap.search-tab:not(.tab_lg) .tab { display: none; overflow: hidden; position: absolute; top: 50px; left: 0; z-index: 100; width: 100%; padding: 0px 0px; background-color: #fff; border: 1px solid #a9a9a9; border-top: 0;}
  .tab_wrap.search-tab:not(.tab_lg) .tab > .tit { display: block; padding-bottom: 15px; line-height: 1; font-weight: 500; font-size: 18px; border-bottom: 1px solid #000; }
  .tab_wrap.search-tab:not(.tab_lg) .tab ul { margin:0; padding:0; overflow: auto; max-height: 205px; display:block;}
  .tab_wrap.search-tab:not(.tab_lg) .tab li { margin:0; padding:0; list-style:none; border-bottom: 1px solid #d8d8d8;}
  .tab_wrap.search-tab:not(.tab_lg) .tab li.active { background-color:#0d6efd; color:#fff;}
  .tab_wrap.search-tab:not(.tab_lg) .tab li:not(.active):hover { background-color:#ddd;}
  .tab_wrap.search-tab:not(.tab_lg) .tab li:last-child { border-bottom:none; }
  .tab_wrap.search-tab:not(.tab_lg) .tab a { display: block; height: 50px; line-height: 50px; padding: 0 20px; color:#000;}
  .tab_wrap.search-tab:not(.tab_lg) .tab a:hover { text-decoration:none; }
  .tab_wrap.search-tab:not(.tab_lg) .tab .active a { color: #fff; font-weight:500;}
  .tab_wrap.search-tab:not(.tab_lg).active .tab { display: block; }
}


.site-search .to_sch .row .sch_ipt {
  width: 100%;
  height: 65px;
  color: #333;
  font-size: 22px;
  border: 2px solid #d9d9d9;
  box-sizing: border-box;
}

.site-search .to_sch_view {
  margin: 20px auto 0;
}

.site-search .to_sch_view .info_txt {
  margin-bottom: 54px;
  color: #666;
  font-size: 18px;
  font-weight: 300;
  line-height: 1em;
  text-align: center;
}

.site-search .to_sch_view .info_txt strong { color:var(--theme-color); }

.site-search .to_sch_view .result {
  margin:0;
  padding:0;
  margin-bottom: 50px;
}

.site-search .to_sch_view .result li {
  padding: 15px 12px;
  border-bottom: 1px solid #d9d9d9;
  list-style:none;
  margin:0;
}

.site-search .to_sch_view .result li a {
  display:flex;
  color: #222;
  font-size: 1em;
  font-weight: 300;
  gap:20px;
  align-items: center;
}


.site-search .to_sch_view .result li a .photo { min-width:150px; max-width:150px; }
@media (max-width: 768px) {
  .site-search .to_sch_view .result li a .photo { min-width:120px; max-width:120px; }
}

.site-search .to_sch_view .result li a .path {
  color: #1b3b86;
  font-size: 1em;
  font-weight:400;
}

.site-search .to_sch_view .result li a .title {
  font-size:1.1em;
  font-weight:400;
}

.site-search .to_sch_view .result li a .extra {
  color:var(--theme-color);
}
.site-search .to_sch_view .result li a .summary {
  color:#555;
  font-size:0.8em;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}