@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;}

@media all and (max-width:1023px) {
    #multipleDiv_university_temp03_18 {padding: 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 a {display: block; font-family: 'Noto DemiLight'; font-size: 20px; color: #274164;}
.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 5%;}
.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:-26; font-size: 30px; color: #bbbbbb; line-height: 1.2; margin-bottom: 20px; font-family:'TitilliumWeb-SemiBold';}
.wrap-banner ul {display: inline-block; width: 100%;}
.wrap-banner li {float: left; width: 50%;}
.wrap-banner li a {display: table; width: 100%; text-align: center;}
.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: 0s}
.wrap-banner li a:hover span:after {width: 100%; transition: .4s;}
.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: 42%; text-align: center;}
.wrap-banner li .desc {font-size: 16px; font-family: 'Noto Light'; color: #111;}
.wrap-banner li.banner1 {border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.wrap-banner li.banner2 {border-bottom: 1px solid #dcdcdc;}
.wrap-banner li.banner3 {border-right: 1px solid #dcdcdc;}

@media all and (max-width:1430px) {
    .wrap-banner li .desc {font-size: 16px;}
    .wrap-banner .title {font-size: 25px; left: -20px; top: 20px; margin-bottom: 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: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;}
}


.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:'TitilliumWeb-SemiBold';line-height: 1.2; margin-bottom: 5px;}
.wrap-call .info .fax {font-size: 22px; font-family:'TitilliumWeb-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; font-family: 'TitilliumWeb-SemiBold';}
.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 .desc strong {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 22px; font-family: 'Noto Regular';}
.wrap-line-banner a:hover .desc strong {color: #006276;}
.wrap-line-banner .desc strong span {position: relative;}
.wrap-line-banner .desc strong span::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #006276;}
.wrap-line-banner a:hover .desc strong span::after {width: 100%; transition: .4s;}
.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%;}
}

#multipleContentsDiv_university_temp03_11 {position: relative; overflow: hidden;}
#multipleContentsDiv_university_temp03_11 > div:nth-child(2) {position: absolute; top: 50%; left: 50%; z-index: 10; width: 90% !important;  max-width: 800px; transform: translate(-50%,-50%); text-align: center; }
.edit #multipleContentsDiv_university_temp03_11 > div:nth-child(2) {z-index: 100}
.wrap-slogan { padding: 80px 40px; background: rgba(0,0,0,.25);}
.wrap-slogan strong {display: block; font-size: 44px; font-family: 'S-CoreDream-4Regular'; color: #fff; text-shadow: 0px 1px 3px #00223A; margin-bottom: 30px;}
.wrap-slogan strong i {font-family:'S-CoreDream-6Bold'; font-style: normal;}
.wrap-slogan p {font-family:'S-CoreDream-2ExtraLight'; font-size: 30px; color: #fff;}

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

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

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