@charset "utf-8"; 



/* main visual */
#main_visual{margin-top:100rem; overflow:hidden; position:relative; z-index:1; height:calc(820rem); color:#fff; text-align:center;}
#main_visual .bx-wrapper{height:100%; margin-bottom:0; background:transparent; border:0; box-shadow:none;}
#main_visual .bx-viewport{height:100% !important;}
#main_visual .slider{height:100%;}
#main_visual .roll{}
#main_visual .roll_txt{ width:1400rem; margin:0 auto; text-align:center; }
#main_visual .roll_img{z-index:-1; position:absolute; left:0; top:0; width:100%;height:100%; background-size:cover; background-position:50%;  animation: imagescale 5s; -webkit-animation: imagescale 5s; -moz-animation: imagescale 5s; -o-webkit-animation: imagescale 5s;}
#main_visual .roll01{background-image:url(../img/main/visual01.jpg);}
#main_visual .roll02{background-image:url(../img/main/visual02.jpg);}
#main_visual .roll03{background-image:url(../img/main/visual03.jpg);}
#main_visual .roll04{background-image:url(../img/main/visual04.jpg);}
#main_visual .roll{height:100%;}
#main_visual h2{ line-height:1.3; font-weight:600; font-size:45rem; margin:370rem 0 20rem 0;}
#main_visual p{line-height:1.4; font-size:25rem; font-weight:200; letter-spacing:0; color:#fff; }
#main_visual .btn_more{margin-top:50rem}
#main_visual .roll_txt2{display:inline-block; margin-right:80rem; text-align:left;}
#main_visual .bx-controls{ z-index:100; width:100%; text-align:center;}
#main_visual .bx-controls-direction{}
#main_visual .bx-pager{display:inline-block; vertical-align:middle;}
#main_visual .bx-pager > div{display:inline-block;}
#main_visual .bx-pager a{display:inline-block; width:12rem; height:12rem; margin:0 5rem; border:2px solid #fff; font-size:0; text-indent:-9000px; border-radius:50%;}
#main_visual .bx-pager a.active{background:#fff;}
#main_visual .bx-controls-auto{display:inline-block; vertical-align:middle;}
#main_visual .bx-controls-auto > div{display:inline-block;}
#main_visual .bx-controls-auto a{display:inline-block; width:20px; height:20px; margin:0 5px; background-position:center; font-size:0; color:#fff; text-indent:-9000px; background-repeat:no-repeat;}
#main_visual .bx-controls-auto a.bx-start{background-image:url(../img/btn_play.png);}
#main_visual .bx-controls-auto a.bx-stop{background-image:url(../img/btn_pause.png);}
#main_visual .bx-controls-auto a.active{display:none;}

/* 이전다음버튼일때 */
#main_visual .bx-default-pager{display:none; position: absolute; left:0; width: 100%;bottom:30rem;z-index: 60;}
#main_visual .bx-controls-direction{position: absolute; left:0; width: 100%;top:48%;z-index: 60;}
#main_visual .bx-controls-direction a.bx-prev:After{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#main_visual .bx-controls-direction a:hover{}
#main_visual .bx-controls-direction a{display:block; position:absolute; overflow:hidden; width:28rem; height:46rem; text-indent:-9999px; transition:all 0.2s ease-out 0s;}
#main_visual .bx-controls-direction a:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/layout/icon_btn_arrow.svg) no-repeat 50% 50%;}
#main_visual .bx-controls-direction a.bx-next{right:100rem;}
#main_visual .bx-controls-direction a.bx-prev{left:100rem;}

@keyframes imagescale {
  0% {
    transform: scale(1.2)  rotate(.001deg);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
  }

  100% {
    transform: scale(1)  rotate(.001deg);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}



@media (max-width:1700px){
	.main-facilities__inner{width:100%; padding-left:30rem;}
	
	#main_visual .bx-controls-direction a.bx-prev{left:20rem;}
	#main_visual .bx-controls-direction a.bx-next{right:20rem;}
}

@media (max-width:1480px){
	#main_visual .roll_txt{width:80%;}
}

@media (max-width:1023px) {
	#main_visual h2{font-size:18rem; padding:5rem 0;}
	#main_visual h2 b{font-size:20rem}

}


@media (max-width:860px){
	#main_visual .bx-default-pager{display:block;}
	#main_visual .bx-controls-direction{display:none;}

}

@media (max-width:540px) {
	#main_visual{height:300rem}
	#main_visual .roll{padding-top:0}
	#main_visual p{margin:120rem 0 0rem; font-size:12rem}
	#main_visual .btn_more{margin-top:25rem}
	
}



.flexBox {  display: -webkit-box;  display: -ms-flexbox;  display: flex;}

.inner1600 {  width: 100%;  max-width: 1600px;  margin: 0 auto;  position: relative;}

.tit_s1 {  color: #000;  line-height: 1.2;   padding-top:120rem;}
.tit_s1 h2 {font-family: 'S-CoreDream';  font-weight: 900;  font-size: 40rem;  position: relative;}
.tit_s1.type2 {  color: #fff;  text-align: center;}
.tit_s1.type2.left {  text-align: left;}

#main_information {margin-top:100rem; position: relative; height:670rem; }
#main_information .inner1600.flexBox {  gap: 5%;}
#main_information .inner1600.flexBox > * {  width: 50%;  /* flex-shrink: 0; */}

#main_information .inner1600.flexBox {  gap: 5%;}
#main_information .inner1600.flexBox > * {  width: 50%;  /* flex-shrink: 0; */}
#main_information .tit_s1 {  margin-bottom: 7vh;}
#main_information .rec {  padding-right: 5%; }

#main_information .linkLst {}
#main_information .linkLst ul {  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 0 2.5%;  max-width: 720px;}
#main_information .linkLst ul li {  /* height: 180px; */  /* width: 150px; */  padding-top: 120%;  position: relative;  /* width: 20.83333333333333%; */  /* max-width: 150px; */  background: rgba(255, 255, 255, 0.8);  text-align: center;}
#main_information .linkLst ul li a {  position: absolute;  left: 0;  top: 0;  width: 100%;  display: flex;  align-items: center;  justify-content: center;  flex-direction: column;  height: 100%;}
#main_information .linkLst ul li a:after {  content: "";  width: 100%;  height: 100%;  border: 8px solid #16324c;  display: block;  position: absolute;  left: 0;  top: 0;  box-sizing: border-box;  opacity: 0;  transition: all 0.5s;}
#main_information .linkLst ul li a:hover:after {  opacity: 1;}
#main_information .linkLst ul li .icon {  margin-bottom: 10rem;}
#main_information .linkLst ul li dt {font-size:18rem; font-weight:800; margin-bottom:10rem;}
#main_information .linkLst ul li dd {font-size:16rem; font-weight:400; color:#3d3d3d;}

#main_information::before {  content: "";  width: 50vw;  height: 73vh;  display: block;  position: absolute;  left: 0;  top: 0;  background: url("../img/main/information_bg.jpg") no-repeat center;  background-size: cover;}

#main_information .notice {  transform: translateY(10px);  max-width: 720px; padding:50rem 0; }
#main_information .notice .tit {  margin-bottom: 6.189967982924226vh;}
#main_information .notice .tit dl {  display: flex;  align-items: flex-end;  gap: 34px;}
#main_information .notice .tit dt {  font-size: 70rem;  color: #333;  font-weight: 700;   line-height: 1;}
#main_information .notice .tit dd {  font-weight: 300;}

#main_information .notice .list {  border-top: 3px solid #333333;}
#main_information .notice .list li {  border-bottom: 1px solid #d0d0d0;}
#main_information .notice .list a {  padding: 36px 0;  display: flex;  align-items: center;}
#main_information .notice .list .date {color:#757575;  flex-shrink: 0;  text-align: center;  width: 130px;}
#main_information .notice .list .date p {  line-height: 1;  font-size: 30rem;  font-weight: 800;}
#main_information .notice .list .date span {  font-size: 15rem;}
#main_information .notice .list .txt {  padding: 0 16px;  overflow: hidden;}
#main_information .notice .list .txt dt,
#main_information .notice .list .txt dd {  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
#main_information .notice .list .txt dt {  font-size: 20rem;}
#main_information .notice .list .txt dd {  margin-top: 8px;  font-weight: 300;}
#main_information .notice .list a:hover .date p {  color: #244f86;}
#main_information .notice .list a:hover {  background: #f9f9f9;}
#main_information .notice .list a:hover .txt dt {  color: #222222;}
.pc_v {display:block;}

@media (max-width: 1600px) {
  #main_information .notice {    padding: 0 40px 0 20px;  }
}


@media (max-width: 1200px) {
  .tit_s1 {   padding-top:20rem;}
  .tit_s1 h2 {font-size: 25rem;}
  
  #main_information {position: relative; height:auto; }
  #main_information .inner1600.flexBox {    flex-direction: column;  }
  #main_information .inner1600.flexBox > * {    width: 100%;  }
  #main_information .rec {    background: url(../img/main/information_bg.jpg) no-repeat center;    background-size: cover;    padding: 60px 30px;  }
  #main_information .tit_s1 {    text-align: center;    margin-bottom: 50px;  }
  #main_information::before {    display: none;  }
  #main_information .linkLst ul {    margin: 0 auto;  }
  #main_information .linkLst ul li { padding-top: 100%; }
  
  #main_information .notice { max-width:100%;   transform: translateY(0);    padding: 20rem;  }
  #main_information .notice .tit {    margin-bottom: 40px;  }
}

@media (max-width: 1023px) {
  #main_information .linkLst ul {    grid-template-columns: repeat(2, 1fr);    gap: 10px;  }
  .pc_v {display:none;}
}

@media (max-width: 650px) {
  #main_information .linkLst ul {    grid-template-columns: repeat(1, 1fr);    gap: 10px;  }
  #main_information .notice .tit dl {    flex-direction: column;    align-items: flex-start;    gap: 20px;  }
  #main_information .notice .list .date {    width: 100px;  }
  #main_information .linkLst ul li { padding-top: 70%; }
}



.tab-menu {margin-bottom:50rem; font-size:0; }
.tab-menu li {position:relative; float:left; margin-left:40rem; color:#9e9e9e; cursor:pointer;  z-index:0; font-size:25rem;  font-weight:800;  letter-spacing:-.5px; }
.tab-menu li:nth-child(1) {margin-left:0rem; }
.tab-menu li:nth-child(3):after {background:none; }
.tab-menu li:after {content: ""; position:absolute; width:1rem; height:23rem; background:#e1e1e1; text-align:right; left:85%; margin-top:-30rem; margin-left:35rem; }
.tab-menu li span {float:left;}
.tab-menu li i {float:right; vertical-align:top;}
.tab-menu li:hover {  color:#000;}
.tab-menu li.active {  color:#000; }

.tab_con h3 {font-size:20px; font-weight:600; letter-spacing:-.5px; color:#0a2461; margin-left:20px;}
.tab_con h3 span {color:#3a3a3a;}
.tab_con h3:before {content: ""; position:absolute; width:20px; height:20px; background:url("../img/tab_arr_on.png") center top no-repeat; margin-left:-25px; margin-top:5px;}

@media all and (max-width:1023px){
     .tab-menu {margin-bottom:30rem;}
	 .tab-menu li { font-size:16px;  }
}

@media all and (max-width:800px){
     .tab-menu li { font-size:18rem;}
}





#recruit {  position: relative;  z-index: 2;}
#recruit .sectionTitle {  font-size: 50rem;}
#recruit .box {  padding: 50rem 0;}

#recruit .box .contents {  height: 382rem;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify;      -ms-flex-pack: justify;          justify-content: space-between;  background-image: url("../img/main/homepage_bg.jpg");  position: relative;  background-size: cover;  background-repeat: no-repeat;  background-position: center center;}
#recruit .box .contents .title {  width: 100%;  max-width: 33.3333%;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;      -ms-flex-direction: column;          flex-direction: column;  -webkit-box-pack: center;      -ms-flex-pack: center;          justify-content: center;  padding: 0 0 34px;  color: #ffffff;  text-align: right;}
#recruit .box .contents .title .sectionTitle {  font-weight: 800;}
#recruit .box .contents .title h5 {  font-size: 22rem;  font-weight: 500; }
#recruit .box .contents .itemBox {  width: 50%;  gap: 0 10rem;  padding: 0 0 0 0px;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;      -ms-flex-direction: row;          flex-direction: row;  -webkit-box-align: center;      -ms-flex-align: center;          align-items: center;}

#recruit .box .contents .itemBox .item .iconBox {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;      -ms-flex-align: center;          align-items: center;  -webkit-box-pack: center;      -ms-flex-pack: center;          justify-content: center;}
#recruit .box .contents .itemBox .item .iconBox .icon {margin-bottom:10rem; margin-left:-15rem;  height: 55rem;  overflow: hidden;}
#recruit .box .contents .itemBox .item .iconBox .icon span {  position: relative;  -webkit-transition: all 0.4s;  transition: all 0.4s;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;      -ms-flex-align: center;          align-items: center;  -webkit-box-pack: center;      -ms-flex-pack: center;          justify-content: center;}

#recruit .box .contents .itemBox .item .iconBox .icon span img {  -webkit-transition: all 0.4s;  transition: all 0.4s;}
#recruit .box .contents .itemBox .item .iconBox .icon span::after {  content: "";  display: block;  position: absolute;  top: -4px;  left: 50%;  -webkit-transform: translate(-50%, -100%);          transform: translate(-50%, -100%);  background-position: center center;  background-size: cover;  width: 100%;  height: 100%;}
#recruit .box .contents .itemBox .item:nth-child(1) .icon span {  width: 55rem;}
#recruit .box .contents .itemBox .item:nth-child(1) .icon span::after {  background-image: url("../img/main/homepage_icon01.png");}
#recruit .box .contents .itemBox .item:nth-child(2) .icon span {  width: 55rem;}
#recruit .box .contents .itemBox .item:nth-child(2) .icon span::after {  background-image: url("../img/main/homepage_icon02.png");}
#recruit .box .contents .itemBox .item:nth-child(3) .icon span {  width: 55rem;}
#recruit .box .contents .itemBox .item:nth-child(3) .icon span::after {  background-image: url("../img/main/homepage_icon03.png");}
#recruit .box .contents .itemBox .item:hover .icon span {  -webkit-transform: translateY(calc(100% + 5px));          transform: translateY(calc(100% + 5px));}


@media (max-width: 1400px) {

  #recruit .box .contents::after,
  #recruit .box .contents .title {    width: 42%;    max-width: 42%;  }
  #recruit .box .contents .title {    padding: 0 0 28px;  }
  #recruit .box .contents .itemBox {    width: 46%;   }
}

@media (max-width: 1200px) {
    #recruit .box {  padding: 10px 0;}
	#recruit .box .contents .title {    width: 32%;  }
	#recruit .box .contents .itemBox {    width: 60%;    gap: 0 0px;  }
}

@media (max-width: 960px) {

  #recruit .box .contents {    -webkit-box-orient: vertical;    -webkit-box-direction: normal;        -ms-flex-flow: column;            flex-flow: column;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;        -ms-flex-align: center;            align-items: center;    -webkit-box-pack: center;        -ms-flex-pack: center;            justify-content: center;  }
  #recruit .box .contents .title,
  #recruit .box .contents .itemBox {    width: 100%;    max-width: 100%;    -webkit-box-pack: center;        -ms-flex-pack: center;            justify-content: center;  }
  #recruit .box .contents .title {    text-align: center;    padding: 0 0 35px;  }
  #recruit .box .contents .title .sectionTitle {    position: relative;  }
  #recruit .box .contents::after {    display: none;  }
}

.family-site {margin-right: 20px; position: relative;}
.family-site button {color: #000; width: 170rem; height: 45rem; border:0; background: rgba(255, 255, 255, 1); border-radius: 30px; position: relative; z-index: 2; overflow: hidden; font-size: 15rem; font-weight:800; }
.family-site button i {font-size: 20rem; transform: rotate(90deg); margin-left:20rem; }
.family-site .site-link {display: none;width: 100%;  padding: 50px 15px 17px; border-radius: 20px; background: rgba(255, 255, 255, 1);  position: absolute; top: 0; box-sizing: border-box; z-index: 1; height:200rem; overflow-x:hidden;  overflow-y:auto; 
}
.family-site .site-link li {font-size: 15rem; color: #333; margin-bottom:5rem; }
.family-site .site-link li a {color: #333;}

.family-site.on button {background: rgba(255, 255, 255, 1); color: #16324c; }
.family-site.on button {}


@media (max-width: 600px) {

  .family-site {margin-right: 5px;}
}


#sec03{padding:80rem 0; background:#fafafa;}
#sec03 .txt{margin-bottom:60rem; text-align:center;}
#sec03 .txt .t1{font-weight:300; margin-bottom:25px; font-size:20rem; }
#sec03 .txt h3{font-size:40rem; color:#212121; line-height:1.2; letter-spacing:-0.5px; font-weight:600; margin-bottom:10rem;}
#sec03 .sec03_swiper{width:calc(100% - 180px); overflow:hidden; margin:0 auto; position:relative;}
#sec03 .sec03_swiper .swiper-slide{background:#fff; position:relative; &:hover::after{opacity:1;}}
#sec03 .sec03_swiper .swiper-slide img {width:600rem;}
#sec03 .sec03_swiper .swiper-slide::after{content:'';display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all 0.3s ease; border:2px solid #16324c;width:100%; height:100%; opacity:0;}
#sec03 .sec03_swiper .swiper-slide a{display:block;padding:60px; position:relative; z-index:2;}
#sec03 .sec03_swiper .swiper-slide .year{font-size:15px; font-weight:600; color:var(--ptColor1);}
#sec03 .sec03_swiper .swiper-slide .subject{display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; margin:25px 0 30px; font-size:22px; font-weight:600; line-height:1.4;}
#sec03 .sec03_swiper .swiper-slide .desc{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; color:#888; line-height:1.6; font-size:16px;}
#sec03 .sec03_swiper .swiper-button-prev,
#sec03 .sec03_swiper .swiper-button-next{margin-top:0; top:50%;transform:translateY(-50%);width:45px; height:45px; display:flex; justify-content:center; align-items:center;font-size:40rem;color:#222; &::after{display:none;}}
#sec03 .sec03_swiper .swiper-button-prev{left:calc(50% - ((100% / 3) / 2));margin-left:0px;}
#sec03 .sec03_swiper .swiper-button-next{right:calc(50% - ((100% / 3) / 2)); margin-right:0px;}


@media screen and (max-width:1400px){
	#sec03 .sec03_swiper {width:calc(100% - 30px);}
}
@media screen and (max-width:1023px){
	#sec03{padding:100px 0;}
	#sec03 .txt{margin-bottom:50px;}
	#sec03 .txt h3{font-size:30rem;}
	#sec03 .sec03_swiper{width:100%;}
	#sec03 .sec03_swiper .swiper-slide a{padding:30px; height:220px;}
	#sec03 .sec03_swiper .swiper-button-prev{margin-left:-120px;}
	#sec03 .sec03_swiper .swiper-button-next{margin-right:-120px;}
}
@media screen and (max-width:768px){
	#sec03{padding:80px 0;}
	#sec03 .txt .t1{margin-bottom:15px;}
	#sec03 .sec03_swiper{padding:0 50px;}
	#sec03 .sec03_swiper .swiper-button-prev{margin-left:0;left:5px;}
	#sec03 .sec03_swiper .swiper-button-next{margin-right:0; right:5px;}
	#sec03 .link_wrap{margin-top:80px;}
	#sec03 .link_wrap .link_btn{width:60px; height:60px;}
	#sec03 .link_wrap .link_btn > i{font-size:22px;}
}
@media screen and (max-width:480px){
	#sec03{padding:60px 0;}
	#sec03 .txt{margin-bottom:30px;}
	#sec03 .txt h3{padding:0 15px; word-break:keep-all;}
	#sec03 .sec03_swiper .swiper-slide a{padding:20px; height:170px;}
	#sec03 .sec03_swiper .swiper-slide .subject{margin:10px 0 20px; font-size:20px;}
	#sec03 .link_wrap{margin-top:60px;}
}
@media screen and (max-width:360px){
	#sec01 .link_wrap .link_btn{width:50px; height:50px;}	
	#sec01 .link_wrap .link_btn > i{font-size:16px;}
	#sec03 .sec03_swiper{padding:0 15px;}
	#sec03 .sec03_swiper .swiper-button-prev,
	#sec03 .sec03_swiper .swiper-button-next{display:none;}
}

.foot-site {text-align:center; margin:50rem 0; }
.foot-site ul li {display:inline-block; border:1px solid #e3e3e3; margin:0 5rem; }

@media screen and (max-width:360px){
	.foot-site ul li {width: calc(100% /3 - 15px);}
}