@import url("//fonts.googleapis.com/css?family=Lato:100,200,300,400,500,600,700,800,900");
@import url("/css/fonts/webfonts_NotoSansKR/webfonts_NotoSansKR.css");
@import url("/css/fonts/xeicon/xeicon.min.css");
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  overflow: hidden;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
}
html.sitemap{overflow: hidden;}

body {
  overflow: hidden;
  margin: 0;
  padding: 0;
  font-size: 0.8rem;
  line-height: 1.5625;
  font-family: "Lato", "Noto Sans KR";
  font-weight: 300;
  color: #555;
}

body::-webkit-scrollbar{ width: 10px;  }
body::-webkit-scrollbar-thumb{ background-color: #aaa; border-radius: 5px;  }
body::-webkit-scrollbar-track{ background-color: #F5F5F5; border-radius: 5px; }

header,
footer,
main,
section,
article,
nav,
aside {
  display: block;
}

ul,
ol,
li,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
figure,
figcaption {
  margin: 0;
  padding: 0;
}

fieldset,
hr {
  display: block;
  margin: 0;
  padding: 0;
  border: 0 none;
}

input,
select {
  max-width: 100%;
  vertical-align: middle;
}

input,
select,
button,
textarea,
optgroup {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

address,
em,
i {
  font-style: normal;
}

strong {
  font-weight: 600;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  padding: 0;
  border: 0 none;
  background: none;
  cursor: pointer;
}

input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

img {
  max-width: 100%;
  border: 0 none;
  font-size: 0;
  vertical-align: middle;
}

table {
  width: 100%;
  border-collapse: collapse;
}

caption,
legend,
.sr-only,
.hidden,
.blind,
.IR {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0 none;
  clip: rect(0, 0, 0, 0);
}

#skipNav {
  position: absolute;
  left: 0;
  top: -1000px;
  width: 100%;
  height: 0px;
  z-index: 1000;
  line-height: 0px;
  font-size: 0px;
}

#skipNav a {
  display: block;
  text-align: center;
  width: 100%;
  line-height: 0px;
  font-size: 0px;
}

#skipNav a:focus,
#skipNav a:hover,
#skipNav a:active {
  position: absolute;
  left: 0px;
  top: 1000px;
  padding: 8px 0;
  display: block;
  height: 30px;
  background: #20262c;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  color: #fff;
}

.txt-left {
  text-align: left !important;
}

.txt-center {
  text-align: center !important;
}

.txt-right {
  text-align: right !important;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

@media (max-width: 1280px) {
  html {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  html {
    font-size: 16px;
  }
}

#wrap {
  overflow: hidden;
  position: relative;
  width: 100%;
}

#header {
  position: relative;
  z-index: 0;
  position: absolute;
  top: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 75rem;
  max-width: calc(100% - 2rem);
  margin-left: auto !important;
  margin-right: auto !important;
  position: fixed;
  top: 0;
  z-index: 6;
  height: 6.75rem;
  padding-left: 20rem;
}

#header::before {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: -1;
  width: 1000%;
  height: 100%;
  margin-left: -500%;
  content: "";
  top: 100%;
  height: 1px;
  z-index: 2;
  background-color: #fff;
  opacity: 0.1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

#header::after {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: -1;
  width: 1000%;
  height: 100%;
  margin-left: -500%;
  content: "";
  top: 100%;
  height: 1px;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

#header .logo a.link1 {
  position: absolute;
  left: 0;
  top: 3.8rem;
  z-index: 0;
  overflow: hidden;
  width: 9.25rem;
  height: 1.35rem;
}

#header .logo a.link1 img {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

#header .util {
  position: absolute;
  right: 0;
  top: 0;
}

#header .util a {
  height: 2.35rem;
  border: 3px solid rgba(0, 0, 0, 0);
  line-height: 2.05rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.75rem;
  display: inline-block;
  min-width: 8.25rem;
  padding: 0 1rem;
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  float: left;
  margin-left: 1px;
  display: flex;
  align-items: center;
  gap: 0.2rem;
  justify-content: center;
}

#header .util a:hover,
#header .util a:focus {
  border-color: rgba(255, 255, 255, 0.1);
  background-color: transparent !important;
  color: #fff;
}

#header.active .util a svg path {
	fill: rgba(51, 51, 51, 0.9);
}

#header.active .util a:hover svg path,
#header.active .util a:focus svg path {
	fill: rgba(51, 51, 51, 0.9);
}

#header .util a:hover svg path,
#header .util a:focus svg path {
	fill: #fff;
}

#header .util a i {
	font-size:1.2rem;
}

#header .util a svg {
	width: 1.2rem;
	height: .7rem;
}

nav {
  height: 100%;
}

nav .control {
  font-size: 1.7rem;
  line-height: 0.88235;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 4rem;
  z-index: 2;
  width: 1.5rem;
  height: 1.5rem;
  color: #fff;
  text-align: center;
}

nav .control::before {
  display: block;
  width: 100%;
  height: 100%;
  font-family: "xeicon";
  text-align: center;
  line-height: inherit;
  margin-bottom: 1rem;
  content: "";
}

#gnb {
  height: 100%;
  text-align: center;
}

#gnb > li {
  display: inline-block;
  position: relative;
  height: 100%;
  padding-top: 4rem;
  margin: 0 1rem;
  vertical-align: top;
}

#gnb > li > a {
  position: relative;
  z-index: 0;
  font-size: 0.9rem;
  float: left;
  height: 100%;
  padding: 0 0.75rem;
  font-weight: 400;
  color: #fff;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

#gnb > li > a::before {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #c4105e;
  content: "";
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

#gnb > li.active > a {
  color: #c4105e !important;
}

#gnb > li.active > a::before {
  left: 0;
  width: 100%;
}

#gnb .depth2 {
  font-size: 0.85rem;
  line-height: 2.76471;
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100% !important;
  margin-top: 1rem;
}

#gnb .depth2 a:hover,
#gnb .depth2 a:focus {
  font-weight: 400;
  color: #333;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

#header.fixed::before {
  top: 0;
  height: 100%;
  z-index: -1;
  border-bottom: 1px solid #e3e3e3;
  opacity: 1;
}

#header.fixed .logo a.link1 img {
  
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#header.fixed .util a {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(51, 51, 51, 0.9);
}

#header.fixed .util a:hover,
#header.fixed .util a:focus {
  border-color: rgba(0, 0, 0, 0.1);
}

#header.fixed nav .control::before {
  color: #333;
}

#header.fixed #gnb > li > a {
  color: #333;
}

#header.active::before {
  top: 0;
  height: 100%;
  z-index: -1;
  border-bottom: 1px solid #e3e3e3;
  opacity: 1;
}

#header.active::after {
  height: 18.5rem;
  opacity: 1; border-bottom: 1px solid #ddd;
}

#header.active .logo a.link1 img {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#header.active .util a {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(51, 51, 51, 0.9);
}

#header.active .util a:hover,
#header.active .util a:focus {
  border-color: rgba(0, 0, 0, 0.1);
}

#header.active nav .control::before {
  color: #333;
}

#header.active #gnb > li > a {
  color: #333;
}

#header.active #gnb .depth2 {
  visibility: visible;
  overflow: visible;
  width: auto;
  height: auto;
  opacity: 1;
}

#header.sitemap::before {
  top: 100%;
  height: 1px;
  border-bottom: 0 none;
  opacity: 0.1;
}

#header.sitemap nav .control::before {
  color: #fff;
  content: "";
}

#header.sitemap nav{
    overflow: hidden;
    overflow-y: auto;
    height: 100vh;
    position: absolute;
    left: calc(50% - 1px);
    top: 0;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    background-color: #090926;
}
#header.sitemap nav::after{
    position: absolute;
    left: 50%;
    top: 0;
    z-index: -1;
    width: 1000%;
    height: 100%;
    margin-left: -500%;
    content: "";
    height: 100000%;
    background-color: #090926;
    display: none;
}

#header.sitemap #gnb {
    left: 0;
    top: 0;
    z-index: 1;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    position: relative;
    width: 1500px;
    max-width: calc(100% - 6rem);
    padding:1rem 0 4rem;
    height: auto;
}

#header.sitemap #gnb::before {
    font-size: 2rem;
    line-height: 3.375;
    display: block;
    padding-right: 0;
    font-weight: 500;
    color: #fff;
    content: "포스텍 AI대학원 전체메뉴";
    text-align: center;
    flex: 1 1 100%;
}

#header.sitemap #gnb::after {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: -1;
    width: 1000%;
    height: 100%;
    margin-left: -500%;
    content: "";
    height: 100000%;
    background-color: #090926;
    display: none;
}

#header.sitemap #gnb > li {
    float: none;
    height: auto;
    margin: 0 6rem 0 0;
    padding-top: 2rem;
    flex: 1 1 calc(33.33% - 4rem);
    max-width: calc(33.33% - 4rem);
}
#header.sitemap #gnb > li:nth-child(3n){margin-right: 0;}

#header.sitemap #gnb > li > a {
  font-size: 1.35rem;
  display: block;
  float: none;
  height: auto;
  padding: 0 0 0.5rem;
  color: #fff !important;
}

#header.sitemap #gnb > li > a::before {
  left: 0;
  width: 100%;
  height: 0.15rem;
}

#header.sitemap #gnb > li:nth-child(3n + 1) {
  clear: both;
}

#header.sitemap #gnb .depth2 {
  visibility: visible;
  overflow: visible;
  width: auto;
  height: auto;
  opacity: 1;
  font-size: 0.9rem;
  line-height: 2.44444;
  position: relative;
  color: #fff;
top: 0;
}

#header.sitemap #gnb .depth2 a:hover,
#header.sitemap #gnb .depth2 a:focus {
  color: #fff;
  text-decoration: underline;
}

#header.sitemap nav .control{right: 2rem; top: 2rem;}

#footer {
  position: relative;
  z-index: 0;
  width: 75rem;
  max-width: calc(100% - 2rem);
  margin-left: auto !important;
  margin-right: auto !important;
  z-index: 5;
  padding: 2.5rem 0;
}

#footer::before {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: -1;
  width: 1000%;
  height: 100%;
  margin-left: -500%;
  content: "";
  background-color: #111;
}

#footer .related {
  font-size: 0.75rem;
  position: absolute;
  right: 0;
  top: auto;
}

#footer .related a {
  display: block;
  padding-left: 1rem;
  color: #c1c1c1;
  opacity: 0.5;
}

#footer .related a.label {
  position: relative;
  z-index: 1;
  height: 100%;
  background-color: #111;
}

#footer .related a.label::after {
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  font-family: "xeicon";
  position: absolute;
  top: 50%;
  left: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1rem;
  z-index: 2;
  content: "";
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

#footer .related a:hover,
#footer .related a:focus {
  color: #fff;
}

#footer .related ul {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 100% !important;
  margin-bottom: 0.25rem;
  padding: 0.75rem 0;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: #111;
  line-height: 1.5;
  -webkit-transition: all 0s opacity 0.2s;
  transition: all 0s opacity 0.2s;
}

#footer .related .group {
  height: 3rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  line-height: 2.9rem;
  position: relative;
  width: 11.5rem;
}

#footer .related .group.active .label::after {
  -webkit-transform: rotate(180deg) translateY(50%);
  transform: rotate(180deg) translateY(50%);
}

#footer .related .group.active ul {
  visibility: visible;
  overflow: visible;
  width: auto;
  height: auto;
  opacity: 1;
  bottom: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

#footer #siteinfo {
  font-size: 0.7rem;
  position: relative;
  padding-left: 14rem;
  color: rgba(193, 193, 193, 0.8);
  text-transform: uppercase;
}

#footer #siteinfo span {
  display: inline-block;
  vertical-align: top;
}

#footer #siteinfo span + span {
  margin-left: 0.5rem;
}

#footer #siteinfo a {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0.25rem;
  width: 10rem;
  height: 1rem;
  opacity: 0.2;
}

#footer a.policy {
    color: #fff !important;
    position: relative !important;
    top: -0.75rem !important;
    opacity: 0.7 !important;
}

#footer #siteinfo a img {
  width: 19rem;
  max-width: initial;
}

#footer #siteinfo .copyright {
  margin-top: 1rem;
  opacity: 0.5;
}

#footer {
    position: relative;
    transform: translateX(0);
    left: 0;
	width: 67.5rem;
}

#footer::before {
    display: none;
}

#footer::after {
    content: "";
    width: 100vw;
    height: 100%;
    background: #2E3B51;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    z-index: -1;
}

#footer .related .group {
    border-radius: 0.25rem;
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: #2E3B51;
}

#footer .related a.label {
    background: transparent;
    opacity: 1;
    color: #fff;
    cursor: pointer;
}

#footer .related a.label::after {
    content: "\e92f";
}

#footer .related ul {
    border-radius: 0.25rem;
    background: #2E3B51;
    border: 1px solid rgba(255, 255, 255, 0.30);
}

#footer .related a {
    color: #fff;
    opacity: 1;
}

#footer .related ul a:hover {
    text-decoration: underline;
    text-underline-position: under;
}

#footer .top-btn {
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #222;
    font-size: 1.4rem;
}

#footer #siteinfo .foot-logo {
	display:none;
}

#footer #siteinfo {
	padding-left: 0;
}

@media(max-width:768px) {
    #footer .top-btn {
        display: none;
    }

    #footer .related .group {
        border-radius: 0;
    }

	#footer .related a.label {
		background: #2e3b51 !important;
	}
}

@media (max-width: 1420px) {
  #gnb {
    position: absolute;
    left: auto !important;
    right: 0;
    top: 100% !important;
    z-index: 1;
    width: calc(100% + 2rem) !important;
    height: auto;
    text-align: left;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  #gnb > li > a::before {
    top: 50%;
    left: auto !important;
    bottom: auto;
    right: 1rem;
    width: auto !important;
    height: auto !important;
    background: none;
    font-family: "xeicon";
    color: #333;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #footer #siteinfo a.policy {
    top: 0 !important;
  }
}

@media (max-width: 800px) {
  #header .util a {
    min-width: 0;
    padding: 0 0.5rem;
    border-width: 2px;
  }
}

@media (max-width: 768px) {
  /*#header .logo a.link1 {
    width: 15rem;
    height: 1.25rem;
  }*/
  #footer {
    padding: 0 0 1rem;
  }
  #footer .related {
    position: static;
    margin-bottom: 1rem;
  }
  #footer .related .group {
    width: calc(100% + 2rem);
    height: 2.5rem;
    margin: 0 -1rem;
    border: 0 none;
    background-color: #222;
    line-height: 2.5rem;
  }
  #footer .related a.label {
    background-color: #222;
    opacity: 1;
  }
  #footer .related ul {
    margin-bottom: 0;
    border: 0 none;
	border-radius: 0;
    /* background-color: #222; */
  }
}

@media (max-width: 620px) {
  #header .util a {
    display: none;
  }
}

@media (max-width: 530px) {
  #header {
    height: 3.5rem;
  }
  #header .logo a.link1 {
    top: 1.25rem;
  }
  nav .control {
    top: 1.15rem;
  }
}

@media (max-width: 410px) {
  #header{padding-left: 10rem;}
  #header .logo span.bk21_logo {
    display: none;
  }
}

.title1 {
  font-size: 1.2rem;
  margin: 3rem 0 0.75rem;
  color: #c4105e;
  font-weight: 400;
}

.title1:first-child {
  margin-top: 0;
}

.title1::before {
  display: block;
  width: 1.25rem;
  height: 0.3rem;
  margin-bottom: 0.25rem;
  background-color: #c31c65;
  content: "";
}

.title2 {
  font-size: 2.25rem;
  margin: 4.5rem 0 2.5rem;
  color: #333;
  font-weight: 500;
}

.title2:first-child {
  margin-top: 0;
}

.box1 {
  display: table;
  width: calc(100% + 0px);
  table-layout: fixed;
}

.box1 > * {
  display: table-cell;
  padding-right: 0px;
  vertical-align: top;
}

.box1 .img {
  width: 7rem;
}

.box1 .desc {
  padding-left: 1.5rem;
}

.box1 .name {
  font-size: 1.2rem;
  display: block;
  margin-bottom: 0.25rem;
  font-weight: 400;
  color: #333;
}

.box2 {
  margin: 1.25rem 0;
}

.box2 .label {
  font-size: 0.8rem;
  display: block;
  padding: 0.5rem 1.25rem;
  border-top: 1px solid #a78148;
  border-bottom: 1px solid #cacaca;
  background-color: #f0f0f0;
  font-weight: 400;
  color: #333;
  line-height: 1.2;
}

.box2 .txt {
  padding: 0.75rem 1.25rem;
  border-bottom: 1px solid #e4e4e4;
}

.box3 {
  position: relative;
  z-index: 0;
  padding: 2.75rem;
  background: repeating-linear-gradient(
    -45deg,
    #dedede,
    #dedede 1px,
    #fff 1px,
    #fff 5px
  );
}

.box3::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  background-color: #fff;
  content: "";
}

.box3 .title {
  font-size: 1.6rem;
  display: block;
  font-weight: 500;
  color: #000;
  text-align: center;
  line-height: 1.2;
}

.box3 .title span {
  color: #c31c65;
}

.box3 .control a {
  position: absolute;
  top: 50%;
  left: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 3rem;
  color: #666;
}

.box3 .control a::before {
  display: inline-block;
  position: relative;
  top: 1px;
  font-family: "xeicon";
  vertical-align: top;
  font-size: 1.75rem;
  color: #000;
  content: "";
  line-height: 0.8;
}

.box3 .control a.next {
  left: auto;
  right: 3rem;
}

.box3 .control a.next::before {
  float: right;
  content: "";
}

.box4 .desc {
  position: relative;
  z-index: 0;
  width: calc(100% - 15rem);
  margin: -3.75rem auto 0;
  padding: 2.5rem;
  background-color: #fff;
  text-align: center;
}

.box4 .title {
  font-size: 1.6rem;
  display: block;
  font-weight: 500;
  color: #000;
  line-height: 1.2;
}

.box4 .label {
  font-size: 1.25rem;
  display: block;
  margin-top: 0.5rem;
  font-weight: 400;
  color: #ccc;
  line-height: 1.2;
}

.box4 .btn {
  font-size: 1rem;
  display: inline-block;
  position: relative;
  margin-top: 3.5rem;
  padding: 0 0.25rem 0.5rem;
  border-bottom: 0.35rem solid #c31c65;
  font-weight: 400;
  color: #000;
}

.box4 .btn::after {
  display: inline-block;
  position: relative;
  top: 1px;
  font-family: "xeicon";
  vertical-align: top;
  font-size: 0.8rem;
  margin-left: 1.5rem;
  content: "";
}

.box4.type1 {
  position: relative;
}

.box4.type1 .desc {
  position: absolute;
  top: 50%;
  left: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  width: 50%;
  margin: 0;
  padding: 5rem 1.5rem 4rem 2.5rem;
  -webkit-box-shadow: 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.03);
  box-shadow: 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.03);
  text-align: left;
  word-break: keep-all;
}

.box4.type1 .btn {
  margin-top: 2rem;
}

.box4.type2 {
  display: inline-block;
  width: calc(100% + 3rem);
}

.box4.type2 > * {
  clear: none;
  float: left;
  width: calc(50% - 3rem);
  margin-right: 3rem;
}

.box4.type2 > *:nth-child(n + 3) {
  margin-top: 3rem;
}

.box4.type2 > *:nth-child(2n + 1) {
  clear: both;
}

.box4.type2 .desc {
  width: calc(100% - 4.5rem);
  margin: -8.5rem 0 0 4.5rem;
  padding: 2rem 2.25rem;
  text-align: left;
}

.box4.type2 .txt {
  font-size: 0.95rem;
  display: block;
  margin-top: 0.5rem;
  color: #707070;
}

.box4.type2 .btn {
  margin: 1.75rem 1rem 0 0;
}

.box4.type2 .btn::after {
  margin-left: 2.25rem;
}

.box4.type2 .btn:last-child {
  margin-right: 0;
}

.box4.type2 .btn.type1 {
  border-color: #a78148;
}

.title-between {
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
}

.title-between .title1 {
	flex-shrink:0;
}

.table-select.active .table-select-list {
	display:block;
}
.table-select {
	display:flex;
	min-width:8.9rem;
	font-weight:700;
	position:relative;
	border-radius:2.25rem;
	align-items:center;
	justify-content:space-between;
	background:#c31c65;
	height:2.25rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:.9rem;
	color:#fff;
	margin-left:2rem;
}

.table-select::after {
	display:block;
	content:"\e942";
	font-family:'xeicon';
	font-size:.85rem;
	color:#fff;
	position:absolute;
	right:1.5rem;
	top:50%;
	transform:translateY(-50%);
}

.table-select select {
	background: transparent;
    border: none;
    width: auto;
	max-width:100%;
	height:100%;
	padding:0 3rem 0 1.5rem;
    display: block;
    line-height: 1;
    vertical-align: top;
    border-radius: 0;
	-webkit-appearance:none;
	-moz-appearance:none; 
	-o-appearance:none; 
	appearance:none; 
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.table-select option {
	color:#000;
}

.table-contents {
	display:none;
}

.table-contents.active {
	display:block;
}

.table-wrap {
  overflow: hidden;
  overflow-x: auto;
  border-top: 2px solid #555;
  border-bottom: 1px solid #aaa;
  word-break: keep-all;
}

.table-wrap table {
  position: relative;
  left: -1px;
  margin-bottom: -1px;
}

.table-wrap th {
  padding: 0.8rem;
  border-bottom: 1px solid #ddd;
  font-weight: 500;
  color: #222;
  text-align: center;
  white-space: nowrap;
}

.table-wrap td {
  padding: 0.8rem;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  text-align: center;
}

.bul1 > li {
  position: relative;
  padding-left: 0.7rem;
  text-align: left;
  text-align: left;
  word-break: keep-all;
}

.bul1 > li::before {
  position: absolute;
  left: 0;
  top: auto;
  content: "";
}

.bul1 > li::before {
  top: 0.5rem;
  width: 0.25rem;
  height: 0.25rem;
  background-color: #c4c4c4;
}

.bul1 > li + li {
  margin-top: 0.5rem;
}

.bul2 > li {
  position: relative;
  padding-left: 0.7rem;
  text-align: left;
  color: #666;
  text-align: left;
  word-break: keep-all;
}

.bul2 > li::before {
  position: absolute;
  left: 0;
  top: auto;
  content: "";
}

.bul2 > li::before {
  top: 0.5rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 100%;
  background-color: #c4105e;
}

.bul2 > li::after {
  display: block;
  clear: both;
  width: 100%;
  height: 0;
  content: "";
}

.bul2 > li + li {
  margin-top: 0.5rem;
}

.bul2 > li .label {
  float: left;
  width: 4.5rem;
  font-weight: 400;
  color: #333;
}

.bul2 > li .txt {
  float: left;
  width: calc(100% - 4.5rem);
}

.bul3 > li {
  position: relative;
  padding-left: 0.4rem;
  text-align: left;
  font-size: 0.75rem;
}

.bul3 > li::before {
  position: absolute;
  left: 0;
  top: auto;
  content: "";
}

.bul3 > li::before {
  content: "-";
}

.btn-m {
  height: 2.9rem;
  border: 1px solid #c4105e;
  line-height: 2.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.9rem;
  display: inline-block;
  min-width: 6.5rem;
  padding: 0 0.15rem;
  background-color: #c4105e;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 400;
}

.btn-m:hover,
.btn-m:focus {
  background-color: #fff;
  color: #c4105e;
}

.txt1 {
  font-size: 0.9rem;
  color: #959595;
}

.txt2 .label {
  font-size: 1.1rem;
  display: block;
  position: relative;
  width: 35rem;
  max-width: 100%;
  margin: 6.25rem auto 0;
  padding: 1rem;
  border-radius: 3.5rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
}

.txt2 .label::before {
  position: absolute;
  left: 0;
  top: -6.25rem;
  width: 100%;
  height: 6.25rem;
  background: url("/img/kor/contents/txt2.png") no-repeat center 0;
  content: "";
}

.txt2 .label.label1 {
  background-color: #4d9399;
}

.txt2 .label.label2 {
  background-color: #323232;
}

.txt2 .label.label2::before {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.point1 {
  color: #c4105e !important;
}

.list1 {
  display: inline-block;
  width: calc(100% + 1rem);
  counter-reset: list1;
}

.list1 > * {
  clear: none;
  float: left;
  width: calc(50% - 1rem);
  margin-right: 1rem;
}

.list1 > *:nth-child(n + 3) {
  margin-top: 1rem;
}

.list1 > *:nth-child(2n + 1) {
  clear: both;
}

.list1 .group {
  overflow: hidden;
  border-radius: 0.5rem;
  border: 1px solid #e1e1e1;
}

.list1 .title {
  font-size: 0.9rem;
  display: block;
  position: relative;
  padding: 1.2rem 1rem 1.2rem 4.5rem;
  background-color: #eff0f2;
  font-weight: 400;
  color: #333;
  line-height: 1.2;
}

.list1 .title::before {
  font-size: 1.2rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 3.5rem;
  height: 3.5rem;
  padding-top: 1.25rem;
  border-radius: 0.5rem 0.5rem 0 0.5rem;
  background-color: #c31c65;
  font-weight: 900;
  color: #fff;
  text-align: center;
  content: "0" counter(list1);
  counter-increment: list1;
}

.list1 .title::after {
  font-size: 0.75rem;
  position: absolute;
  left: 0;
  top: 0.5rem;
  z-index: 1;
  width: 3.5rem;
  font-weight: 300;
  color: #fff;
  text-align: center;
  content: "전략";
  opacity: 0.6;
}

.list1 .item {
  display: table;
  width: calc(100% + 0px);
  table-layout: fixed;
}

.list1 .item > * {
  display: table-cell;
  padding-right: 0px;
  vertical-align: middle;
}

.list1 .item .label {
  font-size: 0.9rem;
  width: 16.5rem;
  height: 11rem;
  padding: 1.75rem;
  font-weight: 400;
  color: #333;
  word-break: keep-all;
}

.list1 .item .label span {
  display: block;
  color: #c31c65;
}

.list2 .group {
  display: table;
  width: calc(100% + 0px);
  table-layout: fixed;
  padding: 2rem 0;
}

.list2 .group > * {
  display: table-cell;
  padding-right: 0px;
  vertical-align: middle;
}

.list2 .group + .group {
  border-top: 1px solid #e2e2e2;
}

.list2 .group .title {
  font-size: 1.2rem;
  width: 12.5rem;
  font-weight: 600;
  color: #333;
}

.list2 .group .title img {
  width: 2rem;
  margin: 0 0.5rem;
}

.list2 .group .item {
  font-size: 0.75rem;
}

.list2 .group .item li + li {
  margin-top: 0.5rem;
}

.list2 .group .item strong {
  font-size: 0.85rem;
  float: left;
  margin-right: 0.5rem;
  font-weight: 500;
  color: #333;
}

.list2 .group .item span {
  font-size: 0.85rem;
  display: inline-block;
  font-weight: 400;
  vertical-align: top;
}

.list2 .group .item p {
  margin-top: 0.5rem;
}

.list3 {
  display: inline-block;
  width: calc(100% + 2rem);
  font-size: 0.95rem;
  text-align: center;
}

.list3 > * {
  clear: none;
  float: left;
  width: calc(20% - 2rem);
  margin-right: 2rem;
}

.list3 > *:nth-child(n + 6) {
  margin-top: 2.5rem;
}

.list3 > *:nth-child(2n + 1) {
  clear: none;
}

.list3 > *:nth-child(3n + 1) {
  clear: none;
}

.list3 > *:nth-child(4n + 1) {
  clear: none;
}

.list3 > *:nth-child(5n + 1) {
  clear: both;
}

.list3 .major {
  width: 100%;
  margin-bottom: 1rem;
  border-bottom: 1px solid #efefef;
  padding: 2rem 0;
}
.list3 .major h2.title1 {
  text-align: left;
}

.list3 .major li {
  float: left;
  width: calc(20% - 2rem);
  margin-right: 2rem;
  margin-top: 1rem;
}

.list3 .img {
  display: block;
  overflow: hidden;
  position: relative;
  height: 0;
  padding-top: 120%;
  /*background-color:#000;*/
  font-size: 0;
  line-height: 0;
}

.list3 .img img {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.list3 .name {
  display: block;
  margin-top: 0.5rem;
  font-weight: 400;
}

.list3 a {
  display: block;
  color: #000 !important;
}

.list3 a:hover .img img,
.list3 a:focus .img img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0.7;
}

.list4 {
  display: inline-block;
  width: calc(100% + 1.5rem);
}

.list4 > * {
  clear: none;
  float: left;
  width: calc(33.33333% - 1.5rem);
  margin-right: 1.5rem;
}

.list4 > *:nth-child(n + 4) {
  margin-top: 1.5rem;
}

.list4 > *:nth-child(2n + 1) {
  clear: none;
}

.list4 > *:nth-child(3n + 1) {
  clear: both;
}

.list4 .group {
  position: relative;
  padding: 1.5rem;
  border: 1px solid #e1e1e1;
}

.list4 .group::before {
  position: absolute;
  left: 0;
  top: -1px;
  width: 4.8rem;
  height: 1px;
  background-color: #c31c65;
  content: "";
}

.list5 {
  font-size: 1rem;
  line-height: 4.75;
  overflow: hidden;
  width: 40rem;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 1.5rem;
  font-weight: 500;
}

.list5 li {
  float: left;
  width: calc(33.333% + 1.5rem);
  margin: 0 -0.75rem;
  border-radius: 5rem;
  background-color: rgba(195, 28, 101, 0.9);
  color: #fff;
  text-align: center;
}

.list5 li:nth-child(2) {
  background-color: rgba(167, 129, 72, 0.9);
}

.list5 li:nth-child(3) {
  background-color: rgba(243, 167, 40, 0.9);
}

.list6 {
  display: table;
  width: calc(100% + 0.75rem);
  table-layout: fixed;
  font-size: 0.85rem;
  overflow: hidden;
  height: 4rem;
  margin-top: 3.25rem;
  font-weight: 400;
  color: #333;
  text-align: center;
}

.list6 > * {
  display: table-cell;
  padding-right: 0.75rem;
  vertical-align: middle;
}

.list6 li {
  overflow: hidden;
  position: relative;
}

.list6 li::before {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 0.75rem);
  height: 2px;
  background-color: #e1e1e1;
  content: "";
}

.list6 li::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(100% - 0.75rem);
  height: 100000%;
  border: 2px solid #e1e1e1;
  content: "";
}

.list7 {
  display: table;
  width: calc(100% + 0.75rem);
  table-layout: fixed;
  overflow: hidden;
  margin-top: 2.5rem;
}

.list7 > * {
  display: table-cell;
  padding-right: 0.75rem;
  vertical-align: top;
}

.list7 li {
  overflow: hidden;
  position: relative;
}

.list7 li::before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(100% - 0.75rem);
  height: 100000%;
  border: 2px solid #e1e1e1;
  content: "";
}

.list7 strong {
  font-size: 1rem;
  display: block;
  padding: 1rem;
  background-color: #e1e1e1;
  font-weight: 400;
  color: #333;
  text-align: center;
}

.list7 span {
  display: block;
  padding: 1.5rem;
}

.list8 {
  display: inline-block;
  position: relative;
  width: 100%;
}

.list8::before {
  display: block;
  width: 100%;
  height: 0.1rem;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e18cb1),
    to(#c31c65)
  );
  background: linear-gradient(to right, #e18cb1, #c31c65);
  content: "";
}

.list8::after {
  position: absolute;
  right: 0;
  top: 0;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 100%;
  border: 0.25rem solid #c31c65;
  background-color: #fff;
  content: "";
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.list8 .group {
  float: left;
  position: relative;
  width: 40%;
  margin-right: 1rem;
  padding-top: 2.5rem;
  word-break: keep-all;
}

.list8 .group::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.9rem;
  height: 0.9rem;
  margin-top: -0.05rem;
  border-radius: 100%;
  border: 0.25rem solid #e18cb1;
  background-color: #fff;
  content: "";
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.list8 .group.group2 {
  float: right;
  width: 50%;
}

.list8 .group.group2::before {
  border-color: #c83072;
}

.list8 .title strong {
  font-size: 1.5rem;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
}

.list8 .title span {
  font-size: 1.1rem;
  display: block;
  margin-top: 1rem;
  font-weight: 400;
  color: #c5226a;
}

.list8 .label {
  font-size: 0.9rem;
  display: block;
  margin: 1.5rem 0 0.5rem;
  font-weight: 400;
  color: #222;
}

.greeting {
  font-size: 0.9rem;
  line-height: 1.88889;
  position: relative;
  padding-left: 23.5rem;
}

.greeting .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 19.5rem;
}

.greeting .txt {
  display: block;
  margin: 1.25rem 0;
}

.greeting .title {
  font-size: 2rem;
  line-height: 1.325;
  font-weight: 500;
  color: #333;
}

.greeting .title span {
  display: block;
}

.greeting .sign strong {
  margin-right: 0.5rem;
  font-weight: 400;
  color: #333;
}

.greeting .sign strong::before {
  display: block;
  width: 100%;
  height: 0.5rem;
  content: "";
}

.greeting .sign img {
  vertical-align: middle;
}

.history {
  font-size: 0.9rem;
  display: inline-block;
  position: relative;
  z-index: 0;
  width: 100%;
}

.history::after {
  font-size: 7.1585rem;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  font-weight: 700;
  color: #f9f9f9;
  content: "HISTORY";
  line-height: 0.8;
}

.history .item {
  float: left;
  position: relative;
  width: calc(50% - 2rem);
  -webkit-box-shadow: 0.5rem -0.25rem 0.5rem rgba(0, 0, 0, 0.05);
  box-shadow: 0.5rem -0.25rem 0.5rem rgba(0, 0, 0, 0.05);
}

.history .item:nth-child(2n) {
  float: right;
}

.history .item + .item {
  margin-top: 8.25rem;
}

.history .desc {
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% - 3rem);
  padding: 1rem 0 0 2rem;
  background-color: #fff;
  color: #333;
}

.history .desc span {
  font-size: 0.85rem;
  font-weight: 600;
  color: #ae195a;
}

.history .desc strong {
  display: block;
  font-weight: 400;
}

.vision {
  text-align: center;
}

.vision .title {
  font-size: 1.75rem;
  display: inline-block;
  position: relative;
  z-index: 0;
  margin-bottom: 2.5rem;
  padding: 0 3rem;
  font-weight: 500;
  color: #333;
  line-height: 1.2;
}

.vision .title::before,
.vision .title::after {
  font-size: 7rem;
  position: absolute;
  left: -1rem;
  top: 0;
  z-index: -1;
  font-family: "돋움", Dotum;
  font-weight: bold;
  color: #ebebeb;
  content: "“";
  line-height: 0.8;
}

.vision .title::after {
  left: auto;
  right: -1rem;
  content: "”";
}

.vision .group1 {
  position: relative;
  width: 29.5rem;
  max-width: 100%;
  margin: 0 auto;
  color: #333;
}

.vision .group1::before {
  position: absolute;
  left: 50%;
  top: 7rem;
  z-index: -1;
  width: 100%;
  height: 0;
  padding-top: 100%;
  background: linear-gradient(-45deg, #fff 70%, #ebebeb);
  content: "";
  -webkit-transform: translateX(-50%) scaleX(0.8) rotate(45deg);
  transform: translateX(-50%) scaleX(0.8) rotate(45deg);
}

.vision .group1 .item {
  font-size: 0.85rem;
  line-height: 1.35294;
  float: left;
  width: 12.5rem;
  height: 12.5rem;
  padding: 3rem 1rem 0;
  border-radius: 100%;
  border: 1px solid #e1e1e1;
  background-color: #fff;
}

.vision .group1 .item + .item {
  float: right;
}

.vision .group1 .item strong {
  display: block;
  margin-top: 1rem;
  font-weight: 500;
}

.vision .group1 .item img {
  width: 3.5rem;
}

.vision .group1 .label {
  font-size: 1.1rem;
  clear: both;
  padding-top: 2rem;
  font-weight: 500;
}

.vision .group2 {
  display: inline-block;
  width: 100%;
  margin-top: 5.5rem;
}

.vision .group2 .item {
  float: left;
  width: 33.333%;
  padding: 0 2rem;
}

.vision .group2 .label {
  font-size: 0.9rem;
  line-height: 1.27778;
  position: relative;
  z-index: 0;
  width: 11rem;
  height: 6.25rem;
  margin: 0 auto 4.5rem;
  padding: 0 1rem;
  background-color: #c31c65;
  color: #fff;
  word-break: keep-all;
}

.vision .group2 .label::before,
.vision .group2 .label::after {
  position: absolute;
  left: 50%;
  top: -3.9rem;
  z-index: -1;
  width: 70.5%;
  height: 0;
  padding-top: 70.5%;
  background-color: #c31c65;
  content: "";
  -webkit-transform: translateX(-50%) scaleY(0.6) rotate(45deg);
  transform: translateX(-50%) scaleY(0.6) rotate(45deg);
}

.vision .group2 .label::after {
  top: auto;
  bottom: -3.9rem;
}

.vision .group2 .label strong {
  display: block;
  margin-top: 1rem;
  font-weight: 500;
}

.vision .group2 .label img {
  width: 3rem;
}

.vision .group2 .label.label2 {
  background-color: #a78148;
}

.vision .group2 .label.label2::before,
.vision .group2 .label.label2::after {
  background-color: #a78148;
}

.vision .group2 .label.label3 {
  background-color: #f3a728;
}

.vision .group2 .label.label3::before,
.vision .group2 .label.label3::after {
  background-color: #f3a728;
}

.edu {
  position: relative;
}

.edu .title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 0.95rem;
  width: 21rem;
  height: 21rem;
  padding-top: 2.75rem;
  border-radius: 100%;
  border: 2rem solid #e3e7ef;
  background-color: #c31c65;
  font-weight: 500;
  color: #fff;
  text-align: center;
}

.edu .title::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -2;
  width: 31.5rem;
  height: 31.5rem;
  border-radius: 100%;
  border: 1px solid #efefef;
  content: "";
}

.edu .title strong {
  font-size: 2rem;
}

.edu .list {
  font-size: 0.85rem;
  overflow: hidden;
  font-weight: 400;
  color: #333;
}

.edu .list li {
  float: left;
  width: 50%;
  position: relative;
  padding-right: 9.2rem;
  text-align: right;
}

.edu .list li::before {
  float: right;
  position: relative;
  top: 0.4rem;
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 0.25rem;
  border-radius: 100%;
  background-color: #a78148;
  content: "";
}

.edu .list li:nth-child(2n) {
  float: right;
  padding: 0 0 0 9.2rem;
  text-align: left;
}

.edu .list li:nth-child(2n)::before {
  float: left;
}

.edu .list li:nth-child(2n + 1) {
  clear: both;
}

.edu .list li:nth-child(n + 3) {
  margin-top: 11rem;
}

.edu .list li:nth-child(3) {
  padding: 0 15.25rem 0 0;
}

.edu .list li:nth-child(4) {
  padding: 0 0 0 15.25rem;
}

.process {
  display: inline-block;
  position: relative;
  width: 100%;
}

.process::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
  width: 28rem;
  height: 28rem;
  margin-top: 2rem;
  border-radius: 100%;
  border: 3rem solid #e3e7ef;
  background-color: #f8f8f8;
  content: "";
}

.process .title {
  font-size: 0.85rem;
  position: relative;
  z-index: 0;
  width: 7.75rem;
  height: 4.5rem;
  margin: 0 auto;
  padding-top: 0.5rem;
  background-color: #c31c65;
  font-weight: 400;
  color: #fff;
  text-align: center;
  line-height: 1.2;
}

.process .title::before,
.process .title::after {
  position: absolute;
  left: 50%;
  top: -2.75rem;
  z-index: -1;
  width: 70.5%;
  height: 0;
  padding-top: 70.5%;
  background-color: #c31c65;
  content: "";
  -webkit-transform: translateX(-50%) scaleY(0.6) rotate(45deg);
  transform: translateX(-50%) scaleY(0.6) rotate(45deg);
}

.process .title::after {
  top: auto;
  bottom: -2.75rem;
}

.process .title strong {
  font-size: 1.8rem;
  display: block;
}

.process .group:nth-child(n + 2) {
  float: left;
  width: 50%;
}

.process .group.group1 {
  position: relative;
  margin-bottom: 2.25rem;
  padding-bottom: 8rem;
}

.process .group.group1 .title {
  position: absolute;
  top: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
}

.process .group.group2 .title {
  float: right;
  background-color: #a78148;
}

.process .group.group2 .title::before,
.process .group.group2 .title::after {
  background-color: #a78148;
}

.process .group.group3 .title {
  float: left;
  background-color: #f3a728;
}

.process .group.group3 .title::before,
.process .group.group3 .title::after {
  background-color: #f3a728;
}

.process .item {
  font-size: 0.85rem;
  clear: both;
  width: 15.5rem;
  max-width: 95%;
  height: 7.5rem;
  margin: 0 auto;
  padding: 1.25rem 1.5rem;
  border-radius: 0.5rem;
  border: 1px solid #e3e7ef;
  background-color: #fff;
  font-weight: 400;
  color: #333;
}

.site {
  display: table;
  width: calc(100% + 0px);
  table-layout: fixed;
}

.site > * {
  display: table-cell;
  padding-right: 0px;
  vertical-align: middle;
}

.site .img {
  padding: 2.5rem;
  background-color: #f8f7f6;
}

.site .list {
  display: inline-block;
  width: calc(100% + 0.75rem);
}

.site .list > * {
  clear: none;
  float: left;
  width: calc(25% - 0.75rem);
  margin-right: 0.75rem;
}

.site .list > *:nth-child(n + 5) {
  margin-top: 0.75rem;
}

.site .list > *:nth-child(2n + 1) {
  clear: none;
}

.site .list > *:nth-child(3n + 1) {
  clear: none;
}

.site .list > *:nth-child(4n + 1) {
  clear: both;
}

.site .desc {
  width: 19.5rem;
  padding: 2.5rem;
  border: 1px solid #e1e1e1;
  border-left: 0 none;
}

#map {
  width: 100%;
  height: 25rem;
  border: 1px solid #e1e1e1;
}

.contact {
  position: relative;
  margin-bottom: 2rem;
  padding: 2.25rem 2rem;
  background-color: #f0efef;
}

.contact li {
  font-size: 0.9rem;
  display: inline-block;
  margin-right: 5rem;
  font-weight: 400;
  color: #333;
  vertical-align: middle;
}

.contact li:last-child {
  margin-right: 0;
}

.contact .label {
  font-size: 1.1rem;
  display: inline-block;
  margin-right: 1.5rem;
  padding: 0 0.25rem;
  border-bottom: 2px solid #c4105e;
  font-weight: 400;
  color: #c4105e;
  vertical-align: middle;
}

.contact .txt {
  display: inline-block;
  vertical-align: middle;
}

.contact .btn-m {
  position: absolute;
  top: 50%;
  left: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 2rem;
}

.schedule {
  display: inline-block;
  width: 100%;
  margin-top: 2.75rem;
}

.schedule .calender {
  overflow: hidden;
  float: left;
  width: 18.5rem;
  padding: 0 2rem 1rem;
  border: 1px solid #ddd;
}

.schedule .calender .title {
  font-size: 2.25rem;
  padding: 0.5rem;
  font-weight: 600;
  color: #666;
  text-align: center;
}

.schedule .calender .title span {
  font-size: 1.25rem;
  color: #ccc;
}

.schedule .calender .table {
  position: relative;
  z-index: 0;
}

.schedule .calender .table::before {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: -1;
  width: 1000%;
  height: 100%;
  margin-left: -500%;
  content: "";
  height: 2rem;
  background-color: #c31c65;
}

.schedule .calender .table table {
  width: 100%;
  table-layout: fixed;
}

.schedule .calender .table th {
  height: 2rem;
  color: #fff;
  text-align: center;
}

.schedule .calender .table td {
  height: 2rem;
  color: #666;
  text-align: center;
}

.schedule .calender .table .active {
  height: 1.4rem;
  border: 1px solid #a78148;
  line-height: 1.3rem;
  display: block;
  width: 1.4rem;
  margin: 0 auto;
  border-radius: 100%;
  font-weight: 400;
  color: #000;
}

.schedule .group {
  float: right;
  width: calc(100% - 23rem);
  padding-top: 0.75rem;
}

.schedule .group .title {
  height: 1.7rem;
  border: 1px solid #c01d62;
  line-height: 1.6rem;
  display: inline-block;
  padding: 0 1rem;
  border-radius: 1.7rem;
  font-weight: 400;
  color: #000;
}

.schedule .group .list {
  margin-top: 1.3rem;
  border-top: 1px dotted #b2b2b2;
}

.schedule .group .list li {
  overflow: hidden;
  padding: 0.75rem;
  border-bottom: 1px dotted #b2b2b2;
}

.schedule .group .list li .label {
  float: left;
  width: 12rem;
  font-weight: 400;
  color: #000;
}

.schedule .group .list li .txt {
  float: left;
  width: calc(100% - 12rem);
}

.plan {
  display: inline-block;
  position: relative;
  width: 100%;
  text-align: center;
  word-break: keep-all;
}

.plan::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 5rem;
  font-weight: 500;
  color: #323232;
  content: "+";
  -webkit-transform: translate(-100%, -100%);
  transform: translate(-100%, -100%);
}

.plan .title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 1.1rem;
  width: 4.5rem;
  font-weight: 800;
  color: #333;
  line-height: 1.2;
}

.plan .group {
  float: left;
  position: relative;
  width: calc(50% - 2rem);
  background: url("/img/kor/contents/plan1.png") no-repeat center center;
  background-size: 100% 100% !important;
}

.plan .group.group1 .title {
  margin-top: 2.25rem;
}

.plan .group.group1 .item1 {
  margin-bottom: 5rem;
}

.plan .group.group1 .item2 {
  float: left;
}

.plan .group.group1 .item3 {
  float: right;
}

.plan .group.group2 {
  float: right;
  background: url("/img/kor/contents/plan2.png") no-repeat center center;
}

.plan .group.group2 .item {
  float: left;
}

.plan .group.group2 .item:nth-child(2n + 1) {
  float: right;
}

.plan .group.group2 .item:nth-child(n + 4) {
  margin-top: 8.75rem;
}

.plan .group.group2 .item.item3 {
  clear: both;
}

.plan .item {
  display: table;
  width: calc(100% + 0px);
  table-layout: fixed;
  font-size: 0.75rem;
  line-height: 1.4;
  width: 11.25rem;
  height: 11.25rem;
  margin: 0 auto;
  padding: 1rem;
  border-radius: 100%;
  color: #fff;
}

.plan .item > * {
  display: table-cell;
  padding-right: 0px;
  vertical-align: middle;
}

.plan .item .label {
  font-size: 1rem;
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
}

.plan .item.type1 {
  background-color: #c31c65;
}

.plan .item.type2 {
  background-color: #a78148;
}

.plan .item.type3 {
  background-color: #f3a728;
}

.plan .item.type4 {
  background-color: #2767b3;
}

.plan .item.type5 {
  background-color: #4d9399;
}
#header .logo .c_logo {
	position: absolute;
    left: 11rem;
    top: 2rem;
    width: 4rem;
    transition: .25s;
}
#header .logo .c_logo img {
	width:100%
}
#header .logo .c_logo .hover_logo {
	display:none;
}
#header.fixed .c_logo .wt_logo,
#header.active .c_logo .wt_logo {
	display:none;
}
#header.fixed .c_logo .hover_logo,
#header.active .c_logo .hover_logo {
	display:block;
}
#header .logo span.bk21_logo {
  position: absolute;
  top: 2.7rem;
  z-index: 0;
  overflow: hidden;
  left:17rem;
  width: 5rem;
  height: 2.37rem;
}
#header .logo span.bk21_logo img {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

#header.active .logo span.bk21_logo img,
#header.fixed .logo span.bk21_logo img {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 1280px) {
  .box4.type2 {
    display: inline-block;
    width: calc(100% + 1rem);
  }
  .box4.type2 > * {
    clear: none;
    float: left;
    width: calc(50% - 1rem);
    margin-right: 1rem;
  }
  .box4.type2 > *:nth-child(n + 3) {
    margin-top: 1rem;
  }
  .box4.type2 > *:nth-child(2n + 1) {
    clear: both;
  }
  .box4.type2 .desc {
    width: calc(100% - 2rem);
    margin-left: 2rem;
  }
  .box4.type2 .btn::after {
    margin-left: 2rem;
  }
  .list1 .item {
    padding: 1rem 2rem;
  }
  .list1 .item > * {
    display: block;
  }
  .list1 .item .label {
    width: 100%;
    height: auto;
    margin-bottom: 0.5rem;
    padding: 0;
  }
}

@media (max-width: 1420px) {
  #header {
    height: 4.5rem;
  }
  #header::after {
    display: none;
  }
  #header .logo a.link1 {
    top: 1.7rem;
  }
  #header .util {
    right: 2.5rem;
    top: 1rem;
    display: none;
  }
#header.sitemap .logo a{z-index: 3;}
  #header.sitemap::before {
    top: 0;
    z-index: -1;
    height: 100%;
    background-color: #ae195a;
    opacity: 1;
  }
  #header.sitemap .logo a.link1 img,
  #header.sitemap .logo span.bk21_logo img {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }
  #header.sitemap .logo .c_logo .wt_logo{display:block !important}
  #header.sitemap .logo .c_logo .hover_logo{display:none !important}

#header.sitemap nav{
        top: 0rem; padding-top: 4.5rem; overflow: auto;
        height: auto;
        overflow-y: hidden; background: transparent;
    }
    #header.sitemap #gnb > li{ flex: 1 1 100%; max-width: 100%;}

  #header.sitemap .util a {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.6);
  }
  #header.sitemap .util a:hover,
  #header.sitemap .util a:focus {
    border-color: rgba(0, 0, 0, 0.1);
  }
   #header.sitemap #gnb {
        right: 0rem;
        -webkit-transform: translateX(0);
        transform: translateX(0); max-width: 100%; top: 0 !important;
        height: calc(100vh - 4.5rem);
        overflow: hidden;
        overflow-y: auto;
        display: block; background: #fff; padding: 0rem 0 2rem;
    }
  #header.sitemap #gnb::before {
    display: none;
  }
  #header.sitemap #gnb::after {
        background-color: #fff;
        position: absolute; left: 50%; top: 0; z-index: -1;
        width: 1000%; height: 100%; margin-left: -500%; content: ""; height: 100%;   
    }
  #header.sitemap #gnb > li {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    padding-top: 0;
  }
  #header.sitemap #gnb > li > a {
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #dbdbdb;
    color: #333 !important;
  }
  #header.sitemap #gnb > li.active > a {
    border-bottom-color: #f2f2f2;
    color: #ae195a;
  }
  #header.sitemap #gnb > li.active > a::before {
    content: "";
  }
  #header.sitemap #gnb > li.active .depth2 {
    visibility: visible;
    overflow: visible;
    width: auto;
    height: auto;
    opacity: 1;
  }
  #header.sitemap #gnb .depth2 {
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    opacity: 0;
    font-size: 0.8rem;
    margin-top: 0;
    background-color: #f2f2f2;
    color: #666;
  }
  #header.sitemap #gnb .depth2 ul {
    padding: 0.75rem 1rem;
  }
  #header.sitemap #gnb .depth2 a {
    display: block;
    position: relative;
    z-index: 0;
    padding: 0.05rem 0.75rem;
  }
  #header.sitemap #gnb .depth2 a::before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 0;
    height: 100%;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#294ebd),
      to(#c22865)
    );
    background: linear-gradient(to right, #294ebd, #c22865);
    content: "";
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  #header.sitemap #gnb .depth2 a:hover,
  #header.sitemap #gnb .depth2 a:focus {
    text-decoration: none;
  }
  #header.sitemap #gnb .depth2 a:hover::before,
  #header.sitemap #gnb .depth2 a:focus::before {
    width: 100%;
  }
  nav .control {
    top: 1.5rem;
  }
 #header.sitemap nav .control{right: 1rem; top: 1.5rem;}
  #footer #siteinfo {
    padding-left: 0;
  }
  #footer #siteinfo a {
    display: block;
    position: static;
    margin-bottom: 1rem;
  }
  #footer #siteinfo .copyright {
    margin-top: 0.5rem;
  }
  #header .logo span.bk21_logo {
    top: 1rem; left: 16rem;
  }
  #header .logo .c_logo {
	top:.8rem; 
left:11rem; 
width:3rem;
  }
}

@media (max-width: 1024px) {
  .box4 .desc {
    width: calc(100% - 4rem);
    padding: 3rem 1rem 0;
    word-break: keep-all;
  }
  .box4.type2 .desc {
    margin-top: -4rem;
    padding: 1rem;
  }
  .box4.type2 .txt {
    font-size: 0.8rem;
  }
  .box4.type2 .btn {
    font-size: 0.8rem;
  }
  .box4.type2 .btn::after {
    margin-left: 1rem;
  }
  .list2 .group {
    padding: 1rem 0;
  }
  .list2 .group .title {
    width: 10rem;
  }
  .list6 {
    display: inline-block;
    width: calc(100% + 0px);
    height: auto;
  }
  .list6 > * {
    clear: none;
    float: left;
    width: calc(50% - 0px);
    margin-right: 0px;
  }
  .list6 > *:nth-child(n + 3) {
    margin-top: 0.5rem;
  }
  .list6 > *:nth-child(2n + 1) {
    clear: both;
  }
  .list6 li {
    padding: 1rem 0.25rem;
    padding-right: 1rem;
  }
  .greeting {
    font-size: 0.8rem;
    padding-left: 16rem;
  }
  .greeting .img {
    width: 15rem;
  }
  .history .item {
    width: calc(50% - 1rem);
  }
  .history .desc {
    padding: 0.5rem 0.5rem 0 1rem;
  }
  .edu {
    padding: 1rem 0 3rem;
  }
  .edu .title {
    width: 15rem;
    height: 15rem;
    margin-top: -1rem;
    padding-top: 1.5rem;
  }
  .edu .title::before {
    width: 19rem;
    height: 19rem;
  }
  .edu .title img {
    width: 5rem;
  }
  .edu .list li {
    font-size: 0.8rem;
    padding-right: 7.35rem;
  }
  .edu .list li:nth-child(n + 3) {
    margin-top: 4rem;
  }
  .edu .list li:nth-child(2n) {
    padding-left: 7.35rem;
  }
  .edu .list li:nth-child(3) {
    padding-right: 9rem;
  }
  .edu .list li:nth-child(4) {
    padding-left: 9rem;
  }
  .process::before {
    margin-top: 1rem;
  }
  .process .group:nth-child(n + 2) .title {
    margin-bottom: 3rem;
  }
  .site .list {
    display: inline-block;
    width: calc(100% + 0.5rem);
  }
  .site .list > * {
    clear: none;
    float: left;
    width: calc(33.33333% - 0.5rem);
    margin-right: 0.5rem;
  }
  .site .list > *:nth-child(n + 4) {
    margin-top: 0.5rem;
  }
  .site .list > *:nth-child(2n + 1) {
    clear: none;
  }
  .site .list > *:nth-child(3n + 1) {
    clear: both;
  }
  .contact {
    margin-bottom: 1rem;
  }
  .contact .label {
    width: 4rem;
    text-align: center;
  }
  .contact li {
    display: block;
  }
  .contact li + li {
    margin-top: 0.5rem;
  }
  .schedule .group {
    width: calc(100% - 20rem);
  }
  .plan::before {
    z-index: 0;
    -webkit-transform: translate(-50%, -75%);
    transform: translate(-50%, -75%);
  }
  .plan .group {
    overflow: hidden;
    float: none;
    width: 30rem;
    max-width: 100%;
    margin: 0 auto;
  }
  .plan .group.group2 {
    float: none;
    margin-top: 2rem;
  }
}

@media (max-width: 768px) {
  .box4.type1 .desc {
    position: static;
    width: 100%;
    padding: 2rem;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .box4.type2 .desc {
    width: calc(100% - 1rem);
    margin-left: 1rem; padding: 1rem 0 1rem 1rem;
  }
  .box4.type2 .btn::after {
    margin-left: 0.5rem;
  }
  .box4.type2 .btn{padding: 0 0rem 0.5rem; margin: 1rem .4rem 0 0;}
  .list1 .item {
    padding: 1rem;
  }
  .list4 {
    display: inline-block;
    width: calc(100% + 0.5rem);
  }
  .list4 > * {
    clear: none;
    float: left;
    width: calc(50% - 0.5rem);
    margin-right: 0.5rem;
  }
  .list4 > *:nth-child(n + 3) {
    margin-top: 0.5rem;
  }
  .list4 > *:nth-child(2n + 1) {
    clear: both;
  }
  .list8::before,
  .list8::after {
    display: none;
  }
  .list8 .group {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 1rem 0 2rem;
    border-top: 0.15rem solid #e59dbc;
  }
  .list8 .group::after {
    position: absolute;
    right: 0;
    top: 0;
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 100%;
    border: 0.25rem solid #e59dbc;
    background-color: #fff;
    content: "";
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .list8 .group.group2 {
    border-top-color: #c31c65;
  }
  .list8 .group.group2::after {
    border-color: #c31c65;
  }
  .greeting {
    padding-left: 0;
  }
  .greeting .img {
    top: 7rem;
    width: 8rem;
  }
  .greeting .txt {
    display: block;
    padding-left: 10rem;
  }
  .greeting .sign {
    text-align: right;
  }
  .greeting .sign strong {
    margin-left: 0.25rem;
  }
  .greeting .sign strong::before {
    display: none;
  }
  .history {
    font-size: 0.8rem;
  }
  .history::after {
    font-size: 4rem;
  }
  .history .item {
    width: calc(50% - 0.5rem);
  }
  .history .item + .item {
    margin-top: 5rem;
  }
  .history .desc {
    width: calc(100% - 1.5rem);
  }
  .vision .group2 {
    margin-top: 4rem;
  }
  .vision .group2 .item {
    padding: 0 1rem;
  }
  .vision .group2 .label {
    font-size: 0.8rem;
    width: 9rem;
    margin-bottom: 3rem;
    padding: 0 0.25rem;
  }
  .vision .group2 .label::before,
  .vision .group2 .label::after {
    -webkit-transform: translateX(-50%) scaleY(0.5) rotate(45deg);
    transform: translateX(-50%) scaleY(0.5) rotate(45deg);
  }
  .vision .group2 .label::before {
    top: -3.2rem;
  }
  .vision .group2 .label::after {
    bottom: -3.2rem;
  }
  .edu {
    padding: 1rem 0 0;
  }
  .edu .title {
    width: 12rem;
    height: 12rem;
    margin-top: 0.55rem;
    border-width: 0.5rem;
  }
  .edu .title::before {
    width: 15.75rem;
    height: 15.75rem;
  }
  .edu .list li {
    padding-right: 5rem;
    word-break: keep-all;
  }
  .edu .list li:nth-child(2n) {
    padding-left: 5rem;
  }
  .edu .list li:nth-child(3) {
    padding-right: 7.35rem;
  }
  .edu .list li:nth-child(4) {
    height: 2rem;
    padding-left: 7.35rem;
  }
  .site .img {
    padding: 1.5rem;
  }
  .site .desc {
    width: 15rem;
    padding: 1.5rem;
  }
  .contact {
    padding: 1rem;
  }
  .contact li {
    font-size: 0.8rem;
    margin-right: 0;
  }
  .contact .label {
    font-size: 0.9rem;
    width: 3rem;
  }
  .contact .btn-m {
    height: 2rem;
    right: 1rem;
    top: auto;
    bottom: 1rem;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    line-height: 1.9rem;
  }
  .schedule .calender {
    width: 15rem;
    padding: 0 1rem 1rem;
  }
  .schedule .group {
    width: calc(100% - 16.5rem);
  }
  .schedule .group .list li .label {
    display: block;
    float: none;
    width: 100%;
  }
  .schedule .group .list li .txt {
    float: none;
    width: 100%;
  }
}

@media (max-width: 530px) {
  .title2 {
    font-size: 1.75rem;
  }
  .bul1 > li + li {
    margin-top: 0;
  }
  .bul2 > li + li {
    margin-top: 0;
  }
  .bul2 > li .label {
    display: block;
    float: none;
    width: 100%;
  }
  .bul2 > li .txt {
    float: none;
    width: 100%;
  }
  .box1 .img {
    width: 5rem;
  }
  .box1 .desc {
    padding-left: 1rem;
  }
  .box3 {
    padding: 1.5rem;
  }
  .box3 .title {
    font-size: 1.25rem;
  }
  .box3 .control a {
    overflow: hidden;
    left: 1rem;
    width: 1rem;
    height: 1.25rem;
    white-space: nowrap;
    line-height: 1rem;
  }
  .box3 .control a.next {
    right: 1rem;
    text-indent: 1rem;
  }
  .box4 .img {
    overflow: hidden;
    position: relative;
    height: 10rem;
  }
  .box4 .img img {
    position: absolute;
    top: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: initial;
    height: 100%;
  }
  .box4 .desc {
    margin-top: -2rem;
    padding-top: 1rem;
  }
  .box4 .title {
    font-size: 1.25rem;
  }
  .box4 .label {
    font-size: 0.8rem;
  }
  .box4 .btn {
    font-size: 0.8rem;
    margin-top: 1.5rem;
  }
  .box4.type1 .img {
    height: auto;
  }
  .box4.type1 .img img {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 100%;
  }
  .box4.type1 .desc {
    padding: 1rem;
  }
  .box4.type2 {
    display: block;
    width: 100%;
  }
  .box4.type2 > * {
    display: block;
    clear: none;
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .box4.type2 > * + * {
    margin-top: 1rem;
  }
  .box4.type2 .img {
    height: auto;
  }
  .box4.type2 .img img {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 100%;
  }
  .list1 {
    display: block;
    width: 100%;
  }
  .list1 > * {
    display: block;
    clear: none;
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .list1 > * + * {
    margin-top: 0.5rem;
  }
  .list2 .group {
    position: relative;
  }
  .list2 .group > * {
    display: block;
  }
  .list2 .group .title {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .list2 .group .title img {
    position: absolute;
    right: 0;
    top: 1rem;
    margin: 0;
  }
  .list3 {
    display: inline-block;
    width: calc(100% + 0.5rem);
  }
  .list3 > * {
    clear: none;
    float: left;
    width: calc(33.33333% - 0.5rem);
    margin-right: 0.5rem;
  }
  .list3 > *:nth-child(n + 4) {
    margin-top: 0.5rem;
  }
  .list3 > *:nth-child(2n + 1) {
    clear: none;
  }
  .list3 > *:nth-child(3n + 1) {
    clear: both;
  }
  .list3 > *:nth-child(5n + 1) {
    clear: none;
  }

  .list3 .major li {
    width: calc(33.33333% - 0.5rem);
    margin-right: 0.5rem;
  }

  .list5 {
    line-height: 3;
  }
  .list5 li {
    width: calc(33.333% + 0.5rem);
    margin: 0 -0.25rem;
  }
  .list6 {
    display: block;
    width: 100%;
    margin-top: 1rem;
  }
  .list6 > * {
    display: block;
    clear: none;
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .list6 > * + * {
    margin-top: 0.5rem;
  }
  .list6 li {
    padding: 0.5rem;
  }
  .list6 li::before,
  .list6 li::after {
    width: 100%;
  }
  .list7 {
    display: block;
    width: 100%;
    margin-top: 1.5rem;
  }
  .list7 > * {
    display: block;
    clear: none;
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .list7 > * + * {
    margin-top: 0.5rem;
  }
  .list7 li {
    padding-right: 0;
  }
  .list7 li::before {
    width: 100%;
  }
  .list7 strong,
  .list7 span {
    padding: 0.5rem;
  }
  .txt2 .label {
    font-size: 0.8rem;
    padding: 0.75rem;
  }
  .greeting .title {
    font-size: 1.6rem;
  }
  .greeting .img {
    top: 6rem;
    width: 6rem;
  }
  .greeting .txt {
    padding-left: 0;
  }
  .greeting .txt::before {
    float: left;
    position: relative;
    z-index: -1;
    width: 7.5rem;
    height: 12rem;
    content: "";
  }
  .history .item {
    float: none !important;
    width: 100%;
  }
  .history .item + .item {
    margin-top: 1.5rem;
  }
  .vision .title {
    font-size: 1.5rem;
    padding: 0 1rem;
  }
  .vision .title::before,
  .vision .title::after {
    font-size: 5rem;
  }
  .vision .group1::before {
    top: 3rem;
  }
  .vision .group1 .item {
    font-size: 0.8rem;
    width: 8.5rem;
    height: 8.5rem;
    padding-top: 1rem;
    word-break: keep-all;
  }
  .vision .group1 .item img {
    width: 3rem;
  }
  .vision .group1 .item strong {
    margin-top: 0.5rem;
  }
  .vision .group1 .label {
    font-size: 0.9rem;
    padding-top: 1rem;
  }
  .vision .group2 {
    margin-top: 0;
  }
  .vision .group2 .item {
    float: none;
    width: 100%;
    margin-top: 3rem;
    padding: 0;
  }
  .vision .group2 .label {
    height: 5.5rem;
    margin-bottom: 2.5rem;
  }
  .vision .group2 .label img {
    width: 2.5rem;
  }
  .vision .group2 .label strong {
    margin-top: 0.5rem;
  }
  .edu .title {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    margin: 0 auto;
  }
  .edu .list {
    position: relative;
  }
  .edu .list::before {
    position: absolute;
    top: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 1px;
    height: calc(100% - 0.75rem);
    background-color: #ddd;
    content: "";
  }
  .edu .list li {
    width: calc(50% + 0.5rem);
    height: auto !important;
    margin-top: 1rem !important;
    padding: 0 !important;
  }
  .process::before {
    width: 18rem;
    height: 18rem;
    margin-top: -0.75rem;
    border-width: 1rem;
  }
  .process .group1 {
    padding-bottom: 7rem;
  }
  .process .group1 .item {
    min-height: 0;
  }
  .process .item {
    font-size: 0.8rem;
    height: auto;
    min-height: 7.5rem;
    padding: 1rem;
  }
  .site > * {
    display: block;
  }
  .site .img {
    padding: 1rem;
  }
  .site .desc {
    width: 100%;
    padding: 1rem 1.5rem;
    border-top: 0 none;
    border-left: 1px solid #e1e1e1;
  }
  .contact {
    margin-bottom: 0;
  }
  .contact .txt {
    display: block;
    margin-top: 0.5rem;
  }
  .schedule {
    margin-top: 1rem;
  }
  .schedule .calender {
    float: none;
    width: 100%;
  }
  .schedule .group {
    float: none;
    width: 100%;
  }
  .schedule .group .list {
    margin-top: 0.5rem;
  }
  .plan::before {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .plan .group {
    width: 22rem;
  }
  .plan .group.group1 .title {
    margin-top: 1rem;
  }
  .plan .group.group1 .item1 {
    margin-bottom: 3rem;
  }
  .plan .group.group2 .item:nth-child(n + 4) {
    margin-top: 2.5rem;
  }
  .plan .item {
    width: 9rem;
    height: 9rem;
  }
}

#snb {
  border-bottom: 1px solid #ebebeb;
  text-align: center;
}

#snb .snb-title {
  font-size: 2.25rem;
  padding-top: 6.75rem;
  background: url("/img/kor/sub/visual.jpg") no-repeat center 0 #7f2c50;
  background-size: auto 100%;
  color: #fff;
  text-align: center;
  line-height: 11rem;
}

#snb .depth1 {
  font-size: 0.9rem;
  display: table;
  margin: 0 auto;
}

#snb .depth1 li {
  display: table-cell;
  padding: 0 0;
  font-weight: 400;
  vertical-align: middle;
}

#snb .depth1 li.active a {
  color: #333 !important;
}

#snb .depth1 li.active a::before {
  left: 0;
  width: 100%;
}

#snb .depth1 a {
  display: block;
  position: relative;
  padding: 1rem 0.75rem;
  color: #777 !important;
}

#snb .depth1 a::before {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 0.15rem;
  background: #c4105e;
  content: "";
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

#snb .depth1 a:hover::before,
#snb .depth1 a:focus::before {
  left: 0;
  width: 100%;
}

#contents {
  width: 64rem;
  max-width: calc(100% - 2rem);
  margin-left: auto !important;
  margin-right: auto !important;
  margin: 3.5rem 0 7.5rem;
}

#title {
  font-size: 2.25rem;
  margin-bottom: 3rem;
  font-weight: 500;
  color: #333;
  line-height: 1.2;
}

.tabmenu .depth1 {
  display: table;
  width: calc(100% + 0px);
  table-layout: fixed;
  font-size: 1rem;
  margin-bottom: 5rem;
}

.tabmenu .depth1 > * {
  display: table-cell;
  padding-right: 0px;
  vertical-align: top;
}

.tabmenu .depth1 > li {
  text-align: center;
}

.tabmenu .depth1 > li + li > a{
  border-left: 0 none;
}

.tabmenu .depth1 > li.active > a{
  border: 2px solid #c4105e;
  font-weight: 400;
  color: #c4105e;
}

.tabmenu .depth1 > li > a {
  display: flex;
  padding: 1rem 0.25rem;
  color: #999;
  min-height:4rem;
  justify-content:center;
  align-items:center;
  border:1px solid #e1e1e1;
}

.tabmenu .depth2 {
	margin-top: 1.15rem; 
	display:none;
}

.tabmenu .depth1 > li.active .depth2 {
	display:block;
}

.tabmenu .depth2 ul {
	display:flex;
	justify-content:center;
}

.tabmenu .depth2 ul li {
	padding: 0 2.5rem; 
	position:Relative;
}

.tabmenu .depth2 ul li::after {
	display:block; 
	content:""; 
	width:1px; 
	height:1rem; 
	background: #919191; 
	position:absolute; 
	left:calc(100% - 0.5px); 
	top:0;
	bottom:0;
	margin:auto 0;
}

.tabmenu .depth2 ul li:last-of-type::after {
	display:none;
}

.tabmenu .depth2 ul li a:hover {
	color:#c4105e;
}

.tabmenu .depth2 ul li.active a {
	color:#c4105e;
	font-weight:400;
}

.layerpopup {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.layerpopup .group {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 30rem;
  max-width: calc(100% - 2rem);
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: hidden;
  overflow-y: auto;
  max-height: 90%;
  background-color: #fff;
}

.layerpopup .title {
  font-size: 1.1rem;
  display: block;
  padding: 1rem 1.5rem;
  background-color: #a78148;
  font-weight: 400;
  color: #fff;
  line-height: 1.2;
}

.layerpopup .item {
  padding: 2rem;
}

.layerpopup .bul2 li + li {
  margin-top: 0.25rem;
}

.layerpopup .bul2 li::before {
  width: 0.2rem;
  height: 0.2rem;
  background-color: #a93e4c;
}

.layerpopup .close {
  font-size: 1.5rem;
  line-height: 1;
  overflow: hidden;
  position: absolute;
  right: 1.5rem;
  top: 1rem;
  width: 1.5rem;
  height: 1.5rem;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

.layerpopup .close::before {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.layerpopup .close:hover::before,
.layerpopup .close:focus::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.layerpopup .close::before {
  display: block;
  width: 100%;
  height: 100%;
  font-family: "xeicon";
  text-align: center;
  line-height: inherit;
  content: "";
}

.board_info fieldset span.form-input input {
  margin: 0;
}

div.tstyle_list > div > ul > li.file i::before {
  font-family: "xeicon";
  content: "";
}

.bbs-search {
  float: right;
  position: relative;
  z-index: 1;
  min-height: 0;
  padding: 0;
  border: 0 none;
  background: none;
}

.bbs-search button.pi-btn.light-gray.left-import.btn-search {
  padding: 0.275rem 0.75rem;
  border: 0 none;
  background: #333;
  color: #fff;
}

.bbs-search button.pi-btn.light-gray.left-import.btn-search::before {
  display: block;
  content: "검색";
}

.bbs-search button.pi-btn.light-gray.left-import.btn-search span {
  display: none;
}

.bbs-num {
  font-size: 0.8rem;
  float: left;
}

table.bbs {
  clear: both;
}

table.bbs th {
  border-top-width: 2px;
  background: none;
  font-weight: 600;
  color: #333;
  text-align: center !important;
}

table.bbs td,
table.bbs td a {
  color: #555;
}

table.bbs tr:nth-child(2n) {
  background: none;
}

table.bbs tr:last-child td {
  border-bottom: 0 none;
}

table.bbs .file-icon {
  font-family: "xeicon";
}

table.bbs .file-icon::before {
  content: "";
}

.board-form.plani-form table.bbs {
  border-bottom: 1px solid #ccc;
}

.plani-board-masonry {
  clear: both;
  border-top: 2px solid #000;
  border-bottom: 1px solid #ddd;
}

.bbs-card {
  height: auto;
  padding: 1rem 0.5rem 0.5rem;
}

.bbs-card > a {
  padding: 0;
  border: 0 none;
  background: none;
}

.bbs-card > a .thumb_img {
  background-color: #000;
}

.bbs-card > a .thumb_img img {
  width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
}

.bbs-card > a:hover .thumb_img img,
.bbs-card > a:focus .thumb_img img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0.7;
}

.bbs-card .card-body .card-title {
  font-size: 1rem;
  color: #333;
}

.bbs-card .card-body .card-clicks li {
  font-size: 0.8rem;
}

.paging-area .paging li a {
  font-size: 0.8rem;
  border-radius: 100%;
  line-height: 31px;
}

.paging-area .paging li.current a,
.paging-area .paging li a:hover {
  border-color: #000;
  background-color: #000;
}

.label-button button.pi-btn.list {
  padding: 0.5rem 1.25rem;
  border: 0 none;
  background-color: #000;
  color: #fff;
}

.label-button button.pi-btn.list span::after {
  top: 0.1rem;
  color: inherit;
}

.list11:nth-child(1) {
  margin-bottom: 1rem;
}
.list11 .title {
  font-size: 1.5rem;
  display: block;
  position: relative;
  padding: 0.8rem 1rem 1.2rem 4.5rem;
  /* background-color: #eff0f2; */
  font-weight: 600;
  color: #333;
  line-height: 1.2;
}

.list11:nth-child(1) .title:before {
  font-size: 1.2rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 3.5rem;
  height: 3.5rem;
  padding-top: 1.25rem;
  border-radius: 0.5rem 0.5rem 0 0.5rem;
  background-color: #c31c65;
  font-weight: 900;
  color: #fff;
  text-align: center;
  content: "01";
}
.list11:nth-child(2) .title:before {
  font-size: 1.2rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 3.5rem;
  height: 3.5rem;
  padding-top: 1.25rem;
  border-radius: 0.5rem 0.5rem 0 0.5rem;
  background-color: #c31c65;
  font-weight: 900;
  color: #fff;
  text-align: center;
  content: "02";
}

.list11 p {
  padding: 0.7rem;
}

/* strong.label{font-size: 1.2rem;} */

@media (max-width: 1280px) {
  #snb .snb-title {
    padding-top: 4.5rem;
  }
}

@media (max-width: 1024px) {
  #contents {
    margin: 1.5rem 0 3rem;
  }
  #title {
    margin-bottom: 1.5rem;
  }
  #snb .snb-title {
    line-height: 8rem;
  }
  #snb .depth1 li {
    font-size: 0.8rem;
    padding: 0 0;
  }
  .tabmenu .depth1 > li {
    height: auto;
  }
  .tabmenu .depth1 > li > a {
    font-size: 0.8rem;
    padding: 0.5rem;
  }
  .tabmenu .depth2 {
	margin-top:.75rem;
  }
  .tabmenu .depth2 ul li {
	padding: 0 1rem;
  }
  .tabmenu .depth2 a {
	font-size:.8rem;
  }
}

@media (max-width: 768px) {
  .tabmenu .depth1 {
    margin-bottom: 2rem;
  }
  .bbs-search {
    float: none;
    padding: 0.5rem 0.75rem;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
  }
  table.bbs th[width="170"] {
    width: 6rem;
  }
  #header .logo span.bk21_logo {
    /*margin-left: -4rem;*/
  }
  #header .logo .c_logo {
	/*width:3rem;
	top:.7rem;*/
	left:11rem;
  }
  #snb .depth1 a{padding: 1rem .4rem;}
}

@media (max-width: 530px) {
  #header .logo .c_logo {
    left:10.5rem;
  }
  #header .logo span.bk21_logo {
    left:15rem;
  }
  


  #snb .depth1 {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
  #snb .depth1 li {
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    opacity: 0;
    display: block;
    text-align: left;
  }
  #snb .depth1 li.active {
    visibility: visible;
    overflow: visible;
    width: auto;
    height: auto;
    opacity: 1;
    margin-bottom: -1px;
  }
  #snb .depth1 li.active a::after {
    position: absolute;
    top: auto;
    left: auto;
    right: auto;
    font-family: "xeicon";
    right: 1rem;
    top: 0.5rem;
    content: "";
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  #snb .depth1 a {
    padding: 0.5rem 1rem;
  }
  #snb .depth1.active li {
    visibility: visible;
    overflow: visible;
    width: auto;
    height: auto;
    opacity: 1;
  }
  #snb .depth1.active li.active a::after {
    top: 0.25rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .tabmenu .depth1 {
    margin-bottom: 1.5rem;
  }
  .tabmenu .depth1 > li {
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    opacity: 0;
    display: block;
    position: relative;
  }
  .tabmenu .depth1 > li.active {
    visibility: visible;
    overflow: visible;
    width: auto;
    height: auto;
    opacity: 1;
  }
  .tabmenu .depth1 > li.active::after {
    position: absolute;
    top: auto;
    left: auto;
    right: auto;
    font-family: "xeicon";
    right: 1rem;
    top: 0.35rem;
    color: #c4105e;
    content: "";
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .tabmenu .depth1.active > li {
    visibility: visible;
    overflow: visible;
    width: auto;
    height: auto;
    opacity: 1;
  }
   .tabmenu .depth1 > li + li > a {
		border-top:none;
   }
  .tabmenu .depth1.active > li.active::after {
    top: 0.25rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .tabmenu .depth1 > li > a {
	min-height:auto;
  }
  .tabmenu .depth1 > li + li > a {
	border-left:1px solid #e1e1e1;
  }
  .tabmenu .depth1.active .depth2 {
	display:none !important;
  }
  .layerpopup .item {
    padding: 1rem;
  }
  table.bbs.view th {
    font-size: 1rem;
    padding: 0.5rem;
    white-space: normal;
  }
  table.bbs.view td {
    padding: 0.5rem;
    vertical-align: top;
  }
  .title-between {
	flex-direction:column;
  }
  .table-select {
	margin-bottom:1rem;
	margin-left:0;
	width:100%;
  }

  .table-select select {
	width:100%;
  }
}

/* 2020-07-01 */

.new-list3 h2 {
  border-bottom: 1px solid #171717;
  padding-bottom: 0.7rem;
  margin-bottom: 2.5rem;
}

.new-list3 .list3 {
  width: 100% !important;
}

.new-list3 .list3::after {
  display: block;
  content: "";
  clear: both;
}

.new-list3 .list3 > li {
  width: 29%;
  float: left;
  position: relative;
  text-align: left;
  margin-right: 6.5%;
  margin-bottom: 5%;
  margin-top: 0 !important;
  clear: inherit;
}

.new-list3 .list3 > li:nth-of-type(3n) {
  margin-right: 0;
}

.new-list3 .list3 > li::after {
  display: block;
  content: "";
  width: 1px;
  height: 100%;
  background: #ddd;
  position: absolute;
  top: 0;
  left: 100%;
}

.new-list3 .list3 > li:nth-of-type(3n)::after {
  display: none;
}

.new-list3 .list3 > li > a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.new-list3 .list3 .list-img {
  position: relative;
  width: 150px;
  height: 150px;
  border-radius: 10px;
  overflow: hidden;
}
.new-list3 .list3 .list-img.img_jik {
  height: 180px;
}

.new-list3 .list3 .list-img img {
  width: 100%;
  height: 100%;
}

.new-list3 .list3 > li > a:hover .list-img img {
  transition: all 0.3s;
  display: block;
  transform: scale(1.1);
}

.new-list3 .list3 .list-txt {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  padding-left: 46%;
  padding-right: 2%;
}

.new-list3 .list3 .list-txt .name {
  font-size: 1rem;
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 500;
}

.new-list3 .list3 .list-txt .name img {
  margin: 0 1.5px 5px;
}

.new-list3 .list3 .list-txt2 {
  /* font-size: .85rem; */
  font-size: 0.8rem;
}

.new-list3 .list3 .list-txt2 span {
  display: block;
  color: #000;
  font-weight: 600;
}

.new-list3 .list3 .list-txt2 ul li {
  position: relative;
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  /*word-break: break-word;*/
  word-break: keep-all;
  height: 4rem;
  overflow: hidden;
  white-space: normal;
}

.new-list3 .list3 .list-txt2 ul li::before {
  display: block;
  content: "";
  width: 5px;
  height: 5px;
  background: #ececec;
  position: absolute;
  top: 9px;
  left: -8px;
}

@media (max-width: 1280px) {
  .new-list3 h2 {
    margin-bottom: 2rem;
  }

  .new-list3 .list3 .list-img {
    width: 120px;
    height: 120px;
  }
  .new-list3 .list3 .list-img.img_jik {
    height: 150px;
  }

  .new-list3 .list3 .list-txt .name {
    font-size: 1rem;
    margin-bottom: 0.75rem;
  }

  .new-list3 .list3 .list-txt2 {
    font-size: 0.8rem;
  }

  .new-list3 .list3 .list-txt2 ul li::before {
    width: 4px;
    height: 4px;
  }
	
}

@media (max-width: 1040px) {
  .new-list3 h2 {
    margin-bottom: 2rem;
  }

  .new-list3 .list3 > li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 4%;
  }

  .new-list3 .list3 .list-txt .name {
    font-size: 0.9rem;
  }
}

@media (max-width: 920px) {
  .new-list3 .list3 > li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 4%;
  }

  .new-list3 .list3 > li:nth-of-type(3n) {
    margin-right: 2%;
  }

  .new-list3 .list3 > li:nth-of-type(3n)::after {
    display: block;
  }

  .new-list3 .list3 > li:nth-of-type(2n) {
    margin-right: 0;
  }

  .new-list3 .list3 > li:nth-of-type(2n)::after {
    display: none;
  }

  .new-list3 .list3 .list-txt {
    padding-left: 40%;
  }
}

@media (max-width: 767px) {
  .new-list3 .list3 .list-img {
    width: 100px;
    height: 100px;
  }

  .new-list3 .list3 > li {
    margin-bottom: 3%;
  }

  .new-list3 .list3 .list-txt2 ul li::before {
    top: 7px;
    left: -8px;
  }
}

@media (max-width: 650px) {
  .new-list3 .list3 .list-txt {
    padding-left: 45%;
  }
}

@media (max-width: 570px) {
  .new-list3 .list3 > li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 3%;
  }

  .new-list3 .list3 > li:nth-of-type(2n) {
    margin-right: 2%;
  }

  .new-list3 .list3 > li:nth-of-type(3n) {
    margin-right: 0;
  }

  .new-list3 .list3 .list-img {
    width: 100%;
    height: 130px;
  }

  .new-list3 .list3 > li::after {
    display: none !important;
  }

  .new-list3 .list3 .list-txt {
    position: relative;
    top: inherit;
    left: inherit;
    padding-left: 0;
    padding-right: 0;
  }

  .new-list3 .list3 .list-txt .name {
    margin: 0.3rem 0;
  }
}

@media (max-width: 440px) {
  .new-list3 .list3 .list-img {
    height: 110px;
  }
}

/* 210305 교육연구단 소개 추가 */
.research-group01 {
  margin-bottom: 4rem;
}
.research-group01 .txt2 .label.label1::before {
  content: none;
}

.research-group02 {
  margin-bottom: 4rem;
}
.research-group02 .txt2 .label.label1::before {
  content: none;
}
/*.research-group01 .txt2 .label::before {
  position: absolute;
  left: 0;
  top: -6.25rem;
  width: 100%;
  height: 13.25rem;
  background: url(/img/kor/contents/txt2.png) no-repeat center 0;
  content: "";
  background-size: 100%;
}*/
/* //210305 교육연구단 소개 추가 */

#gnb .depth2 a {white-space: nowrap;}


/* 210331 연혁 수정 */
/*가운데 정렬 연혁*/
.history_center .history_name {
  width: 1.55rem;
  margin: 0 auto;
  padding: 0 3rem;
  position: relative;
}
.history_center .history_name .name_box {
  width: 9.5rem;
  height: 9.5rem;
  display: block;
  margin: 0 auto;
  background: #ae195a;
  border-radius: 50%;
  padding-top: 3.2rem;
  position: relative;
}
.history_center .history_name .name_box span {
  display: block;
  text-align: center;
}
.history_center .history_name .name_box span.sm {
  font-size: 0.8rem;
  color: #b8c2d5;
  font-weight: 400;
  margin-bottom: 0.25rem;
}
.history_center .history_name .name_box span.big {
  font-size: 1.15rem;
  color: #fff;
  font-weight: 500;
}
.history_center {
  position: relative;
}
.history_center:before {
  width: 2px;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  border-left: 1px dashed #ddd;
  transform: translateX(-50%);
}
.history_center .history_box {
  padding-left: 2rem;
  position: relative;
  margin-top: 2rem;
}
.history_center .history_box:nth-child(even) {
  margin-left: 50%;
}
.history_center .history_box:nth-child(odd) {
  margin-right: 50%;
  padding-left: 0;
  padding-right: 2rem;
}
.history_center .history_box .inner {
  background: rgba(0, 0, 0, 0.1);
  padding: 1rem;
}
.history_center .history_box:first-of-type {
  margin-top: 0;
}
.history_center .history_box .history_tit {
  font-size: 1.25rem;
  display: block;
  color: #ae195a;
  font-weight: bold;
  padding-left: 2rem;
  line-height: 100%;
  margin-bottom: 0.5rem;
  text-align: right;
}
.history_center .history_box:nth-child(even) .history_tit {
  left: auto;
  right: 0;
  padding-left: 0;
  text-align: left;
  /* padding-right: 4rem; */
}
.history_center .history_box .history_tit:before {
  display: block;
  width: 1.1rem;
  height: 1.1rem;
  content: "";
  position: absolute;
  left: -0.55rem;
  top: 1rem;
  border: 4px solid #ae195a;
  border-radius: 50%;
  background: #fff;
}
.history_center .history_box:nth-child(odd) .history_tit:after {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 0.75rem solid transparent;
  border-bottom: 0.75rem solid transparent;
  border-right: 0.75rem solid none;
  border-left: 0.75rem solid rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 1.25rem;
}
.history_center .history_box:nth-child(even) .history_tit:after {
  position: absolute;
  left: 1.25rem;
  right: inherit;
  border-top: 0.75rem solid transparent;
  border-bottom: 0.75rem solid transparent;
  border-right: 0.75rem solid rgba(0, 0, 0, 0.1);
  border-left: 0.75rem solid none;
  content: "";
  width: 0px;
  height: 0px;
}
.history_center .history_box:nth-child(odd) .history_tit:before {
  left: auto;
  right: -0.55rem;
}
.history_center .history_box .month_wrap .month {
  position: relative;
  padding-left: 2.5rem;
  margin-top: 1.5rem;
}
.history_center .history_box:last-child .month_wrap .month:first-of-type {
  padding-left: 2.5rem;
}
.history_center .history_box:nth-child(odd) .month_wrap .month {
  padding-left: 0;
  padding-right: 2.5rem;
}
.history_center .history_box .month_wrap .month:first-of-type {
  margin-top: 0;
}
.history_center .history_box .month_wrap .month .month_tit {
  font-size: 0.9rem;
  color: #2a2a2a;
  position: absolute;
  left: 0;
  top: 0;
}
.history_center .history_box:nth-child(odd) .month_wrap .month .month_tit {
  left: auto;
  right: 0;
}
.history_center .history_box .month_wrap .month .month_cont p {
  color: #717171;
  font-size: 0.8rem;
  margin-top: 0;
}
.history_center .history_box:nth-child(odd) .month_wrap .month .month_cont p {
  text-align: right;
}
.history_center .history_box .month_wrap {
  padding-bottom: 2rem;
  position: relative;
}
.history_center .history_box:nth-child(odd) .txt_list > li {
  padding-left: 0;
  padding-right: 0.5rem;
  text-align: right;
}
.history_center .history_box:nth-child(odd) .txt_list > li:before {
  right: 0;
  left: auto;
}

@media (max-width: 640px) {
  .history_center .history_box:nth-child(odd) .history_tit:after {
    position: absolute;
    left: 1rem;
    right: inherit;
    border-top: 0.75rem solid transparent;
    border-bottom: 0.75rem solid transparent;
    border-right: 0.75rem solid rgba(0, 0, 0, 0.1);
    border-left: 0.75rem solid transparent;
    content: "";
    width: 0px;
    height: 0px;
  }
  .history_center .history_box {
    margin: 2rem 0 0 0 !important;
    padding: 0 0 0 2.5rem !important;
  }
  .history_center .history_box .history_tit {
    left: 0 !important;
    text-align: left;
    padding-left: 0;
  }
  .history_center .history_box .history_tit:before {
    left: 0 !important;
    right: auto !important;
    top: 1.2rem;
  }
  .history_center .history_box .month_wrap .month .month_cont p {
    text-align: left !important;
  }
  .history_center .history_box .month_wrap .month {
    padding: 0 0 0 3rem !important;
  }

  .history_center .history_box .month_wrap .month .month_tit {
    left: 0 !important;
    right: auto !importnat;
  }
  .history_center .history_box .txt_list > li {
    text-align: left !important;
    padding: 0 0 0 0.5rem !important;
  }
  .history_center .history_box .txt_list > li:before {
    right: auto !important;
    left: 0 !important;
  }
  .history_center:before {
    left: 0.5rem;
    transform: none;
  }
  .history_center .history_name .name_box {
    width: 100%;
    height: auto;
    padding: 1rem 0.5rem !important;
    border-radius: 0;
  }
  .history_center .history_name {
    width: 100%;
    padding: 0;
  }
  .history_center .history_box:nth-child(even) .history_tit:after {
    left: 1.75rem;
  }
}

/* //210331 연혁 수정 */

/* 211207 연구분야 추가 */
.img_box {
	text-align: center;
}
.s_p {
    font-size: 0.8rem;
	font-weight: 500;
    color: #555;
    line-height: 1.85em;
    letter-spacing: -1px;
}
.research_field .content_box {margin-bottom: 0.9rem;}
.group_list {overflow: hidden;}
.group_list>ul>li {text-align: center;}
.box_container>ul {margin:-1rem -2.75rem; font-size: 0; line-height: 0;}
.box_container>ul>li {padding:1rem 2.75rem; display: inline-block; vertical-align: top;}
.group_list>ul>li:last-child .box_container>ul>li {position: relative; padding-top:9.65rem;}
.group_list>ul>li:last-child .box_container>ul>li:before {content: ""; position: absolute; top:0.55rem; left:50%; width:96px; height: 8.7rem; margin-left:1.7rem; background:url(/img/kor/contents/research_field_icon.png) no-repeat; background-size:9.8rem 9.45rem; background-position: 0 -0.75rem;}
.group_list>ul>li:last-child .box_container>ul>li:last-child:before {margin-left:-6.5rem; background-position: -100px -0.75rem;}
.box_container>ul>li>dl {min-width:370px; border-top:2px solid #ca0464;}
.box_container>ul>li>dl>dt {padding:0.9rem 0.5rem; font-size: 0.8rem; color: #333; letter-spacing: -1px; font-weight: 500; line-height: 1.35em; background: #f9f7f5; border: 1px solid #e8e5e2; border-top:none;}
.box_container>ul>li>dl>dd {padding:1rem 0.5rem; font-size: 0.8rem; color: #333; letter-spacing: -1px; line-height: 1.35em; border: 1px solid #e8e5e2; border-top:none;}
.research_field .big_sigle_title {margin-bottom: 0.65rem;}
.research_field .table_box {margin-top:1.2rem;}
.research_field .table_box .s_table.table_ty2 tr td {padding:0.55rem 0.9rem; color: #333; font-weight: 400;}
.research_field .table_box .s_table.table_ty2 tr a {position: relative; padding-left:1.5rem; font-size: 0.8rem; line-height: 1.45em; text-align: left;}
.research_field .table_box .s_table.table_ty2 tr td a {display: block;}
.research_field .table_box .s_table.table_ty2 tr a:before {content: ""; position: absolute; top:2px; left:0; width:1rem; height: 0.75rem; background:url(/img/kor/contents/research_field_icon.png) no-repeat; background-size:9.8rem 9.45rem;}
.research_field .table_box .s_table.table_ty2 tr a:hover:before {background-position: -1.25rem 0;}
.table_box .s_table.table_ty2 tbody tr th.colr_a98147 {font-size: 0.8rem; color: #a98147; line-height: 1.62em;}
.table_box .s_table.table_ty2 tbody tr .color_555 {color: #555;}
.ex_box {clear: both; margin-top:2.5rem; padding:1rem 1.1rem; background: #f9f7f5; border:1px solid #e8e5e2;}
.ex_box>dl {display: table;}
.ex_box>dl>dt {padding-bottom: 0.25rem; display: table-cell; vertical-align: middle; padding-right: 70.25rem; width:13.55rem; line-height: 0; font-size: 0;}
.ex_box>dl>dt h4 {font-size: 1.5rem; color: #ca0464; letter-spacing: -1px; font-weight: 500;}
.ex_box>dl>dt .small_txt {font-size: 0.7rem; color: #999; letter-spacing: -1px; line-height: 1.4em;}
.ex_box>dl>dd {display: table-cell; vertical-align: middle;}
.ex_box>dl>dd .p_txt {display: inline-block; vertical-align: middle; font-size: 0.8rem; color: #555; letter-spacing: -1px;}
table.s_table .fff {background: #fff;}
.table_box .s_table.table_ty2 thead tr th {padding:0.55rem 0 0.6rem; border-bottom: 1px solid #e8e5e2;}
.table_box .s_table.table_ty2 tbody tr th {padding:0.6rem 0.75rem; color: #555;}
.table_box .s_table.table_ty2 tr td {padding:0.75rem 1.1rem 0.8rem; line-height: 1.85em;}

@media screen and (max-width: 1260px) and (min-width: 1px){
.tab_list>ul>li .top_box .img_box {float: none; width:100%;}
.tab_list>ul>li .top_box .text_box .wrapper {padding-left:0;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.page_list>ul>li .step_list>ol:before {display: none;}
.page_list>ul>li .step_list>ol>li {width:100%;}
.page_list>ul>li .step_list>ol>li:before {content: ""; position: absolute; top:-0.6rem; left:50%; width:3rem; height: 3rem; margin-left:-1.5rem; background: #f3f1ee; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.page_list>ul>li .step_list>ol>li:first-child .top_line {-webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px;}
.page_list>ul>li .step_list>ol>li:last-child .top_line {-webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px;}
.page_list>ul>li .step_list>ol>li:first-child .top_line:before {right:50%; margin-right: -9px;}
.page_list>ul>li .step_list>ol>li:last-child .top_line:before {left:50%; margin-left: -9px;}
}
/*테이블
=========================================================*/
/*레이아웃*/
caption {position:absolute; left:-999999999px;}
.table_box {overflow-x: auto;}
.table_box:after {content:"  "; display:block; clear:both;}
.align_center {text-align: center!important; v}
.align_left {text-align: left;}
.align_right {text-align: right;}
.vertical_m {vertical-align: middle!important;}
.txt_clip {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*기본테이블(scale)*/
table.s_table {width:100%;font-family:"Noto Sans KR";font-weight:400; }
table.s_table thead tr th {font-size:0.7rem; color:#333; padding:0.55rem 0px; background-color:#f9f7f5; border-top:1px solid #cdc9c6; border-bottom:1px solid #cdc9c6; border-left:1px solid #e8e5e2; font-weight:500; line-height:1.875em; vertical-align: middle; letter-spacing:-1px;text-align:center;}
table.s_table thead tr th:first-child {border-left:none;}
table.s_table tbody tr th {font-size:0.7rem; color:#333; padding:0.6rem 1rem; background-color:#f9f7f5; border-bottom:1px solid #e8e5e2; border-left:1px solid #e8e5e2; border-left:1px solid #e8e5e2; font-weight:500; line-height:1em; text-align: left; vertical-align: top; letter-spacing:-1px;}
table.s_table tbody tr th:first-child {border-left:none;}
table.s_table tr td {font-size:0.7rem; color:#555; letter-spacing:-1px; padding:0.6rem 1rem; border-bottom:1px solid #e8e5e2; border-left:1px solid #e8e5e2; line-height:1.2rem; background-color:#fff;}
table.s_table tbody tr td:first-child {border-left:none;}
table.s_table tbody * {font-size: 0.7rem; color:#555; line-height: 1.2rem;}
table.s_table .bg2 {background: #f3f1ee;}
table.s_table .bg_fff {background: #fff;}
.table_box table.s_table tr td {padding: 0.6rem 0.5rem;}
.table_box table.s_table tr td.rowfirst{border-left:none;}
.table_box table.s_table tbody tr td:first-child{border-left:1px solid #e8e5e2!important;}

@media screen and (max-width: 769px) and (min-width: 1px){
.table_box .s_table {width:70.5rem}
}

.education .pg_title_box {margin-bottom: 39px;}
.education .big_sigle_title {margin-bottom: 1rem;}
.education .content_box .img_box {margin: 0 auto 27px; max-width:548px; line-height: 0;}

/* 테이블 탭 */
.table_tab {text-align: center;}
.table_tab>ul {display: inline-block; margin:0 auto; line-height: 0; font-size: 0;}
.table_tab>ul>li {display: inline-block;}
.table_tab>ul>li>a {position: relative; display: block; padding:6px 1.5rem; font-size: 1rem; color: #999; border-bottom: 1px solid #e8e5e2;}

/* 액티브 */
.education .table_tab {margin-top:-0.5rem;}
.table_tab {margin-bottom: 1.5rem;}
.table_tab>ul>li.active>a {color: #ca0464;}
.table_tab>ul>li.active>a:before {content: ""; position: absolute; bottom: -1px; left:0; width:100%; height: 2px; background: #ca0464;}
.table_tab>ul>li>a:hover {color: #ca0464;}
.table_tab>ul>li>a:hover:before {content: ""; position: absolute; bottom: -1px; left:0; width:100%; height: 2px; background: #ca0464;}

table.s_table .f3f1ee {background: #f3f1ee; border-bottom:1px solid #f3f1ee;}
table.s_table .cdc9c6 {border-bottom: 1px solid #cdc9c6;}
table.s_table .color999 {color: #999;}
.pg_title_box {
    margin-bottom: 3.25rem;
    border-bottom: 1px solid #e8e5e2;
}
.pg_title_box h2 {
    font-size: 1.75rem;
    color: #333;
    letter-spacing: -1px;
    font-weight: 500;
}
.big_single_title {
    font-size: 1.25rem;
    color: #333;
    letter-spacing: -1px;
    line-height: 1.6em;
    font-weight: 700;
}


div.bbs-html iframe {
	width: calc(100% + 2px);
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    left: -1px;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0 !important;
}

div.bbs-html.report iframe{position: relative;}

div.bbs_youtube {
	display: block;
    position: relative;
    padding-bottom: 58%;
}
/* //211207 연구분야 추가 */


/*20230831*/
.modal { display: none;z-index: 2;width: 100%;height: 100vh;position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.4);}
.modal button {position: absolute;top:0;right: -3rem;background: transparent;border: 0;color: #ffffff;font-size: 2rem;display:flex;align-items:center;justify-content:center;}
.modal .inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #fff;width: 30rem;height: auto;text-align: center;}
.modal .inner img {width: 100%;height: 100%;object-fit: cover;}

@media (max-width:640px){
.modal .inner { width:25rem; } 
}

@media (max-width:480px){
	.modal .inner { width:100%; } 
	 .modal button { right:1rem;top:1rem;border-radius:50%;width:2.5rem;height:2.5rem;background:#000; }
	 .modal button i { font-size:1rem; } 
}

.galleryList.type02 { padding:1.75rem 0; }
.galleryList.type02 ul { display: flex;flex-wrap: wrap; gap: 2rem; margin:0;width:100%; }
.galleryList.type02 ul li { width:calc(50% - 1rem);padding:2.7rem 1.65rem 1.65rem 1.65rem;border:1px solid #DDDDDD;min-height: 15.05rem; }
.galleryList.type02 ul li:hover { background: #F9F9F9; }
.galleryList.type02 ul li a { height: 100%; }
.galleryList.type02 ul li a .txt { display: flex;height: 100%; flex-direction: column;}
.galleryList.type02 .name_desc .desc { margin-bottom:0; }
.galleryList.type02 ul li a .txt .date { margin:0 0 .5rem 0;color:#8E8E8E;font-size:1rem;font-weight: 700; }
.galleryList.type02 ul li:hover a .txt .date { color:#A78148; }
.galleryList.type02 ul li a .txt .title { font-size:1.1rem;font-weight: 700;color:#444444; }
.galleryList.type02 .name_desc{ display: flex;justify-content: space-between;margin:auto 0 0 0; border-top:1px solid #DDDDDD; padding-top:1.5rem; } 
.galleryList.type02 .name_desc .name { font-size: .75rem;font-weight: 400;color:#444; width: 100%;display: block;overflow: hidden;text-overflow: ellipsis;
white-space: nowrap;margin-right: 1rem; }
.galleryList.type02 .name_desc .desc { color:#444444;font-size:.75rem;font-weight: 400; display: flex; gap: .1rem; align-items: center; flex-shrink: 0; }
.galleryList.type02 .name_desc .desc i { font-size:1rem;color:#9A9A9A; }
.modal_img { display: flex; align-items: center; justify-content: center;padding:.5rem 1.25rem; border:1px solid #333333; gap:.5rem;margin-bottom:.5rem; }
.modal_img span { font-size:.75rem;color:#444444;font-weight: 400; }
@media (max-width:640px){
    .galleryList.type02 ul li { width:100%; }
}