@charset "utf-8";

/*COMMON*/
#section2,
#multipleDiv_template3_19{background:#f2f2f2;}
#multipleDiv_template3_18,
#multipleDiv_template3_19,
#multipleDiv_template3_20{max-width:calc(95% - 300px);margin:0 0 0 300px !important;overflow:hidden;}
#multipleDiv_template3_18,
#multipleDiv_template3_19{padding:80px 0;}
@media all and (max-width:1280px){
  #multipleDiv_template3_18,
  #multipleDiv_template3_19,
  #multipleDiv_template3_20{max-width:90%;margin:0 auto !important;}
  #multipleDiv_template3_18,
  #multipleDiv_template3_19{padding:100px 0;}
}
@media all and (max-width:768px){
  #multipleDiv_template3_18,
  #multipleDiv_template3_19{padding:50px 0;}
}


/********************
슬로건
********************/
#menu3016_obj43{position:absolute;left:5%;top:0;width:90% !important;height:calc(100% - 70px) !important;display:flex;align-items:center;justify-content:flex-end;}
.wrap_slogan{color:#FFF;text-align:right;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;line-height:1.3;}
.wrap_slogan .text_2{font-family:'Dream Light';font-size:30px;padding-top:10px;line-height:1.2;}
@media all and (max-width:1280px){
  #menu3016_obj43{top:70px;height:calc(100% - 140px) !important;justify-content:center;}
}
@media all and (max-width:768px){
  #menu3016_obj43{top:80px;height:calc(100% - 150px) !important;}
  .wrap_slogan{text-align:center;}
  .wrap_slogan .text_1{font-size:30px;letter-spacing:-1px;}
  .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:20px;font-size:40px;line-height:0.8;letter-spacing:-2px;}
.mainTitle strong{font-family:'Dream Regular';}
.mainTitle span{color:#222;font-family:'Dream Bold';}
@media all and (max-width:1280px){
  .mainTitle{font-size:30px;}
}
@media all and (max-width:768px){
  .mainTitle{font-size:25px;}
}


/********************
INFO
********************/
.wrap_banner{height:100%;padding:0 50px 50px 50px;border-left:10px solid #0e4194;border-bottom:10px solid #0e4194;}
.wrap_banner h2 span{color:#0e4194;}
.wrap_banner .wrap{margin-top:50px;}
.wrap_banner .wrap a{display:flex;align-items:center;justify-content:space-between;padding:15px 25px;border:1px solid #6d6d6d;margin:10px 0;transition:0.5s;}
.wrap_banner .wrap a span{font-size:18px;font-family:'Dream Medium';line-height:1;}
.wrap_banner .wrap a.a_1{background:#7d7776;border-color:#7d7776;}
.wrap_banner .wrap a.a_1::after{filter: invert(1) brightness(10);}
.wrap_banner .wrap a.a_1 span{color:#FFF;}
.wrap_banner .wrap a.a_2 span{color:#222;}
/*HOVER*/
@media all and (min-width:1281px) {
  .wrap_banner .wrap a.a_1:hover{background:#FFF;border-color:#6d6d6d;}
  .wrap_banner .wrap a.a_1:hover span{color:#222;}
  .wrap_banner .wrap a.a_1:hover::after{filter: invert(0) brightness(0);}
  .wrap_banner .wrap a.a_2:hover{background:#7d7776;border-color:#7d7776;}
  .wrap_banner .wrap a.a_2:hover span{color:#FFF;}
  .wrap_banner .wrap a.a_2:hover::after{filter: invert(1) brightness(10);}
}
@media all and (max-width:1280px){
  .wrap_banner{padding:0 30px 30px 30px;}
  .wrap_banner .wrap a{padding:15px;}
  .wrap_banner .wrap a span{font-size:16px;}
}
@media all and (max-width:768px){
  .wrap_banner{padding:0 20px 20px 20px;border-width:7px;}
  .wrap_banner .wrap{margin-top:20px;}
  .wrap_banner .wrap a{padding:12px 15px;}
}

/**darkmode-css**/
#section1 *{transition:ease-in-out all .5s;}
#section1.dark_on{background-color:#000;}
#section1.dark_on .mainTitle{color:#ddd;}
#section1.dark_on .mainTitle span{color:#ddd;}
#section1.dark_on .wrap_rct .subjectText span{color:#ddd;}
#section1.dark_on .wrap_rct .content span{color:#ddd;}
#section1.dark_on .wrap_rct .date{color:#ddd;}
#section1.dark_on .wrap_photo a.subject::before{opacity: .3;}
#section1.dark_on .wrap_rct a.subject:hover .subjectText span{    background-image: linear-gradient(to bottom, transparent 60%, #6167aa 0%);}
#section1.dark_on .wrap_rct .title a{color:#ddd;}

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