@charset "utf-8";
/* main li reset*/
.main ._contentBuilder ._obj._objHtml ul li, 
.main  ._contentBuilder ._obj._objTag ul li {margin-top: 0; background:url(); padding-left:0;}

#multipleDiv_gspa_618 {padding: 30px 30px 0 30px; background: url('../../images/main/bg-section1.jpg') no-repeat center top;}
#multipleContentsDiv_gspa_618 {width: 100%; max-width: 1440px; margin: 0 auto; overflow: hidden;}

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

#multipleDiv_gspa_632 {padding: 0 30px 30px 30px; background: url('../../images/main/bg-section2.jpg') no-repeat center top;}
#multipleContentsDiv_gspa_632 {width: 100%; max-width: 1440px; margin: 0 auto; overflow: hidden;}

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

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

#multipleContentsDiv_gspa_665{width:100%;max-width:1440px;margin:0 auto; overflow:hidden;}

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

#multipleDiv_gspa_617 ._objHtml{position: absolute;top: 54%;left: 50%;width: 100%;transform: translate(-50%, -50%);text-align: center;height: auto;}
._mCS_1 #multipleDiv_gspa_617 ._objHtml{z-index:9999;}
.slogan {text-align: center;}
.slogan strong {display: inline-block; font-size: 58px; font-family: 'S-CoreDream-5Medium'; color: #fff; margin-bottom: 15px; line-height: 1.3;}
.slogan p {font-family: 'S-CoreDream-3Light'; font-size: 36px; color: #fff; line-height: 1.4; padding-bottom: 50px;}
.slogan a {display: inline-block; font-family: 'Noto Regular'; font-size: 18px; color: #fff; background: url('../../images/main/btn-visual.png') repeat-y; border-radius: 100px; padding: 16px 67px; margin-bottom: 40px; box-shadow: 8px 8px 19px 0px rgba(0,0,0,0.2);}

@media all and (max-width:767px) {
  .slogan strong{font-size:32px;display: block;}
  .slogan p{font-size:20px;padding-bottom:30px;display: none;}
  .slogan a{padding: 7px 30px;margin-bottom:0;font-size: 15px;}
}

.wrap-call {position: relative; padding: 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: 25px; color: #3e466e; font-family:'Titillium Web Bold'; line-height: 1.2;}
.wrap-call .num .fax {font-size: 18px; color: #3e466e; font-family:'Titillium Web Regular';}
.wrap-call .desc {font-size: 15px; color: #888888;}

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

@media all and (max-width:1220px) {
  .wrap-call {padding: 41px 20px;}
  .wrap-call .desc {display: none;}
}

@media all and (max-width:1023px) {
  .wrap-call {padding: 23px 20px;}
  .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;}
}

@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;}
.wrap-movie img {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:1023px) {
  .wrap-banner {padding: 27px 15px;}
  .wrap-banner li .icon {display: block; width: auto; text-align: center; padding-right: 0;}
  .wrap-banner li .icon img {display: inline-block;}
  .wrap-banner li p {display: block; text-align: center;font-size:18px;}
}

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

.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:1023px) {
  .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: 'Raleway-Medium'; 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; padding-bottom: 48px; 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: 24px; 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 {color: #2a2d40; font-size: 16px; height: 72px; overflow: hidden;text-align: left;}

@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: 1600px) and (min-width:1024px){
  #multipleDiv_gspa_632 > div > div._objWidget{height:381px;}
  #multipleDiv_gspa_632 > div > div._objWidget + ._objWidget{width: 33%;height: auto;}
  #multipleDiv_gspa_632 > div > div._objHtml{width: 33%;margin: 0px 0px 5px 0px;}
  #multipleDiv_gspa_632 > div > div._objHtml + div._objHtml{margin: 15px 1.6% 0 0;width: 21.5%;}
  #multipleDiv_gspa_632 > div > div._objHtml + div._objHtml + div._objHtml{width: 44.5%;margin:15px 0 0 0;}
  .wrap-banner li{width:50%;}
  .wrap-banner li p{font-size:17px;}
  .wrap-banner li .icon{width:73px;}
  .wrap-vertical-banner li .text{font-size:17px;}
  .wrap-card-banner .box{padding-right:0;padding-left:30px;}
  .wrap-card-banner .box a{box-shadow:0px 0px 15px 0px rgb(20 68 189 / 20%);padding:35px 15px;}
  .wrap-card-banner .box .subject{padding: 0 0 18px 0;margin: 0 0 27px 0;font-size: 20px;}
}



#multipleDiv_gspa_665{background:#f4f4f4;border-top:1px solid #cdcdcd;padding:30px;}
.banner-zone .left-title{display:inline-block;vertical-align:middle;}
.banner-zone .left-title span{font-size:24px;color:#2d3440;font-family: 'Titillium Web Bold';letter-spacing: -.2px;}
.banner-zone .right-list{display:inline-block;vertical-align:middle;width: 82%;padding-left: 150px;position:relative;}
.banner-zone .right-list > ul li{font-size:18px;color:#333;text-align: center;padding: 7px 0;}
.banner-zone .right-list > ul li a{position:relative;font-family:'Noto DemiLight';}
.banner-zone .right-list > ul li a:before{content:'';width:0;position:absolute;left:0;bottom: -7px;background-color:#005a6c;height:1px;transition: all ease .5s;}
.banner-zone .right-list > ul li a:hover{color:#005a6c;font-family:'Noto Medium';}
.banner-zone .right-list > ul li a:hover:before{width:100%;}
.banner-zone .right-list > ul li a:hover:after{content:'';width:20px;height:20px;border-radius:50%;background:rgba(0,105,172,0.5);position:absolute;left: -10px;top: -5px;z-index: 9999;}
.banner-zone .right-list .slick-prev{position:absolute;left: -120px;top: 12px;text-indent: 99999px;background:url('../../images/main/banner-left.png') no-repeat;width: 11px;height: 18px;overflow:hidden;}
.banner-zone .right-list .slick-next{position:absolute;left: -50px;top: 12px;background:url('../../images/main/banner-right.png') no-repeat;text-indent: 99999px;width: 11px;height: 18px;overflow:hidden;}
.banner-zone .right-list .buttons{position:absolute;left:65px;top:11px;}
.banner-zone .right-list .buttons button{display:inline-block;}
.banner-zone .right-list .buttons button._on{display:none;}
.banner-zone .right-list .pause{background:url('../../images/main/banner-stop.png') no-repeat center;width:12px;height:18px;text-indent: -9999px;overflow: hidden;}
.banner-zone .right-list .play{background:url('../../images/main/banner-play.png') no-repeat center;width:12px;height:18px;text-indent: -9999px;overflow: hidden;}

@media all and (max-width: 1023px) {
  .banner-zone .left-title{margin-bottom:12px;}
  .banner-zone .right-list{width:100%;}
}

@media all and (max-width:767px) {
  #multipleDiv_gspa_618,
  #multipleDiv_gspa_632,
  #multipleDiv_gspa_650,
  #multipleDiv_gspa_665{padding:30px 20px 0 20px;}
  #multipleDiv_gspa_632{padding-bottom:30px;}
  #multipleContentsDiv_gspa_665{padding:0 0 40px 0;}

  .banner-zone .right-list .slick-prev{left:-90px;}
  .banner-zone .right-list .slick-next{left:-20px;}
  .banner-zone .right-list .buttons{left:45px;}
  .banner-zone .right-list {padding-left:100px;}
}