@charset "utf-8";

#multipleDiv_university_temp03_18 {padding: 50px 20px; background: url('../../images/main/bg-section1.jpg') no-repeat center top; background-size: cover;}
#multipleContentsDiv_university_temp03_18 {width: 100%; max-width: 1600px; margin: 0 auto; overflow: hidden;}
#multipleContentsDiv_ince_234{width: 100%; max-width: 1600px; margin: 0 auto; overflow: hidden; margin-bottom: 30px;}

@media all and (max-width:1023px) {
  #multipleDiv_university_temp03_18 {padding: 20px;}
  #multipleContentsDiv_ince_234{padding: 0 20px;}
}

#multipleDiv_university_temp03_74 {padding: 50px 20px;}
#multipleContentsDiv_university_temp03_74 {width: 100%; max-width: 1600px; margin: 0 auto; overflow: hidden;}

@media all and (max-width:1023px) {
  #multipleDiv_university_temp03_74 {padding: 20px;}
}

.wrap-user ul {display: inline-block; width: 100%;}
.wrap-user li {float: left; width: 33.333%; text-align: center;}
.wrap-user li img {display: block; margin: 0 auto;}
.wrap-user li p {font-size: 20px; color: #274164;}
.wrap-user li a {display: block;}
.wrap-user li a p {position: relative; display: inline-block;}
.wrap-user li a p:after {content: ''; position: absolute; left: 0; bottom: 0; width: 0%; height: 1px; background: #274164; transition:all 0.4s ease;}
.wrap-user li a:hover p:after {width: 100%;}

@media all and (max-width:1520px) {
  .wrap-user {padding: 5% 0;}
}

@media all and (max-width:1300px) {
  .wrap-user {padding: 11% 0;}
  .wrap-user li p {font-size: 17px;}
}

@media all and (max-width:767px) {
  .wrap-user {padding: 5% 0;}
}

@media all and (max-width:570px) {
  .wrap-user {padding: 9% 0;}
}


.wrap-banner,
.wrap-call,
.wrap-goto {height: 325px;}

.wrap-banner {position: relative;}
.wrap-banner:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 6px; background: url('../../images/main/bg-banner2.png') no-repeat right top;}
.wrap-banner:before {content: ''; position: absolute; top: 0; right: 0; width: 6px; height: 100%; background: #0047bd;}
.wrap-banner .box {position: relative; height:100%; padding: 0 9%;}
.wrap-banner .box:after {content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 6px; height: 100%; background: url('../../images/main/bg-banner1.png') no-repeat right top;}
.wrap-banner .box:before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background: #0047bd;}
.wrap-banner .title {position: relative; left:-40px; font-size: 30px; color: #bbbbbb; line-height: 1.2; margin-bottom: 20px; font-family: "Titillium Web SemiBold";}
.wrap-banner ul {display: inline-block; width: 100%;}
.wrap-banner li {float: left; width: 50%; position: relative;}
.wrap-banner li:nth-child(even) a{padding-left: 18%;}
.wrap-banner li a {display: table; width: 100%; text-align: center;}
.wrap-banner li a span {position: relative; color: #111111; line-height: 49px; margin-left: 20px;}
.wrap-banner li a span:after {content: ''; position: absolute; left: 0; bottom: 0; width: 0%; height: 1px; background: #333; transition: all 0.6s ease;}
.wrap-banner li a:hover span:after {width: 100%;}
.wrap-banner li .icon,
.wrap-banner li .desc {display: table-cell; vertical-align: middle; height: 100px; text-align: left;}
.wrap-banner li .icon {font-size: 0; width: 49px; text-align: center;}
.wrap-banner li .desc {font-size: 18px; font-family: 'Noto Light';}
.wrap-banner li.banner1::before{content:""; position: absolute; bottom: 0; width: 80%; right: 0; height: 1px; background-color: #dcdcdc; display: block;}
.wrap-banner li.banner1::after{content:""; position: absolute; top: 0; width: 1px; right: 0; height: 100%; background-color: #dcdcdc; display: block;}
.wrap-banner li.banner2::before{content:""; position: absolute; bottom: 0; width: 80%; left: 0; height: 1px; background-color: #dcdcdc; display: block;}
.wrap-banner li.banner3::after{content:""; position: absolute; top: 0; width: 1px; right: 0; height: 100%; background-color: #dcdcdc; display: block;}

@media all and (max-width: 1650px) {
  .wrap-banner .title{left: -20px;}
  .wrap-banner .box{padding: 0 5%;}
  .wrap-banner li:nth-child(even) a{padding-left: 7%;}
  .wrap-banner li .icon, .wrap-banner li .desc{height: 90px;}
}


@media all and (max-width:1430px) {
  .wrap-banner li .desc {font-size: 14px;}
  .wrap-banner .title {font-size: 25px; left: 0px; top: 20px; margin-bottom: 20px;}
  .wrap-banner li a span{margin-left: 10px;}
  .wrap-banner li .icon{width: 40px;}
}

@media all and (max-width:1023px) {
  .wrap-banner li .desc {font-size: 20px;}
  .wrap-banner .title {font-size: 30px; left: -40px; top: 0; }
}

@media all and (max-width: 768px) {
  .wrap-banner .title{left: -20px;}
}

@media all and (max-width:540px) {
  .wrap-banner {height: auto;}
  .wrap-banner .title {left: -20px; top: 20px; font-size: 25px;}
  .wrap-banner li {width: 100%;}
  .wrap-banner li .icon {width: 27%;}
  .wrap-banner li.banner1 {border-right: 0}
  .wrap-banner li.banner3 {border-right: 0; border-bottom: 1px solid #dcdcdc;}
}

@media all and (max-width: 540px) {
  .wrap-banner li:nth-child(even) a{padding-left: 0;}
  .wrap-banner li.banner1::before, .wrap-banner li.banner1::after, .wrap-banner li.banner2::before, .wrap-banner li.banner3::after{display: none;}
  .wrap-banner li{border-bottom: 1px solid #dcdcdc;}
  .wrap-banner li:last-child{border-bottom: 0;}
}


.wrap-call {background: url('../../images/main/bg-call.jpg') no-repeat center center; background-size: cover; color: #ffffff; padding: 0 40px; }
.wrap-call .title {font-family: 'Noto DemiLight'; font-size: 30px; padding-top: 25px; margin-bottom: 15px;}
.wrap-call .info .text {font-size: 22px;}
.wrap-call .info .num {font-size: 50px; font-family: 'Titillium Web SemiBold'; line-height: 1.2; margin-bottom: 5px;}
.wrap-call .info .fax {font-size: 22px; font-family: 'Titillium Web Regular'; margin-bottom: 30px;}
.wrap-call .btn {overflow: hidden; border-top: 1px dashed #aca1a4;}
.wrap-call .btn a {float: left; width: 50%; color: #ffffff; padding: 27px 0; text-align: center;}
.wrap-call .btn span {position: relative;}
.wrap-call .btn span:after {content: ''; position: absolute; right: 110%; top: 0; width: 34px; height: 23px;}
.wrap-call .btn .call span:after {background: url('../../images/main/ico-call.png') no-repeat center center;}
.wrap-call .btn .qna span:after {background: url('../../images/main/ico-qna.png') no-repeat center center;}
.wrap-call .btn .call {position: relative;}
.wrap-call .btn span:before {content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background: #fff; transition: all 0.5s ease;}
.wrap-call .btn a:hover span:before {width: 100%;}
/* .wrap-call .btn .call:after {content: ''; position: absolute; right: 0px; top: 15px; width: 1px; height: 47px; border-right: 1px dashed #cccccb;} */

@media all and (max-width:1170px) {
  .wrap-call .btn a {width: 100%; padding: 14px 0;}
  .wrap-call .info .num {font-size: 42px;}
  .wrap-call .title {font-size: 25px;}
  .wrap-call .info .fax {margin-bottom: 15px;}
}

@media all and (max-width:1023px) {
  .wrap-call .btn a {width: 50%; padding: 27px 0;}
  .wrap-call .info .num {font-size: 50px;}
  .wrap-call .title {font-size: 30px;}
  .wrap-call .info .fax {margin-bottom: 30px;}
}

.wrap-goto {background: url('../../images/main/bg-goto.jpg') no-repeat center center; background-size: cover;}
.wrap-goto a {position: relative; display: block; width: 100%; height: 100%; color: #fff; padding: 40px;}
.wrap-goto a:after {content: ''; position: absolute; left: 40px; bottom:40px; width: 27px; height: 27px; background: url('../../images/main/btn-goto.png') no-repeat center center; transition: all 0.3s ease;}
.wrap-goto a:hover:after {transform: rotate(180deg);}
.wrap-goto em {display: block; margin-bottom: 25px;}
.wrap-goto strong {font-family: 'Noto Medium'; font-size: 30px; line-height: 1.2;}

@media all and (max-width:1023px) {
  .wrap-goto strong {font-size: 26px;}
}

.wrap-line-banner {clear: both; padding-top: 50px;}
.wrap-line-banner ul {display: inline-block; width: 100%; font-size: 0;}
.wrap-line-banner li {float: left; width: 20%; }
.wrap-line-banner a {display: table; width: 100%; table-layout:fixed;}
.wrap-line-banner .icon,
.wrap-line-banner .desc {display: table-cell; vertical-align: middle;}
.wrap-line-banner .icon {width: 41%; padding-right: 17px;}
.wrap-line-banner a:hover .desc strong {color: #1a5abe;}
.wrap-line-banner .desc strong {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 22px; font-family: 'Noto Regular';}
.wrap-line-banner .desc p {font-family: 'Noto Light'; font-size: 16px; color: #a9a9a9;}

@media all and (max-width:1310px) {
  .wrap-line-banner .icon {display: block; text-align: center; width: 100%; padding-right: 0; padding-bottom: 15px;}
  .wrap-line-banner .icon img {display: inline-block;}
  .wrap-line-banner .desc {display: block; text-align: center;}
}

@media all and (max-width:1023px) {
  .wrap-line-banner {padding-top: 0;}
  .wrap-line-banner li {width: 50%; padding-bottom: 30px;}
  .wrap-line-banner .icon {display: table-cell; text-align: center; width: 41%; padding-right: 17px; padding-bottom: 0;}
  .wrap-line-banner .icon img {display: block;}
  .wrap-line-banner .desc {display: table-cell; text-align: left;}
}

@media all and (max-width:570px) {
  .wrap-line-banner li {width: 100%; border-bottom: 1px solid #dcdcdc; padding-bottom: 20px;  margin-bottom: 20px;}
  .wrap-line-banner .icon {width: 30%;}
}