/* index */
body { overflow:hidden; }
.index video { width:100%; }

.index .video-wrap { height:1080px; overflow:hidden; }
.index .touch-guide {
  position:fixed;
  left:calc(50% - 208px);
  top:calc(50% - 100px);
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 50px;
  padding: 7px 30px;
  font-size:40px;
  color:#000;
  font-weight:500;
}
.index .touch-guide i { color:#1b3b86; }

.header { text-align:center; position:relative; }

.header ul { margin:0; padding:0; }
.header ul li { list-style:none; padding:0; margin:0; display:inline-block; position:relative;}
.header ul li:after { position:absolute; bottom:0; left:-5px; width:calc(100% + 5px); height:5px; content:''; }
.header ul li a { display:block; text-align:center; width:158px;padding-top:15px;}
.header ul li a span { display:block; padding:10px 0px 10px 0px; font-size:22px; }
.header ul li.active a span,
.header ul li:hover a span{ color:#fff; }

.header a.home { position:absolute; display:inline-block; right:120px; top:30px; width:50px; height:50px; font-size:30px;  border-radius:50%; }
.header a.lang { position:absolute; display:inline-block; right:50px; top:30px; width:50px; height:50px;  }
.header a.lang img {  border-radius:50%; }

.content { height:auto; min-height:700px; }
.content-inner { padding:20px 0px 0 0; min-height: 710px; position:relative;}
.content-body { width:1740px; min-height: 710px; margin:0 auto; overflow:hidden; position:relative;}
.content h2 { text-align:center; color:#fff; font-weight:400; font-size:40px; margin-bottom:10px;}

.footer { padding:30px 0; min-height:120px; text-align:center; }
.footer ul { margin:0; padding:0; }
.footer ul li { list-style:none; padding:0; margin:0; display:inline-block; position:relative;}
.footer a { display:block; text-align:center; font-size:23px; padding:10px 20px;}
.footer a.active,
.footer a:hover { color:#fff !important; outline:1px solid #fff;}

/* 대학소개 */
.introduction .header, .introduction .footer { background-color:#282e3c;}
.introduction .header ul li { border-right:1px solid #303644; }
.introduction .header ul li:first-child { border-left:1px solid #303644; }
.introduction .header ul li:hover:after,
.introduction .header ul li.active:after { background-color:#5777f0; }
.introduction .header ul li img { filter: brightness(3) contrast(0.64) hue-rotate(-9deg) invert(0.2) saturate(1.68) ;}
.introduction .header ul li a span { color:#868991; }
.introduction .content { background-color:#343a47; }
.introduction .footer a { color:#94979e; }

.introduction .header a.home { background-color:#5777f0; }
.introduction .header a.home i { color:#fff !important; }

/* 대학소개 : 서브 */
.introduction-sub {  }
.introduction-sub .body-text { width:388px; padding-top:40px; }
.introduction-sub .body-text h3 { text-align:center; color:#fff; font-size:45px; font-weight:500;}
.introduction-sub .body-text h3 span {position:relative; }
.introduction-sub .body-text h3 span:after { position:absolute; left:0; bottom:0; content:''; background:#fff; width:100%; height:2px; }
.introduction-sub .body-text h4 { text-align:center; color:#fff; font-size:25px; font-weight:500; margin:20px 0 70px 0;letter-spacing:-0.05em;}
.introduction-sub .body-text h5 { text-align:center; color:#fff; font-size:20px; font-weight:400;}
.introduction-sub .body-text .itemlist { margin-top:40px; color:#858990; font-size:15px; line-height:1.8;letter-spacing:-0.05em;}


.introduction-sub .body-text hr { width:100%; margin:20px auto; opacity:0.3; background-color:#fff;}

.introduction-sub .content-body { margin-top:00px; }

.introduction-sub  h3 { text-align:center; color:#fff; font-size:20px; font-weight:400;}
.introduction-sub .content-body {
  width: 1200px;
}

.introduction-sub figure { width:1160px; }
.introduction-sub figure .img {
  vertical-align: middle;
}
.introduction-sub figcaption {
  padding-left: 30px;
  display: inline-block;
  vertical-align: middle;
  width:500px;
}
.introduction-sub figcaption h6 { font-size:20px; }
.introduction-sub figcaption .desc { letter-spacing:-0.05em; line-height:1.3; }

/* 대학소개 :상징 */
.introduction-sub .introduction-symbol h3 { font-size:30px; color:#000; text-align:left; }
.introduction-sub .introduction-symbol .snu-gate {
  min-height:276px;
  margin-bottom:30px;
  padding:20px 0 0 30px;
  background:#fff url('../images/introduction/snu-gate.png') right top no-repeat;
  background-size:cover;
}
.introduction-sub .introduction-symbol .snu-gate p { color:#000; width:500px; }

.introduction-sub .introduction-symbol .snu-tree {
  min-height:276px;
  padding:20px 0 0 30px;
  background:#fff url('https://www.snu.ac.kr/webdata/uploads/kor/image/2019/12/about-symbol-tree_lg.jpg') right bottom no-repeat;
  background-size:cover;
}
.introduction-sub .introduction-symbol .snu-tree p { color:#000; width:500px; height:190px; padding:5px; background-color:rgba(255, 255, 255, 0.5); }

.introduction-sub .introduction-symbol .snu-bird {
  min-height:276px;
  padding:20px 0 0 30px;
  background:#fff url('https://www.snu.ac.kr/webdata/uploads/kor/image/2020/01/about-symbol-twins2_lg.jpg') right bottom no-repeat;
  background-size:cover;
}
.introduction-sub .introduction-symbol .snu-bird p { color:#000; width:500px; height:190px; padding:5px; background-color:rgba(255, 255, 255, 0.5); }




/* 역사 */
.history .header, .history .footer { background-color:#282e3c;}
.history .header ul li { border-right:1px solid #303644; }
.history .header ul li:first-child { border-left:1px solid #303644; }
.history .header ul li:hover:after,
.history .header ul li.active:after { background-color:#5777f0; }
.history .header ul li img { filter: brightness(3) contrast(0.64) hue-rotate(-9deg) invert(0.2) saturate(1.68) ;}
.history .header ul li a span { color:#868991; }
.history .content { background-color:#343a47; }
.history .footer a { color:#94979e; }

.history .header a.home { background-color:#5777f0; }
.history .header a.home i { color:#fff !important; }


/* 역사 : 메인 */
.history-main ul { margin:0; padding:0; }
.history-main ul li { list-style:none; display:inline-block; margin:5px; padding:0; }
.history-main ul li a { display:block; width:420px; height:270px; text-align:center; padding:30px 0; }
.history-main ul li a h3 { font-size:36px; font-weight:600;}
.history-main ul li a h4 { font-size:25px; font-weight:500; margin-top:40px;}

.history-main hr { width:60px; margin:20px auto; opacity:0.5; padding-bottom:2px;}

.history-main ul li:nth-child(1) { background:url('../images/history/main-01.jpg') center center no-repeat;}
.history-main ul li:nth-child(1) a {color:#9ab6e8; background-color:rgba(6, 47, 132, 0.9); }

.history-main ul li:nth-child(2) { background:url('../images/history/main-02.jpg') center center no-repeat;}
.history-main ul li:nth-child(2) a {color:#deeaff; background-color:rgba(89, 152, 255, 0.9); }

.history-main ul li:nth-child(3) { background:url('../images/history/main-03.jpg') center center no-repeat;}
.history-main ul li:nth-child(3) a {color:#e1e1e1; background-color:rgba(99, 99, 99, 0.9); }

.history-main ul li:nth-child(4) { background:url('../images/history/main-04.jpg') center center no-repeat;}
.history-main ul li:nth-child(4) a {color:#333; background-color:rgba(255, 255, 255, 0.9); }

.history-main ul li:nth-child(5) { background:url('../images/history/main-05.jpg') center center no-repeat;}
.history-main ul li:nth-child(5) a {color:#707068; background-color:rgba(220, 218, 178, 0.9); }

.history-main ul li:nth-child(6) { background:url('../images/history/main-06.jpg') center center no-repeat;}
.history-main ul li:nth-child(6) a {color:#333; background-color:rgba(255, 255, 255, 0.9); }

.history-main ul li:nth-child(7) { background:url('../images/history/main-07.jpg') center center no-repeat;}
.history-main ul li:nth-child(7) a {color:#9ab6e8; background-color:rgba(6, 47, 132, 0.9); }

.history-main ul li:nth-child(8) { background:url('../images/history/main-08.jpg') center center no-repeat;}
.history-main ul li:nth-child(8) a {color:#9ab6e8; background-color:rgba(6, 47, 132, 0.9); }


/* 역사 : 서브 */
.history-sub { background:url('../images/history/page2_bg.png') left top no-repeat; }
.history-sub .body-text { width:388px; padding-top:40px; }
.history-sub .body-text h3 { text-align:center; color:#fff; font-size:45px; font-weight:500;}
.history-sub .body-text h3 span {position:relative; }
.history-sub .body-text h3 span:after { position:absolute; left:0; bottom:0; content:''; background:#fff; width:100%; height:2px; }
.history-sub .body-text h4 { text-align:center; color:#fff; font-size:25px; font-weight:500; margin:20px 0 70px 0;letter-spacing:-0.05em;}
.history-sub .body-text h5 { text-align:center; color:#fff; font-size:20px; font-weight:400;}
.history-sub .body-text .itemlist { margin-top:40px; color:#858990; font-size:15px; line-height:1.8;letter-spacing:-0.05em;}


.history-sub .body-text hr { width:100%; margin:20px auto; opacity:0.3; background-color:#fff;}

.history-sub .content-body { margin-top:00px; }
.history-sub .content-body .body-image { margin-top:200px; }






/* 학문분야 */
.academic .header, .academic .footer { background-color:#0f3b94;}
.academic .header ul li { border-right:1px solid #184398; }
.academic .header ul li:first-child { border-left:1px solid #184398; }
.academic .header ul li:hover:after,
.academic .header ul li.active:after { background-color:#17e9db; }
.academic .header ul li img { filter: brightness(3) contrast(2.16) grayscale(0.03) hue-rotate(106deg) invert(0.74) saturate(1.1) sepia(0.22) ;}
.academic .header ul li a span { color:#879dca; }
.academic .content { background-color:#1d52bb; }
.academic .footer a { color:#879dca; }

.academic .header a.home { background-color:#17e9db; }
.academic .header a.home i { color:#fff; !important; }

/* 학문분야 : 메인 */
.academic .academic-main { background:#1d52bb url('../images/academic/main_bg.png') center center no-repeat; }
.academic .academic-main .content-body { display: flex; align-items: center; justify-content: center;}
.academic .academic-main .snulogo { display:inline-block; padding:80px; border-radius:50%; background-color:rgba(255, 255, 255, 0.32); }

/* 학문분야 : 서브 */
.academic-sub {  }
.academic-sub .item-wrap { width:250px; vertical-align:top; }
.academic-sub .item-wrap h3 { text-align:center; color:#fff; font-size:35px; font-weight:500;}
.academic-sub .item-wrap h3 span {position:relative; }
.academic-sub .item-wrap h3 span:after { position:absolute; left:0; bottom:0; content:''; background:#fff; width:100%; height:2px; }
.academic-sub .item-wrap h4 { text-align:center; color:#fff; font-size:25px; font-weight:500; margin:20px 0 70px 0;letter-spacing:-0.05em;}
.academic-sub .item-wrap h5 { text-align:center; color:#fff; font-size:20px; font-weight:400;}

.academic-sub .item-wrap .itemlist { margin-top:30px; border-radius:10px; background-color:rgba(255, 255, 255, 0.32); padding:10px 10px; }
.academic-sub .item-wrap .itemlist a { display:block; color:#fff; padding:3px 10px; font-size:17px; }
.academic-sub .item-wrap .itemlist a.active,
.academic-sub .item-wrap .itemlist a:hover { font-weight:500; background-color:rgba(255, 255, 255, 0.32); }

.academic-sub .item-wrap hr { width:100%; margin:20px auto; opacity:0.3; background-color:#fff;}

.academic-sub .content-body { padding-top:40px;}
.academic-sub .content-body .body-content { margin-top:0px;  margin-left:400px; }

.academic-sub .body-inner { width:810px; height:400px; margin:0 auto; background-color:#fff; border-radius:30px; padding:30px 30px; text-align:center;}
.academic-sub .body-inner h2 { color:#000; margin-bottom:10px; font-weight:500;}
.academic-sub .body-inner hr { width:60px; margin:0px auto; opacity:1; padding-top:2px; background-color:#000;}
.academic-sub .body-inner .body-text { height:240px; overflow:hidden; padding:0 20px; margin-top:20px; overflow:auto; text-align:left;}
.academic-sub .body-inner .body-text span.badge { font-size:0.9em !important; font-weight:400; border-radius:20px; }

.academic-sub .qrcode-wrap { width:175px; margin:0 auto; margin-top:50px;}
.academic-sub .qrcode-wrap h3 { background-color:#57c13b; color:#fff; padding:0 30px; border-radius:30px; text-align:center;}
.academic-sub .qrcode { background-color:rgba(23, 70, 165, 1); padding:30px 30px; border-radius:20px; text-align:center; }



/* 교육환경 */
.education .header, .education .footer { background-color:#0f3b94;}
.education .header ul li { border-right:1px solid #184398; }
.education .header ul li:first-child { border-left:1px solid #184398; }
.education .header ul li:hover:after,
.education .header ul li.active:after { background-color:#17e9db; }
.education .header ul li img { filter: brightness(3) contrast(2.16) grayscale(0.03) hue-rotate(106deg) invert(0.74) saturate(1.1) sepia(0.22) ;}
.education .header ul li a span { color:#879dca; }
.education .content { background-color:#1d52bb; }
.education .footer a { color:#879dca; }

.education .header a.home { background-color:#17e9db; }
.education .header a.home i { color:#fff; !important; }


/* 교육환경 : 숫자 */
.education-number {}
.education-number .content-body { width:1900px; }
.education-number h3 { color:#fff; text-align:center; padding-top:15px;}
.education-number hr { width:40px; margin:0px auto; opacity:1; padding-top:2px; background-color:#fff;}

.education-number .body-content {   overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  vertical-align:top;
  width:100%;

}

.education-number .body-content > div { display:inline-block; vertical-align:top;}
.education-number .body-content > div:nth-child(1) { width:1500px; margin-left:200px; }
.education-number .body-content > div:nth-child(2) { width:1500px; margin-right:200px;}

.education-number .body-content::-webkit-scrollbar {
  display: none;
}

.education-number .body-content .number-body { width:1000px; margin:0 auto; }

.education-number .body-content .number-student { margin-top:90px; }

/*
.education-number .content-body { width:1000px; }
.education-number .body-text { margin-top:50px; }
*/
.education-number ul { margin:0; padding:0 }
.education-number ul li { margin:0; padding:0; list-style:none; padding-bottom:7px;}

.education-sub .standard { margin-top:20px;margin-right:250px;background-color:rgba(255, 255, 255, 0.2); width:210px; border-radius:30px; padding:7px 30px;}
.education-sub .standard span { display:inline-block; padding-left:20px; padding-top:5px; font-size:24px; color:#fff; }

.education-number .number-header { text-align:center; margin-bottom:33px; }

.education-number .number-footer { color:#7bffe4; text-align:center; margin-top:20px;}
.education-number .number-student .number-footer { color:#d9fc54; }
.education-number .number-footer h4 { font-size:26px; margin-bottom:0; line-height:1; }
.education-number .number-footer h5 { font-size:50px; font-weight:600; }

/* 교육환경 : 캠퍼스 */
.education-campus .content-body { width:1300px; }
.education-campus .campus { width:280px; position:relative;border-radius:50%; overflow:hidden;}
.education-campus .campus img { border-radius:50%;border:1px solid #1d52bb;  }
.education-campus .campus .layer { text-align:center; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50%; background-color:rgba(0, 0, 0, 0.8);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  opacity: 1;
}
.education-campus .campus .layer:hover,
.education-campus .campus .layer.active { background-color:transparent !important; }

.education-campus .campus .layer h4 { position:absolute; width:100%; height:60px; bottom:60px; color:#bcec02; font-size:40px;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  opacity: 1;
}
.education-campus .campus .layer h5 { width:100%; position: absolute; top:0px; color:#fff; font-size:24px; padding-top:80px; line-height:1.3;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  opacity: 1;
}

.education-campus .campus .layer:hover h4,
.education-campus .campus .layer.active h4 {
  bottom: -30px;
  height:100px;
  background-color:rgba(0, 0, 0, 0.6);
  font-size:35px;
}

.education-campus .campus .layer:hover h5,
.education-campus .campus .layer.active h5 {
  top: -100px;
  opacity: 0;
}

.education-campus .campus-text {
  width: 100%;
  height: 250px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 30px;
  padding: 30px 30px;
  margin-top:50px;
  text-align:center;
}

.education-campus .campus-text .body-text {
  height: 190px;
  overflow:auto;
}

.education-campus .campus-content { display:none;}
.education-campus .campus-content.active { display:block;}

.education-campus .campus-text .row { margin-left:0; margin-right:0; }
.education-campus .campus-text [class^="col-"] { margin-left:0; margin-right:0; }
.education-campus .campus-text img { width:108px; height:108px; }


/* 교육환경 : 연구시설 */
.education-research {}
.education-research .content-body { width:1900px; }
.education-research h3 { color:#fff; text-align:center; padding-top:15px;}
.education-research hr { width:40px; margin:0px auto; opacity:1; padding-top:2px; background-color:#fff;}

.education-research .body-content {   overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  vertical-align:top;
  width:100%;

}

.education-research .body-content > div { display:inline-block; vertical-align:top;}
.education-research .body-content > div:nth-child(1) { width:690px; }
.education-research .body-content > div:nth-child(2) { width:690px; border-right:1px solid rgba(255, 255, 255, 0.1);}
.education-research .body-content > div:nth-child(3) { width:600px; }
.education-research .body-content > div:nth-child(4) { width:950px;  border-right:1px solid rgba(255, 255, 255, 0.1);}
.education-research .body-content > div:nth-child(5) { width:950px; padding-left:0px; padding-right:0px; }

.education-research .body-content::-webkit-scrollbar {
  display: none;
}

.education-research .blue-bg {  width:396px; background-color:rgba(15, 59, 148, 0.35); }
.education-research .blue-bg:first-child { border-right:1px solid #1d52bb; }

.education-research .sub-text-box { padding:40px 40px 20px 40px; text-align:center;}
.education-research hr.thin-line { width:100%; margin:30px auto 20px; padding-top:1px; background-color:#1d52bb;}
.education-research .sub-text { color:#91c2ff; text-align: justify; white-space: normal; letter-spacing:-0.05em;}

.education-research .education-picture { margin-top:50px; text-align:center; }

.education-number .btn-next,
.education-research .btn-next {
  position:absolute;
  top:300px;
  right:10px;
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 50px solid rgba(255, 255, 255, 0.3);
  cursor:pointer;
}
.education-number .btn-next:hover,
.education-research .btn-next:hover {
  border-left-color: rgba(255, 255, 255, 0.6);
}

.education-number .btn-prev,
.education-research .btn-prev {
  position:absolute;
  top:300px;
  left:10px;
  display:none;
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-right: 50px solid rgba(255, 255, 255, 0.3);
  cursor:pointer;
}
.education-number .btn-prev:hover,
.education-research .btn-prev:hover {
  border-right-color: rgba(255, 255, 255, 0.6);
}

/* 교육환경 : 장학제도 */




/* 글러벌 SNU */
.global .header, .global .footer { background-color:#0f3b94;}
.global .header ul li { border-right:1px solid #184398; }
.global .header ul li:first-child { border-left:1px solid #184398; }
.global .header ul li:hover:after,
.global .header ul li.active:after { background-color:#17e9db; }
.global .header ul li img { filter: brightness(3) contrast(2.16) grayscale(0.03) hue-rotate(106deg) invert(0.74) saturate(1.1) sepia(0.22) ;}
.global .header ul li a span { color:#879dca; }
.global .content { background-color:#1d52bb; }
.global .footer a { color:#879dca; }

.global .header a.home { background-color:#17e9db; }
.global .header a.home i { color:#fff; !important; }


.global-sub h2 {margin-bottom: 10px;}

.ribbon-wrap {display: flex;justify-content: center;align-items: center;margin: 0;}
.ribbon {position: relative;padding: 4px 25px;color: white;background: #032d43;}
.ribbontxt { z-index:1; font-size:18px; text-align:center;}
.ribbon:before {position:absolute;left:0;top:0;content:'';width:15px;height:15px;border-style: solid;border-width: 2.0em 0 2.0em 10px;border-color: transparent transparent transparent #1d52bb;}
.ribbon:after {position:absolute;right:0;top:0;content:'';width:15px;height:15px;border-style: solid;border-width: 2.0em 10px 2.0em 0;border-color: transparent #1d52bb transparent transparent;}

.image { width:800px; margin-top:100px; text-align:center; }
.image img { max-width:90%; }

.global-sub .leftbox { margin-top:50px; width:550px; }
.global-sub .leftbox .itemtitle { font-size:23px; margin-bottom:10px; color:#fff; text-align:center;}
.global-sub .leftbox .leftitem {  color:#0f3b94; text-align:center; font-weight:500;}
.global-sub .leftbox .leftitem li { display:block; height:198px; margin-bottom:5px; padding:15px; background-color:#fff;}
.global-sub .leftbox .leftitem li div { padding-top:30px; line-height:1.3;}
.global-sub .leftbox .leftitem h6 { font-size:18px; font-weight:bold; line-height:1.3;}
.global-sub .leftbox .leftitem hr { width: 20px; background-color:#c4d5f7; margin: 10px auto; opacity: 1; padding-bottom: 2px;}

.global-sub .rightbox { margin-top:50px; width:450px; color:#fff; }
.global-sub .rightbox .itemtitle { text-align:center; font-size:23px; margin-bottom:10px;}
.global-sub .rightbox .itemtitle span { display:inline-block; font-size:0.5em; padding-left:20px; }
.global-sub .rightbox .itembox { min-height:240px; padding:20px 40px; width:460px; margin:0 auto;}
.global-sub .rightbox hr { opacity:1; width:450px; height:4px; margin:0 auto; background-color:#fff;}
.global-sub .rightbox ul { margin:20px 0px; padding:0; }
.global-sub .rightbox ul li { margin-left:0px; margin-bottom:10px; padding-left:0px; list-style:none; font-size:17px;}
.global-sub .rightbox ul li:last-child { margin-bottom:0; }


.global-sub .rightbox .infobox { margin-top:20px; padding:20px 15px; background-color:#133b8c; }
.global-sub .rightbox .infobox .infotitle { color:#78ffe4; margin-bottom:20px; font-weight:500;}
.global-sub .rightbox .infobox .infocontent { margin-top:5px; font-size:0.8em; }

.global-sub .rightbox table { width:100%; border-bottom:1px solid #fff;}
.global-sub .rightbox table th { text-align:center; }
.global-sub .rightbox table th, .global-sub .rightbox table td { padding:10px 5px; }
.global-sub .rightbox table td { border-top:1px solid #fff; }
.global-sub .rightbox table td div { text-align:right; }
.global-sub .rightbox table td div span { font-size:2em; }

table.rank-table { width: 100%; }
table.rank-table .thumb { width: 100px; vertical-align: middle;}
table.rank-table .title { display:inline-block; font-size: 20px; line-height: 40px; vertical-align: middle;width: 120px;}
table.rank-table .rank { font-size: 40px;}
table.rank-table .align-l { display:inline-block; line-height: 47px; vertical-align: top;}
table.rank-table .align-r { float: right; }
table.rank-table .desc { display:inline-block; padding-left:20px; font-weight:normal; font-size:0.9em; text-align:right;}
table.rank-table .rowx { border-bottom:1px solid #eee;padding-bottom:10px; }




/* SNU미디어 */
.social-sub  h3 { text-align:center; color:#fff; font-size:20px; font-weight:400;}
.social-sub .col-4 .innerbox { width:95%; background-color:#fff; }
.social-sub .texts { padding:10px; }
.social-sub .texts h6 { font-size:1.5em; }
.social-sub .texts .text { line-height:1.4; letter-spacing:-0.05em;}
.social-sub .qrcode {text-align: center;}



/* 사회적 책임 */
.social .header, .social .footer { background-color:#0f3b94;}
.social .header ul li { border-right:1px solid #184398; }
.social .header ul li:first-child { border-left:1px solid #184398; }
.social .header ul li:hover:after,
.social .header ul li.active:after { background-color:#17e9db; }
.social .header ul li img { filter: brightness(3) contrast(2.16) grayscale(0.03) hue-rotate(106deg) invert(0.74) saturate(1.1) sepia(0.22) ;}
.social .header ul li a span { color:#879dca; }
.social .content { background-color:#1d52bb; }
.social .footer a { color:#879dca; }

.social .header a.home { background-color:#17e9db; }
.social .header a.home i { color:#fff; !important; }

.social-sub .image { width:55%; margin-top:50px; }
.social-sub .tablecontent { width:45%; padding-left:40px; margin-top:100px;}
.social-sub .tablecontent table th, .social-sub .tablecontent table td { border-bottom:1px solid #1c50b6; position:relative; padding:22px; font-weight:400; color:#fff; line-height:1.6;}
.social-sub .tablecontent table td { border-left:1px solid #1c50b6 }
.social-sub .tablecontent table th { text-align:center; }
.social-sub .tablecontent table tr:nth-child(odd) th, .social-sub .tablecontent table tr:nth-child(odd) td { background-color:#12409c; }
.social-sub .tablecontent table tr:nth-child(even) th, .social-sub .tablecontent table tr:nth-child(even) td { background-color:#1545a5; }
.social-sub .tablecontent table tr th:before { content:''; position:absolute; left:0; top:0; width:5px; height:100%; }
.social-sub .tablecontent table tr:nth-child(1) th:before { background-color:#f8ec0a; }
.social-sub .tablecontent table tr:nth-child(2) th:before { background-color:#91f11f; }
.social-sub .tablecontent table tr:nth-child(3) th:before { background-color:#2dffd8; }
.social-sub .tablecontent table tr:nth-child(4) th:before { background-color:#6971ff; }



/* 미래인재 */
.human .header, .human .footer { background-color:#004035;}
.human .header ul li { border-right:1px solid #005e18; }
.human .header ul li:first-child { border-left:1px solid #005e18; }
.human .header ul li:hover:after,
.human .header ul li.active:after { background-color:#ff3939; }
.human .header ul li img { filter: contrast(0.84) hue-rotate(-216deg) ;}
.human .header ul li a span { color:#80a09a; }
.human .content { background-color:#014a3d; }
.human .footer a { color:#80a09a; }

.human .header a.home { background-color:#ff3939; }
.human .header a.home i { color:#fff; !important; }


/* 미래활동 */
.activity .header, .activity .footer { background-color:#004035;}
.activity .header ul li { border-right:1px solid #005e18; }
.activity .header ul li:first-child { border-left:1px solid #005e18; }
.activity .header ul li:hover:after,
.activity .header ul li.active:after { background-color:#ff3939; }
.activity .header ul li img { filter: contrast(0.84) hue-rotate(-216deg) ;}
.activity .header ul li a span { color:#80a09a; }
.activity .content { background-color:#014a3d; }
.activity .footer a { color:#80a09a; }

.activity .header a.home { background-color:#ff3939; }
.activity .header a.home i { color:#fff; !important; }

.activity-sub .body-text { color:#fff; width:25%; margin-top:30px;}
.activity-sub .body-text .image { text-align:center; }
.activity-sub .body-text .itemtitle { font-size:23px; text-align:center; margin:30px 0;}
.activity-sub .body-text .itembox { min-height:240px; padding:20px 40px; width:460px; margin:0 auto;}
.activity-sub .body-text hr { opacity:1; width:380px; height:4px; margin:0 auto; background-color:#fff;}
.activity-sub .body-text .itembox ul { margin:0; padding:0; }
.activity-sub .body-text .itembox ul li { margin-left:0px; margin-bottom:10px; padding-left:15px; list-style:none; background: url('../images/activity/item-bullet.png') 0 12px no-repeat; }
.activity-sub .body-text .itembox ul li:last-child { margin-bottom:0; }