@charset "utf-8";

/********************
COMMON
********************/
#multipleContentsDiv_template4_18,
#multipleContentsDiv_template4_19,
#multipleContentsDiv_template4_20{max-width:90%;}
#multipleContentsDiv_template4_19{padding:100px 0;}
#section2,
#multipleDiv_template4_19{background:#f8f5f0;}
@media all and (max-width:1700px){
  #multipleContentsDiv_template4_18{max-width:100%;}
}
@media all and (max-width:768px){
  #multipleContentsDiv_template4_19,
  #multipleContentsDiv_template4_20{padding:50px 0;}
}


/********************
슬로건
********************/
#menu8626_obj40{position:absolute;left:5%;top:120px;width:90% !important;height:calc(100% - 190px) !important;display:flex;align-items:center;}
.wrap_slogan{color:#FFF;line-height:1.3;text-shadow:0 0 10px rgba(0,0,0,0.5);}
.wrap_slogan .text_1{font-family:'Dream Medium';font-size:55px;letter-spacing:-2px;}
.wrap_slogan .text_2{font-family:'Dream Regular';font-size:35px;padding-top:10px;letter-spacing:-1px;}
@media all and (max-width:1280px){
  #menu8626_obj40{top:70px;height:calc(100% - 140px) !important;}
}
@media all and (max-width:768px){
  #menu8626_obj40{top:80px;height:calc(100% - 150px) !important;}
  .wrap_slogan .text_1{font-size:30px;}
  .wrap_slogan .text_2{font-size:18px;letter-spacing:0px;}
}

/*애니메이션*/
.wrap_slogan .text_1{opacity:0;transform:translateY(-50px);}
.wrap_slogan .text_1{animation-name:slogan_1;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.5s;}
@keyframes slogan_1{
  0%{}
  100%{opacity:1;transform:translateY(0);}
}
.wrap_slogan .text_2{opacity:0;transform:translateY(50px);}
.wrap_slogan .text_2{animation-name:slogan_2;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1s;}
@keyframes slogan_2{
  0%{}
  100%{opacity:1;transform:translateY(0);}
}


/********************
학사일정
********************/
.wrap_link_title{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;border-right:1px solid #e5e5e5;}
.wrap_link_title h2 span{font-size:14px;color:#888;font-family:'Dream Light';display:block;}
.wrap_link_title h2 strong{font-size:21px;color:#212121;font-family:'Dream Bold';display:block;margin-top:15px;line-height:1.2;}
.wrap_link_title a{display:flex;align-items:center;}
.wrap_link_title a::before{content:"";display:block;margin-right:10px;width:23px;height:20px;background:url(../../images/icon_10.png) no-repeat;transition:0.5s;}
.wrap_link_title a span{font-size:15px;color:#010101;font-family:'Dream Bold';border-bottom:2px solid #8b0029;padding-bottom:3px;display:inline-block;transition:0.3s;}
/*HOVER*/
@media all and (min-width:1281px) {
  .wrap_link_title a:hover span{color:#8b0029;}
  .wrap_link_title a:hover::before{transform: rotatey(180deg);}
}
@media all and (max-width:1280px) {
  .wrap_link_title{padding:30px;border-right:0;}
  .wrap_link_title h2{text-align:center;}
  .wrap_link_title h2 br{display:none;}
  .wrap_link_title h2 strong{margin-top:5px;}
  .wrap_link_title a{margin-top:15px;}
}
@media all and (max-width:768px) {
  .wrap_link_title h2 span{font-size:12px;}
  .wrap_link_title h2 strong{font-size:18px;}
}


/********************
타이틀
********************/
.mainTitle_1{font-size:65px;color:#000;font-family:'Dream SemiBold';line-height:1;letter-spacing:-3px;}
@media all and (max-width:1280px){
  .mainTitle_1{font-size:50px;margin-bottom:20px;}
}
@media all and (max-width:768px){
  .mainTitle_1{font-size:35px;}
}


/********************
바로가기
********************/
#multipleDiv_template4_20{}
#multipleDiv_template4_20::before,
#multipleDiv_template4_20::after{content:"";display:block;height:100%;position:absolute;top:0;}
#multipleDiv_template4_20::before{left:0;width:60%;background:url(../../images/bg_1.jpg) no-repeat right center;background-size:cover;}
#multipleDiv_template4_20::after{right:0;width:40%;background:url(../../images/bg_2.jpg) no-repeat left center;background-size:cover;}
.wrap_banner{width:100%;height:100%;}
.wrap_banner a{padding:30px 50px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;transition:0.5s;}
.wrap_banner strong{font-size:22px;color:#FFF;font-family:'Dream Bold';}
.wrap_banner strong::after{content:"";display:block;width:0;height:2px;background:#FFF;margin-top:5px;transition:0.4s;}
.wrap_banner span{font-size:18px;color:#FFF;}
.wrap_banner .item_1{font-family:'Dream Regular';padding-top:10px;line-height:1.3;}
.wrap_banner .item_2{font-family:'Dream Regular';padding-top:35px;line-height:1;display:flex;align-items:flex-end;}
.wrap_banner .item_2::before{margin:0 -10px 2px 0;content:"";display:block;width:18px;height:18px;border-radius:100%;background:rgba(255,255,255,0.3);}
.wrap_banner .item_2::after{margin:0 0 3px 10px;content:"";display:block;width:22px;height:7px;background:url(../../images/arrow_2.png) no-repeat right bottom;transition:0.3s;}
.wrap_banner.type_1 a{background:rgba(14,65,148,0.9);}
.wrap_banner.type_2 a{background:rgba(0,0,0,0.7);}
.wrap_banner.type_3 a{background:rgba(180,53,59,0.9);}
/*HOVER*/
@media all and (min-width:1281px) {
  .wrap_banner.type_1 a:hover{background:rgba(14,65,148,1);}
  .wrap_banner.type_2 a:hover{background:rgba(0,0,0,1);}
  .wrap_banner.type_3 a:hover{background:rgba(180,53,59,1);}
  .wrap_banner a:hover strong::after{width:100%;}
  .wrap_banner a:hover .item_2::after{margin-left:20px;}
}
@media all and (max-width:1280px) {
  #multipleDiv_template4_20::before{width:59%;}
  #multipleDiv_template4_20::after{width:41%;}
  .wrap_banner a{padding:30px;}
  .wrap_banner strong{font-size:20px;}
  .wrap_banner span{font-size:16px;}
}
@media all and (max-width:768px) {
  #multipleDiv_template4_20::before{width:100%;}
  #multipleDiv_template4_20::after{display:none;}
  .wrap_banner a{padding:20px;}
  .wrap_banner strong{font-size:18px;}
  .wrap_banner span{font-size:14px;}
  .wrap_banner .item_1{padding-top:0;}
  .wrap_banner .item_2{padding-top:25px;}
}

/**dark-on-css**/
#section2.dark_on,
#section2.dark_on #multipleDiv_template4_19{background:#000;}

.dark_on .mainTitle_1{color:#fff;}
.dark_on .wrap_rct .inner > li.active .title a{color:#2196F3;}
.dark_on .wrap_rct .inner > li.active .title a{background-image:linear-gradient(to bottom, transparent 50%, #192b49 0%);}
.dark_on .wrap_rct .subjectText{color:#fff;}
.dark_on .wrap_rct .content{color:#ddd;}
.dark_on .wrap_rct .date{color:#aaa;}
.dark_on .wrap_rct .title a{color:#eee;}
.dark_on .wrap_rct .title a:hover{background-image:linear-gradient(to bottom, transparent 50%, #192b49 0%);}
.dark_on .wrap_rct a.subject:hover .subjectText span{background-image:linear-gradient(to bottom, transparent 50%, #192b49 0%);}
.dark_on .wrap_photo{background:#000;}
.dark_on .wrap_photo .title a{color:#fff;}
.dark_on .wrap_photo .subjectText{color:#ddd;}
.dark_on .wrap_photo .content{color:#bbb;}

/**cursor-css**/
.cursor {opacity: 0; font-family: Noto Bold; position: absolute; top: 0; left: 0; width: 100px; font-size: 17px; color:#000; text-align: center; line-height: 100px; height: 100px; background-color: #ffffff; border-radius: 50%; z-index: 9999; pointer-events: none; transition: transform 200ms ease-out; mix-blend-mode: difference; } 
.cursor.cursor_expand { transform: scale(1.5); opacity: 1;}

@media all and (max-width:1280px){
  .cursor{display:none;}
}