@charset "utf-8";

/* 1단 */
#multipleDiv_temp7_6 {padding: 30px 30px 0 30px; background: url('../../images/main/bg-section1.jpg') no-repeat center top;}
#multipleContentsDiv_temp7_6 {width: 100%; max-width: 1480px; margin: 0 auto; overflow: hidden;}

@media all and (max-width:1023px) {
  #multipleDiv_temp7_6 { padding-bottom: 10px; }
}

/* 2단 */
#multipleDiv_temp7_10 {padding: 0 30px 30px 30px; background: url('../../images/main/bg-section2.jpg') no-repeat center top;}
#multipleContentsDiv_temp7_10 {width: 100%; max-width: 1480px; margin: 0 auto; overflow: hidden;}

/* 3단 */
#multipleDiv_temp7_20 {padding: 40px 30px; padding-top: 30px; background: url('../../images/main/bg-section3.jpg') no-repeat center top; background-size: cover;}
#multipleContentsDiv_temp7_20 {width: 100%; max-width: 1480px; margin: 0 auto; overflow: hidden;}

@media all and (max-width:1023px) {
  #multipleDiv_temp7_20 {padding: 0 30px 30px 30px; background: #f7f7f7;}
}

#multipleContentsDiv_university_temp03_11 {overflow: hidden;}
#multipleContentsDiv_university_temp03_11 > div:nth-child(2) {position: absolute; top: 55%; left: 50%; z-index: 50; width: 100%; transform: translate(-50%,-50%); text-align: center;}
.wrap-slogan strong {display: inline-block; font-size: 58px; font-family: 'S-CoreDream-5Medium'; color: #fff; margin-bottom: 15px; line-height: 1.3;}
.wrap-slogan p {font-family: 'S-CoreDream-3Light'; font-size: 30px; color: #fff; line-height: 1.4; padding-bottom: 50px;}
.wrap-slogan a {display: inline-block; padding: 16px 67px; margin-bottom: 40px; background: #008895; border-radius: 100px; font-family: 'Noto Regular'; font-size: 18px; color: #fff; box-shadow: 8px 8px 19px 0px rgba(0,0,0,0.2);}

@media all and (max-width: 1400px) {
    .wrap-slogan strong {font-size: 40px;}
    .wrap-slogan p {font-size: 20px;}
}

@media all and (max-width: 768px) {
    .wrap-slogan strong {font-size: 30px;}
    .wrap-slogan p {font-size: 15px;}
}

.wrap-call {position: relative;padding: 27px 0 27px 20px;border-top: 2px solid #222222;border-bottom: 1px solid #bcbcbc;}
.wrap-call .title {font-family: 'Noto Medium'; font-size: 24px; line-height: 1.2; padding-bottom: 7px;}
.wrap-call .num {background: url('../../images/main/ico-call.png') no-repeat left center; padding-left: 78px; padding-bottom: 5px;}
.wrap-call .num .tel {font-size: 30px; color: #3e466e; font-family:'TitilliumWeb-Bold'; line-height: 1.2;}
.wrap-call .num .fax {font-size: 22px; color: #3e466e; font-family:'TitilliumWeb-Regular';}
.wrap-call .desc {font-size: 14px; color: #888888;}

@media all and (max-width: 1700px) {
  .wrap-call .num {padding-left: 0; background: none;}
}

@media all and (max-width:1500px) {
  .wrap-call {padding: 28px 20px;}
  .wrap-call .num {background-image: none; padding-left: 0; }
  .wrap-call .num .tel {font-size: 28px;}
  .wrap-call .num .fax {font-size: 16px;}
}

@media all and (max-width:1023px) {
  .wrap-call {padding: 14px 20px; margin-top: 10px;}
  .wrap-call .num .tel {font-size: 38px;}
  .wrap-call .num .fax {font-size: 22px;}
  .wrap-call .desc {display: block; font-size: 14px;}
}

@media all and (max-width:767px) {
  .wrap-call {padding: 32px 20px; margin-top: 30px;}
}

@media all and (max-width:700px) {
  .wrap-call .num {padding-left: 0; background-image: none;}
  .wrap-call .desc {font-size: 13px;}
}

.wrap-movie {position: relative; width: 100%; height: 100%;}
.wrap-movie img {width: 100%; height: 100%;}

@media all and (max-width:767px) {
  .wrap-movie {display: none;}
}

.wrap-banner {position: relative; background: #e7eaf8; padding: 20px 35px;}
.wrap-banner ul {display: inline-block; width: 100%;}
.wrap-banner li {float: left; width: 25%;}
.wrap-banner li a {display: table; width: 100%; table-layout: fixed;}
.wrap-banner li a em {display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.wrap-banner li a span {position: relative; }
.wrap-banner li a span:after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #333; transition: all 0.4s ease;}
.wrap-banner li a:hover span:after { width: 100%; }
.wrap-banner li .icon {display: table-cell; vertical-align: middle; width: 105px; padding-right: 15px;}
.wrap-banner li p {display: table-cell; vertical-align: middle; font-family: 'Noto Regular'; font-size: 20px;}

@media all and (max-width: 1700px) {
  .wrap-banner {padding: 49px 35px;}
  .wrap-banner li .icon {display: none;}
  .wrap-banner li p {text-align: center;}
}

@media all and (max-width: 1220px){
  .wrap-banner li .icon{width: 70px;}
  .wrap-banner li p{font-size: 18px;}
}

@media all and (max-width: 768px){
  .wrap-banner li .icon {display: block; width: 70px; margin: 0 auto; text-align: center; padding-right: 0;}
  .wrap-banner li .icon img {display: inline-block;}
  .wrap-banner li p {display: block; text-align: center;}
  .wrap-banner{padding: 22.5px 35px;}
}

@media all and (max-width:640px) {
  .wrap-banner li {width: 50%; padding: 20px 0;}
}

@media all and (max-width:500px) {
  .wrap-banner li p {font-size: 15px;}
}

.wrap-vertical-banner {padding-top: 20px;}
.wrap-vertical-banner li a {display: table; width: 100%; height: 83px;}
.wrap-vertical-banner li .icon {display: table-cell; vertical-align: middle; width: 73px; padding-right: 25px;}
.wrap-vertical-banner li .text {display: table-cell; vertical-align: middle; font-family: 'Noto Light'; font-size: 20px;}
.wrap-vertical-banner li .text span {position: relative; }
.wrap-vertical-banner li .text span:after {content: ''; position: absolute; left: 0; bottom: -3px; width: 0; height: 1px; background: #333; transition: all 0.4s ease;}
.wrap-vertical-banner li .text:hover span:after { width: 100%; }

@media all and (max-width:1500px) {
  .wrap-vertical-banner {padding-top: 30px; padding-bottom: 20px;}
  .wrap-vertical-banner ul {display: inline-block; width: 100%;}
  .wrap-vertical-banner li {float: left; width: 25%;}
  .wrap-vertical-banner li a {display: block;}
  .wrap-vertical-banner li .icon {display: block; text-align: center; width: auto; padding-right: 0;}
  .wrap-vertical-banner li .icon img {display: inline-block;}
  .wrap-vertical-banner li .text {display: block; text-align: center;}
}

@media all and (max-width:640px) {
  .wrap-vertical-banner li {width: 50%; padding: 20px 0;}
}

@media all and (max-width:500px) {
  .wrap-vertical-banner li .text {font-size: 20px;}
}

.wrap-card-banner {padding-bottom: 29px;}
.wrap-card-banner .title {font-size: 22px; font-family: 'TitilliumWeb-SemiBold'; letter-spacing: -1px; margin-bottom: 20px; margin-top: 20px; padding-left: 30px;}
.wrap-card-banner .title p {position: relative; display: inline-block;}
.wrap-card-banner .title p:after {content: ''; position: absolute; top: -15px; right: -6px; width: 8px; height: 8px; background: #385eeb; border-radius: 100%;}
.wrap-card-banner ul {display: inline-block; width: 100%;}
.wrap-card-banner li {float: left; width: 33.333%;}
.wrap-card-banner .box {padding-right: 30px; padding-left: 30px;}
.wrap-card-banner .box a {width: 100%; background: #fff; display: block; padding: 40px 30px 30px 30px; box-shadow: 0px 0px 34px 0px rgba(20,68,189,0.2); transition: all 0.5s ease;}
.wrap-card-banner .box a:hover{box-shadow: 0px 0px 34px 0px rgba(20,68,189,0.6);}
.wrap-card-banner .box .subject {position: relative; font-family:'S-CoreDream-5Medium'; font-size: 26px; padding: 0 0 25px 0; margin: 0 0 35px 0;}
.wrap-card-banner .box .subject:after {content: ''; position: absolute; left: 0; bottom: 0; width: 46px; height: 3px; background: #385eeb;}
.wrap-card-banner .box .desc {overflow: hidden; font-family: 'Noto Light'; font-size: 17px; height: 80px; color: #2a2d40; }

@media all and (max-width: 1023px) {
  .wrap-card-banner .box{padding: 0 15px;}
  .wrap-card-banner .box a{box-shadow : 0px 0px 10px 0px rgba(20,68,189,0.2);}
  .wrap-card-banner .box a:hover{box-shadow : 0px 0px 15px 0px rgba(20,68,189,0.2);}
}

@media all and (max-width: 767px) {
  .wrap-card-banner li {font: none; width: 100%;}
  .wrap-card-banner .box { padding-top: 15px; padding-bottom: 15px;}
  .wrap-card-banner .box a {padding-bottom: 40px;}
  .wrap-card-banner .box .subject {padding: 0 0 15px 0; margin: 0 0 15px 0;}
  .wrap-card-banner .box .desc {height: auto;}
}

@media all and (max-width: 360px) {
  .wrap-card-banner .title p:after{right: 0;}
}