@charset "UTF-8";
/* ======================================================= */
.pagevisual_bg {
    background: url(/edu/open_campus/img_db/pagevisual.jpg)no-repeat center;
    background-size: cover;
}
/*------------------------------------------------------*/
.container.news-inner {
    width: 70%;
    margin: 0 auto;
    border-top: 1px solid #8ccdcf;
}
.open-mainimg{
  position: absolute;
  right: 0;
  top: -8px;
}
.open_cam h3{
  color: #05626D;
  font-size: 2.4rem;
}
.open_cam--list{
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  margin-top: 60px;
  padding-bottom: 45px;
}

.open_cam--list li{
  background: transparent linear-gradient(110deg, #B4DFE6 0%, #CDDF6F 100%) 0% 0% no-repeat padding-box;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 241px;
  width: 100%;
  border-radius: 20px;
  box-shadow: #00000029 0 3px 6px;
}
.open_cam--list li a{
  background: transparent linear-gradient(110deg, #B4DFE6 0%, #CDDF6F 100%) 0% 0% no-repeat padding-box;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 241px;
  width: 100%;
  border-radius: 20px;
  box-shadow: #00000029 0 3px 6px;
  position: relative;
  z-index: 2;
}
.open_cam--list span{
  color: #05626D;
  position: relative;
  left: -3px;
}

.pb_20{
  padding-bottom: 20px;
}

.open_bg{
  background: url("/edu/open_campus/img_db/img_01.jpg") no-repeat right;
  height: 580px;
  background-size: cover;
}

.open_inner{
  max-width: 1024px;
  width: 90%;
  margin: auto;
  background-color: #fff;
  padding: 65px ;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 20px;
  margin-top: -200px;
}
.open_inner h4{
  font-size: 2.4rem;
  color: #05626D;
  position: relative;
}
.open_inner h4::after{
  content: "";
  background: transparent linear-gradient(90deg, #83CCCE 0%, #B3D360 100%) 0% 0% no-repeat padding-box;
  height: 4px;
  width: 100%;
  display: block;
}
.open_inner--block{
  display: flex;
  justify-content: space-between;
  margin-top: 45px;
}

.open_inner--text{
  max-width: 500px;
  width: 100%;
}

.open_inner--block a.open_link{
  background: transparent linear-gradient(90deg, #83CCCE 0%, #B3D360 100%) 0% 0% no-repeat padding-box;
  max-width: 502px;
  height: 89px;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  z-index: 2;
  border-radius: 23px;
  margin-top: 25px;
  margin-bottom: 15px;
}
.open_inner--block a.open_link::after{
  content: "";
  border-radius: 20px;
  display: block;
  background-clip: content-box;
  background-color: #fff;
  width: 494px;
  height: 83px;
  position: absolute;
  top: 3px;;
  z-index: -1;
}
.open_inner--block a.open_link:hover::after{
  content: "";
  transition: .5s;
  background-color: rgba(255,255,255,0);
}

.open_inner--block a.open_link02{
  background: transparent linear-gradient(90deg, #83CCCE 0%, #B3D360 100%) 0% 0% no-repeat padding-box;
  max-width: 328px;
  height: 89px;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  z-index: 2;
  border-radius: 23px;
  margin-top: 25px;
  margin-bottom: 15px;
}
.open_inner--block a.open_link02::after{
  content: "";
  border-radius: 20px;
  display: block;
  background-clip: content-box;
  background-color: #fff;
  width: 322px;
  height: 83px;
  position: absolute;
  top: 3px;;
  z-index: -1;
}
.open_inner--block a.open_link02:hover::after{
  content: "";
  transition: .5s;
  background-color: rgba(255,255,255,0);
}

.open_inner--blue a.open_link03{
  background: transparent linear-gradient(90deg, #83CCCE 0%, #B3D360 100%) 0% 0% no-repeat padding-box;
  max-width: 426px;
  height: 89px;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  z-index: 2;
  border-radius: 23px;
  margin-top: 25px;
}
.open_inner--blue a.open_link03::after{
  content: "";
  border-radius: 20px;
  display: block;
  background-clip: content-box;
  background-color: #fff;
  width: 420px;
  height: 83px;
  position: absolute;
  top: 3px;;
  z-index: -1;
}
.open_inner--blue a.open_link03:hover::after{
  content: "";
  transition: .5s;
  background-color: rgba(255,255,255,0);
}

.open_img_fist{
  max-width: 368px;
  width: 100%;
}
.open_img_sec{
  max-width: 316px;
  width: 100%;
}
.open_inner .open_sec{
  box-shadow: #00000029 0 3px 6px;
  background-color: #F8F6EF;
  padding: 32px;
  margin-top: 67px;
}

.open_inner--blue{
  max-width: 1024px;
  width: 90%;
  margin: auto;
  margin-top: 60px;
  background: url("/edu/open_campus/img_db/img_05.png") no-repeat;
  padding: 65px ;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 20px;
  height: 427px;
}
.open_inner--blue h4{
  font-size: 2.4rem;
  color: #05626D;
  position: relative;
}
.open_inner--blue h4::after{
  content: "";
  background: transparent linear-gradient(90deg, #83CCCE 0%, #B3D360 100%) 0% 0% no-repeat padding-box;
  height: 4px;
  width: 100%;
  display: block;
}

.open_block--blue{
  display: flex;
  justify-content: space-between;
  margin: auto;
  margin-top: 32px;
}
.open_blue--text{
  max-width: 496px;
  width: 100%;
}
.open_inner--blue a.open_link03{
  margin-bottom: 20px;
}

/* 
====================================================================================
====================================================================================
ÒÔÏ¥쥹¥Ý¥ó¥·¥Ö
====================================================================================
==================================================================================== */
@media screen and (max-width: 1280px) {
  .open-mainimg {
    position: absolute;
    right: 0;
    top: -2px;
}
}
@media screen and (max-width: 1200px) {
  body {
    width: 1280px;
}
  .open-mainimg {
    position: absolute;
    right: 0;
    top: -2px;
}
}
/*¥¿¥Ö¥ì¥Ã¥È£¨¿k£©*/
@media screen and (orientation: portrait) and (min-width: 768px){
  .open-mainimg{
  position: absolute;
  right: 0;
  top: -3px;
}
}

@media screen and (max-width: 768px) {
    body {
    width: 100%;
}
.container.news-inner {
    width: 90%;
}

.mv-news dt {
    position: absolute;
    top: 12px;
}
  
.open_cam--list {
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
}
.open-mainimg {
  position: relative;
  right: 0;
  top: 4px;
}
  
.open_bg {
  background: url(/edu/open_campus/img_db/img_01.jpg) no-repeat right -50px top 0;
  height: 392px;
  background-size: cover;
}
.open_inner h4 {
  font-size: 2rem;
}
.open_inner {
  padding: 45px 5%;
}
.open_inner--block {
  flex-wrap: wrap;
  justify-content: center;
}
.open_inner .open_sec {
  padding: 32px 5%;
  margin-top: 45px;
}
  
.open_inner--blue {
  padding: 45px 5%;
  height: auto;
  background: url(/edu/open_campus/img_db/img_05.png) no-repeat;
  background-size: cover;
  border-radius: 35px;
}
.open_block--blue {
  flex-wrap: wrap;
  justify-content: center;
}
  
.open_inner--block a.open_link::after{
  content: "";
  border-radius: 20px;
  display: block;
  background-clip: content-box;
  background-color: #fff;
  width: 98%;
  height: 83px;
  position: absolute;
  top: 3px;;
  z-index: -1;
}
.open_inner--block a.open_link02::after{
  content: "";
  border-radius: 20px;
  display: block;
  background-clip: content-box;
  background-color: #F8F6EF;
  width: 98%;
  height: 83px;
  position: absolute;
  top: 3px;;
  z-index: -1;
}
.open_inner--blue a.open_link03::after{
  content: "";
  border-radius: 20px;
  display: block;
  background-clip: content-box;
  background-color: #fff;
  width: 98%;
  height: 83px;
  position: absolute;
  top: 3px;;
  z-index: -1;
}
}