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

.wrap-main-con, #multipleDiv_factory1_37 {display:inline-block; width:100%; background:#f5f5f5; margin-top:-50px; padding:0 0 60px 0;}

@media all and (max-width: 767px){
  #multipleDiv_university_temp01_7 {height: auto !important;}
}

/* side :: 사이드영역 */

.section-line::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  right: 122px;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.3)
}

body #fp-nav.right {
  /* right: 50%; margin-right: -900px; */
  right: 110px;
  position: absolute;
}

body #fp-nav ul li .fp-tooltip.right {
  /* right: -40px; */
  top: 3px;
}

body #fp-nav ul li:last-child {
  display: none;
}

body #fp-nav ul li, body .fp-slidesNav ul li {
  width: 25px;
  height: 25px;
  margin: 15px 0;
}

body #fp-nav ul li a span, body .fp-slidesNav ul li a span {
  position: static;
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #fff;
  margin: 0;
  vertical-align: middle;
}

body #fp-nav ul li a, body .fp-slidesNav ul li a {
  text-align: center;
  line-height: 23px;
}

body #fp-nav ul li a.active span, body .fp-slidesNav ul li a.active span, body #fp-nav ul li:hover a.active span, body .fp-slidesNav ul li:hover a.active span {
  width: 25px;
  height: 25px;
  border: 1px solid #4db2ff;
  background: none;
  text-align: center;
  vertical-align: middle;
  line-height: 19px;
  margin: 0;
}

body #fp-nav ul li a.active span::before, body .fp-slidesNav ul li a.active span::before, body #fp-nav ul li:hover a.active span::before, body .fp-slidesNav ul li:hover a.active span::before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  background: #4db2ff;
  border-radius: 50%;
  vertical-align: middle;
}

body #fp-nav ul li:hover a span, body .fp-slidesNav ul li:hover a span {
  width: 15px;
  height: 15px;
  margin: 0;
}


@media all and (max-width: 1023px) {
  .section-line::before {
	/* right: 20px; */
	display: none;
  }

  body #fp-nav.right {
	right: 8px;
  }

  body #fp-nav ul li .fp-tooltip {
	display: none;
  }
}

@media all and (max-width: 500px) {
  .section-line::before {
	right: 15px;
  }

  body #fp-nav.right {
	right: 4px;
  }
}


/*** 메인 컨텐츠 영역 ***/
/* 첫번째 section */
#multipleDiv_factory1_29{background:url('../../images/main/visual-bg-2.jpg') no-repeat center; background-size:cover;}
#multipleDiv_factory1_29 ._objHtml{position:absolute;z-index:99;left:0;top:52%;transform:translate(0,-50%);}
.visual-slogan span{color:#fff;font-size:30px;font-family:'Noto Light';display: inline-block;margin-bottom: 10px;letter-spacing:1px;position:relative;}
.visual-slogan span:after{content:'';width: 375px;height:1px;background:#fff;position:absolute;left:100%;top: 25px;}
.visual-slogan strong{color:#fff;font-size:62px;font-family:'Noto Bold';display:block;margin-bottom: 20px;line-height: 1.15;letter-spacing:-0.5px;}
.visual-slogan strong i{display:block}
.visual-slogan p{color:#fff;font-size:42px;font-family:'Noto Light';display:block;margin-bottom: 45px;}
.visual-slogan a{color:#fff;font-size:18px;font-family:'Noto Light';display: inline-block;padding: 10px 85px 10px 20px;border:2px solid #fff;text-align:left;transition:all ease .4s;background:url('../../images/main/visual-btn-arrow.png') no-repeat 87% center;}
.visual-slogan a:hover{background:rgba(0,0,0,0.2) url('../../images/main/visual-btn-arrow.png') no-repeat 92% center;}

@media all and (max-width: 1600px){
  #multipleDiv_factory1_29 ._objHtml{left:25px;}
}

@media all and (max-width: 1023px){
  #multipleDiv_factory1_29 ._objHtml{top:150px;transform: none;}
  .visual-slogan span{font-size:22px;}
  .visual-slogan span:after{display:none;}
  .visual-slogan strong{font-size:50px;}
  .visual-slogan p{font-size:35px;margin-bottom:30px;}
}

@media all and (max-width: 767px){
  #multipleDiv_factory1_29 ._objHtml{top: 150px;}
  .visual-slogan span{display:none;}
  .visual-slogan strong{font-size:32px;margin-bottom:10px;}
  .visual-slogan p{margin-bottom:10px;font-size:20px;}
  .visual-slogan a{font-size:19px;padding:5px 50px 5px 15px;}
}

/* 두번째 section */
#multipleDiv_university_temp01_18{background:url('../../images/main/service-bg.jpg') no-repeat center;background-size:cover;}
.service{width:47%;padding-top: 240px;}
.service .left-box .title{color:#fff;margin-bottom: 60px;}
.service .left-box .title strong{font-size:55px;font-family:'Noto Bold';display:block;margin-bottom:15px;}
.service .left-box .title p{font-size:21px;}
.service .left-box > ul{text-align: center;font-size:19px;color:#fff;}
.service .left-box > ul li img{background: #0165ca;padding: 20px;border-radius: 50%;margin: 0 auto 10px;transition:all ease .75s;}
.service .left-box > ul li a{color:#fff;padding-bottom: 60px;display: block;}
.service .left-box > ul li a:hover img{background:#014d97;}
.service .slick-prev{background:url('../../images/main/service-left.png') no-repeat center;width:26px;height:61px;transition:all ease .4s;position:absolute;top: -130px;right: 115px;text-indent: -9999px;}
.service .slick-prev:hover{background:url('../../images/main/service-left_on.png') no-repeat center;}
.service .slick-next{background:url('../../images/main/service-right.png') no-repeat center;width:26px;height:61px;transition:all ease .4s;position:absolute;top: -130px;right: 35px;text-indent: -9999px;}
.service .slick-next:hover{background:url('../../images/main/service-right_on.png') no-repeat center;}
.service .slick-next:before{content:'';width:2px;height: 60px;background: rgba(255,255,255,0.2);display:block;position: absolute;top: 2px;left: -27.5px;}
.service-img{display:none;}
.service-img img{width:100%;}

@media all and (max-width: 1600px){
  .service{padding:200px 25px 0;}
}

@media all and (max-width: 1023px){
  #multipleDiv_university_temp01_18{background:none;}
  .service{background:#0276ec;width: 100%;padding-top: 40px;padding-bottom:20px;}
  .service .left-box .title{padding-left:25px;margin-bottom:30px;}
  .service .left-box > ul li a{padding-bottom:30px;}
  .service-img{display:none;}
}

@media all and (max-width: 767px){
  .service .left-box .title strong{font-size:40px;}
  .service .left-box .title p{font-size:19px;}
  .service .slick-prev,
  .service .slick-next{top: -152px; width: 16px;height: 45px;background-size: 100%;}
  .service .slick-prev{right:105px;}
  .service .slick-next{right:45px;}
  .service .slick-next:before{height:35px;left:-23px;top:5px;}
}

/* 세번째 section */
#multipleDiv_university_temp01_29{background: #c1d7ee;}
#multipleDiv_university_temp01_29 ._objHtml:before{content:'';width:407px;height:374px;position:absolute;left:0;bottom: -172px;background:#c1d7ee url('../../images/main/board-bg.jpg');}

.borad-bottom{width: 67%;float: right;margin-right: 2%;}
.borad-bottom > ul > li{display:inline-block;vertical-align:top;float: left;width: 49%;}
.borad-bottom > ul > li + li{margin-left:2%;}
.borad-bottom > ul > li > a{font-size:16px;padding:30px 25px 30px 180px;background: #0090ff;display: block;position:relative;}
.borad-bottom > ul > li:nth-child(2) > a{background:#035ca1;}
.borad-bottom > ul > li > a:before{content:'';width:72px;height:90px;background:url('../../images/main/board-bottom-icon01.png') no-repeat center;position:absolute;left: 50px;top:50%;margin-top:-45px;}
.borad-bottom > ul > li:nth-child(2) > a:before{content:'';width:92px;height:78px;background:url('../../images/main/board-bottom-icon02.png') no-repeat center;position:absolute;left: 45px;top:50%;margin-top:-39px;}

.borad-bottom > ul > li > a > div > strong{font-size:24px;color:#fff;font-family:'Noto Regular';display:block;margin-bottom:5px;}
.borad-bottom > ul > li > a > div > span{font-size:16px;color:rgba(255,255,255,0.7);}
.borad-bottom > ul > li > a > span{display:inline-block;position:absolute;top:50%;right: 60px;text-align: center;margin-top:-20px;width:40px;height:40px;font-size: 12px;padding: 10px;color:#fff;border-radius:50%;border:1px solid #fff;background:rgba(255,255,255,0.1);}

@media all and (max-width: 1600px){
  #multipleDiv_university_temp01_29 ._objHtml{width:100%;}
  #multipleDiv_university_temp01_29 ._objHtml:before{display:none;}
  .borad-bottom{width:85%;float:left;padding-left: 25px;}
}

@media all and (max-width: 1023px){
  #multipleDiv_university_temp01_29{padding-bottom: 100px;}
  .borad-bottom{margin-top:30px;width: calc(100% - 25px);}
  .borad-bottom > ul > li > a{padding:30px 25px 30px 120px;}
  .borad-bottom > ul > li > a > span{right:30px;}
  .borad-bottom > ul > li > a:before{width:55px;height:70px;background-size:cover !important;left:35px;margin-top:-35px;}
  .borad-bottom > ul > li:nth-child(2) > a:before{width:65px;height:52px;background-size:contain !important;left:30px;margin-top:-26px;}
}

@media all and (max-width: 767px){
  .borad-bottom > ul > li{width:100%;}
  .borad-bottom > ul > li + li{margin-top: 20px;margin-left: 0;}
}

/* 네번째 section */
#multipleDiv_university_temp01_7{background: url('../../images/main/boxes-bg.jpg') no-repeat center;}
#multipleContentsDiv_university_temp01_7{padding-top:260px;}

.donate{}
.donate > a{background: #005EBC url('../../images/main/donatePig.png') no-repeat 50px 42%;padding: 27px 20px 32px 180px;color:#fff;display: block;}
.donate > a strong{color:#fff;font-size:22px;display: block;margin-bottom: 10px;font-family: 'Noto Regular';}
.donate > a p{color:#fff;font-size:16px;text-align: left;}

@media all and (max-width: 1600px) {
  #multipleContentsDiv_university_temp01_7{width:100%;padding: 200px 25px 0 25px;}
  #multipleContentsDiv_university_temp01_7 > div._objWidget{width:28%;}
  #multipleContentsDiv_university_temp01_7 > div._objWidget + div._objWidget{width:55%;}
  #multipleContentsDiv_university_temp01_7 > div._objWidget + div._objWidget + div._objWidget{width: 86.5%;}
  #multipleContentsDiv_university_temp01_7 > div._objHtml{width: 86.5%;margin-top:20px;margin-left: 0;}
}

@media all and (max-width: 1023px) {
  .fp-section, .fp-tableCell, .fp-scrollable {height: auto !important;}
  #multipleContentsDiv_university_temp01_7{padding: 140px 25px 40px 25px;}
  #multipleContentsDiv_university_temp01_7 > div._objWidget{width:32%;}
  #multipleContentsDiv_university_temp01_7 > div._objWidget + div._objWidget{width:65%;}
  #multipleContentsDiv_university_temp01_7 > div._objWidget + div._objWidget + div._objWidget{width: 100%;}
  #multipleContentsDiv_university_temp01_7 > div._objHtml{width: 100%;}
}

@media all and (max-width: 767px) {
  #multipleDiv_university_temp01_7{background-size:cover;}
  #multipleContentsDiv_university_temp01_7 > div._objWidget{width:100%;}
  #multipleContentsDiv_university_temp01_7 > div._objWidget + div._objWidget{width:100%;}
  #multipleContentsDiv_university_temp01_7{padding:100px 25px 60px 25px;}
}