@charset "UTF-8";

/*위치지정*/
#multipleDiv_temp_07_8{margin-top:-75px; z-index:1;} /*공지영역*/
#multipleDiv_temp_07_9{overflow:hidden; padding-bottom:40px;}

#multipleContentsDiv_temp_07_7{position:relative;}
#_contentBuilder{background:url(./../../images/main/main-bg.jpg) center bottom no-repeat;}

/*슬로건*/
#multipleContentsDiv_temp_07_7 ._objHtml  {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1; margin-left:-350px; margin-top:-50px;} /* 위치설정*/
.slogan{color:#fff; line-height:1.2;}
.slogan .p-1{font-size:36px; font-family: 'Noto Light'; letter-spacing:-2px;}
.slogan .p-2{font-size:56px;}
.slogan .p-2 .wbr{display:block;}
.slogan .p-3{font-size:26px; margin-top:30px; font-family: 'Noto Light';}

/*공지사항*/
#multipleContentsDiv_temp_07_8{overflow:hidden;max-width:1400px; margin:0 auto 40px;}

/*학사일정*/
.schedule{overflow:hidden; background-color:rgba(255,255,255,.8); padding:35px; position:relative;}
.schedule > strong{color:#333; font-size:28px; margin-bottom:30px; display:block;}
.schedule ul li{float:left; width:50%; position:relative; padding-left:85px; min-height:65px; margin:5px 0; }
.schedule ul li a{display:block;}
.schedule ul li .date{position:absolute; background-color:#d2e4f1; left:0; width:65px; height:65px; border-radius:100%; display:table; text-align:center; font-size:20px; color:#2c78b1;}
.schedule ul li .date span{display:table-cell; vertical-align:middle;}
.schedule ul li .conts{padding-top:10px; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap;}
.schedule ul li .conts p{color:#a3a3a3; font-size:16px; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap;}
.schedule .schedule-more{display:block; background:url('./../../images/main/more-b-bg.png') center center no-repeat; text-indent: -9999px; width: 25px; height: 25px; position:absolute; right:30px; top:30px;}

/*슬라이드 아이콘*/
.main-slider {position:relative; background-color:#fff; padding:30px; margin-bottom:40px;}
.main-slider ul{padding:0 50px;}
.main-slider ul li{display:inline-block; text-align:center;}
.main-slider ul li img{margin:0 auto 10px;}
.main-slider ul li strong{display:block;}
.main-slider .slick-arrow{background:url('./../../images/main/slider-arr.png') no-repeat; display:block; width:20px; height:30px; text-indent:-9999px; position:absolute; top:50%; transform:translateY(-50%)}
.main-slider .slick-arrow.slick-prev{background-position:left center; left:0;}
.main-slider .slick-arrow.slick-next{background-position:right center; right:0;}
/*popup*/
.wrap-popup{margin-bottom:40px;}

/* */
.banner-img ul{overflow:hidden; }
.banner-img ul li{float:left; position:relative; height:425px;}
.banner-img ul li:nth-child(1){background:url('./../../images/main/banner-bg.jpg') no-repeat; width:33%;}
.banner-img ul li a{display:block; position:absolute; color:#fff; box-sizing:border-box;}
.banner-img ul li:nth-child(1) a{bottom:0; left:0; height:60px; width:100%;  background:#383838 url('./../../images/main/icon-arr.png') 90% center no-repeat; padding:15px;}
.banner-img ul li:nth-child(2){background:url('./../../images/main/movie-bg.jpg') no-repeat; width:calc(67% - 40px); margin-left:40px;}
.banner-img ul li:nth-child(2) a{transform:translate(-50%, -50%); left:50%; width:230px; top:50%; background:url('./../../images/main/movie-play.png') center top no-repeat; padding-top:130px; text-align:center;}

/* */
.icon-banner{}
.icon-banner ul{display:flex;}
.icon-banner ul li{display:table;}
.icon-banner ul li + li{margin-left:40px;}
.icon-banner ul li a{width:280px; height:265px; background:url('./../../images/main/f-bg-01.jpg') no-repeat; display:table-cell; text-align:center; vertical-align:middle;}
.icon-banner ul li + li a{ background:url('./../../images/main/f-bg-02.jpg') no-repeat;}
.icon-banner ul li a strong{display:block; margin-top:20px; color:#fff; background:url('./../../images/main/icon-arr.png') center bottom no-repeat; padding-bottom:20px;}

@media all and (max-width:1400px) {
  body #multipleContentsDiv_temp_07_8,
  body #multipleContentsDiv_temp_07_9{width:auto; padding:0 15px;}

  .schedule ul li .conts p{font-size:14px;}
  .banner-img ul li{float:left; position:relative; height:370px;}

  #multipleContentsDiv_temp_07_7 ._objHtml {position: absolute; top: 200px; left: 50px; transform: translate(0, 0); z-index: 1; margin-left: 0; margin-top: 0;}
  .slogan .p-1{font-size:25px}
  .slogan .p-2{font-size:45px}
  .slogan .p-3{font-size: 25px; margin-top: 10px;}
}

@media all and (max-width:1023px) {
  #_contentBuilder{background-size: cover;}
  .banner-img{margin-bottom:20px;}
  .banner-img ul li:nth-child(2){float:right;}
  .banner-img ul li:nth-child(2) a{background-size:70px; padding-top:80px;}
  body .banner-img ul li{width:49% !important; margin:0 !important; height:300px;}
  .icon-banner ul li{width:50%;}
  .icon-banner ul li a{background-size: cover !important;}
  .icon-banner ul li + li{margin-left:2%;}

}

@media all and (max-width:767px) {
  .schedule ul li{width:100%;}
  body .banner-img ul li{width:100% !important;}
  #multipleContentsDiv_temp_07_7 ._objHtml {left: 4%; transform: inherit; top: 120px;}
  .slogan .p-1{font-size:20px;}
  .slogan .p-2{font-size:30px;}
  .slogan .p-3{font-size:15px;}

}