@charset "utf-8";

/********************
COMMON
********************/
#multipleContentsDiv_template7_6{max-width:1720px;padding:100px 0;}
#multipleDiv_templet_dept_07_55{max-width:1720px;padding:100px 0 90px;margin:0 auto;}

@media all and (max-width:1720px){
  #multipleContentsDiv_template7_6{padding:80px 25px;}
  #multipleDiv_templet_dept_07_55{padding:80px 25px;}
}


@media all and (max-width:768px){
  #multipleContentsDiv_template7_6{padding:60px 25px;}
  #multipleDiv_templet_dept_07_55 ._objWidget{overflow:visible;}
}





/********************
슬로건
********************/
#menu5420_obj31{position:absolute;left:5%;top: 270px;width:90% !important;display:flex;align-items:center;padding-bottom: 20px;}
.wrap_slogan{color:#FFF;line-height:1.3;text-shadow:0 0 10px rgba(0,0,0,0.5);}
.wrap_slogan .text_0{font-family:'Noto Light';font-size:28px;display:block;}
.wrap_slogan .text_1{font-family:'Noto Regular';font-size:50px;letter-spacing:-1px;line-height:1;margin-top:20px;}
.wrap_slogan .text_2{font-family:'Noto Bold';font-size:73px;padding-top:10px;line-height:1;margin-top:5px;}
.wrap_slogan .text_2 > span{position:relative;display:inline-block;}
.wrap_slogan .text_2 > span:before{content:'';width:100%;height:20px;background:#014da2;position:absolute;z-index:-1;bottom:-12px;}

@media all and (max-width:1280px){
  #menu5420_obj31{top: 170px;}
  .wrap_slogan .text_0{font-size:24px;}
  .wrap_slogan .text_1{font-size:34px;}
  .wrap_slogan .text_2{font-size:48px;}
  .wrap_slogan .text_2 > span:before{height:10px;bottom:-6px;}
}
@media all and (max-width:768px){
  #menu5420_obj31{top: 180px;}
  .wrap_slogan .text_0{font-size:18px;}
  .wrap_slogan .text_1{font-size:24px;}
  .wrap_slogan .text_2{font-size:34px;}
  .wrap_slogan .text_2 > span:before{height:10px;bottom:-6px;}
}
/*애니메이션*/
.wrap_slogan .text_1,
.wrap_slogan .text_0{opacity:0;transform:translateY(-50px);}
.wrap_slogan .text_1,
.wrap_slogan .text_0{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);}
}


/**dark-on-css**/
.dark_on{background:#000;}
.dark_on .notice-txt > strong{color:#fff;}
/**.dark_on .notice-txt > strong:after{background:#2196F3;}**/
.dark_on .notice-txt > p{color:#ddd;}
/**.dark_on .wrap_rct .title a:hover, 
.dark_on .wrap_rct .inner > li.active .title a{color:#2196F3;border-color:#2196F3;}**/
.dark_on .wrap_rct .title a{color:#eee;}
.dark_on .wrap_rct .subjectText{color:#fff;}
.dark_on .wrap_rct .content{color:#ddd;}
.dark_on .wrap_rct .date{color:#ccc;}
.dark_on .wrap_rct .slick-arrow{background-color:#000;}

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