@charset "utf-8";

/********************
COMMON
********************/
.main .wrap_contents{padding-top: 120px;}
#multipleDiv_template7_6{max-width:1600px;margin:-75px auto 0;}
#multipleDiv_template7_7{max-width:1600px;margin:0 auto;padding:100px 0;}
#multipleDiv_templet_dept_05_119{background:#335a9d;padding:100px 0;}
#multipleDiv_template7_8{border-top:1px solid #cdcdcd;}
/**#multipleContentsDiv_template7_8{max-width: 1600px;margin:0 auto;}**/

@media all and (max-width:1600px){
  #multipleDiv_template7_7{padding: 80px 25px;}
}

@media all and (max-width:1280px){
  #multipleDiv_templet_dept_05_119{padding:60px 0;}
  .main .wrap_contents{padding-top:70px;}  
}

@media all and (max-width:767px){
  #multipleDiv_template7_7{padding:60px 25px;}
}

/********************
슬로건
********************/
#menu2710_obj31{position:absolute;left: 50%;transform: translate(-50%, 0);top: 220px;width: auto;display:flex;align-items:center;text-align: center;}
.wrap_slogan{color:#FFF;line-height:1.3;padding: 45px 35px 35px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.wrap_slogan .text_1{font-family: 'Noto Medium';font-size: 70px;letter-spacing:-1px;line-height: 1.1;}
.wrap_slogan .text_2{font-family: 'Noto Regular';font-size: 22px;padding-top: 30px;}
@media all and (max-width:1280px){
  #menu2710_obj31{top: 120px;}
  .wrap_slogan .text_1{font-size: 42px;}
  .wrap_slogan .text_2{font-size:18px;}
}
@media all and (max-width:768px){
  #menu2710_obj31{top: 100px;width: 100%;transform: none;left: 0;display: block;margin: 0 auto;padding: 0 25px;}
  .wrap_slogan{padding-left:15px;padding-right:15px;}
  .wrap_slogan .text_1{font-size: 28px;}
  .wrap_slogan .text_2{font-size: 16px;padding-top: 15px;}
}
/*애니메이션*/
.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);}
}

/**dark-on-css**/
.dark_on{background:#000;}
.dark_on .wrap_rct .title a{color:#fff;}
.dark_on .wrap_rct .subjectText{color:#fff;}
.dark_on .wrap_rct .content{color:#ddd;}
.dark_on .wrap_rct .readMore{color:#ccc;}

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