@charset "utf-8";

/********************
COMMON
********************/
#multipleContentsDiv_template7_6{max-width:90%;padding:100px 0;}
@media all and (max-width:768px){
  #multipleContentsDiv_template7_6{padding:50px 0;}
}


/********************
슬로건
********************/
#menu1892_obj31{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:45px;letter-spacing:-1px;}
.wrap_slogan .text_2{font-family:'Dream Light';font-size:30px;padding-top:10px;}
@media all and (max-width:1280px){
  #menu1892_obj31{top:70px;height:calc(100% - 140px) !important;}
}
@media all and (max-width:768px){
  #menu1892_obj31{top:80px;height:calc(100% - 150px) !important;}
  .wrap_slogan .text_1{font-size:30px;}
  .wrap_slogan .text_2{font-size:18px;}
}
/*애니메이션*/
.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);}
}


/********************
타이틀
********************/
.mainTitle{padding-bottom:50px;}
.mainTitle strong{font-family:'Dream Medium';font-size:50px;letter-spacing:-2px;line-height:1.2;display:block;color:#111;}
.mainTitle strong::after{content:"";display:block;width:100px;height:2px;background:#000;margin:30px 0;}
.mainTitle p{color:#666;font-family:'Dream Medium';font-size:18px;display:block;padding-top:10px;}
@media all and (max-width:1280px){
  .mainTitle strong{font-size:40px;}
  .mainTitle p{font-size:16px;padding-top:5px;}
  .mainTitle strong::after{display:none;}
}
@media all and (max-width:768px){
  .mainTitle{padding-bottom:30px;}
  .mainTitle strong{font-size:25px;}
  .mainTitle p{font-size:14px;}
}


/********************
바로가기
********************/
.banner_1{height:100%;}
.banner_1 ul{display:flex;justify-content:space-between;}
.banner_1 ul li{width:50%;padding:70px 0;display:flex;justify-content:center;}
.banner_1 ul li.item_1{background:url(../../images/banner_1.jpg) no-repeat center;background-size:cover;}
.banner_1 ul li.item_2{background:url(../../images/banner_2.jpg) no-repeat center;background-size:cover;}
.banner_1 ul li a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;}
.banner_1 ul li a div{color:#FFF;text-align:center;}
.banner_1 ul li a div strong{font-size:28px;font-family:'Dream Medium';padding-bottom:20px;display:block;}
.banner_1 ul li a div span{font-size:18px;font-family:'Dream Regular';}
.banner_1 ul li a div::after{content:"";display:block;width:20px;height:20px;margin:15px auto;background:url(../../images/arrow.png) no-repeat center;}
/*HOVER*/
@media all and (min-width:1281px) {
  .banner_1 ul li a:hover span{background-image:linear-gradient(to bottom, transparent 60%, #0e4194 0%);}
}
@media all and (max-width:768px){
  .banner_1 ul{flex-wrap:wrap;}
  .banner_1 ul li{width:100%;padding:20px;margin-bottom:1px;}
  .banner_1 ul li a div strong{font-size:20px;padding-bottom:10px;}
  .banner_1 ul li a div span{font-size:16px;}
}

/**dark-on-css**/
.dark_on{background:#000;}
.dark_on .mainTitle strong{color:#fff;}
.dark_on .mainTitle p{color:#fff;}
.dark_on .wrap_rct .inner > li.active .title a{color:#2196F3 !important;border-color:#2196F3;}
.dark_on .wrap_rct .title a{color:#fff !important;}
.dark_on .wrap_rct .subjectText{color:#fff !important;}
.dark_on .wrap_rct .content{color:#ccc !important;}
.dark_on .wrap_rct .date{color:#9d9d9d;}

/**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;}
}