@charset "utf-8";

/********************
COMMON
********************/
#section0,
#multipleDiv_template6_9{background:url(../../images/bg_3.jpg) no-repeat center;background-size:cover;}
#multipleContentsDiv_template6_9{padding:150px 200px 150px 5%;max-width:100%;}
@media all and (max-width:1280px){
  #multipleContentsDiv_template6_9{padding:150px 0 100px 0;max-width:90%;}
}
@media all and (max-width:768px){
  #multipleContentsDiv_template6_9{padding-bottom:50px;}
}


/********************
타이틀
********************/
.wrap_title span{font-size:25px;color:#FFF;font-family:'Sebang Regular';line-height:1.5;letter-spacing:-1px;display:block;}
.wrap_title strong{font-size:50px;color:#FFF;font-family:'Sebang Regular';line-height:1.2;letter-spacing:-2px;display:block;}
@media all and (max-width:768px){
  .wrap_title{text-align:center;}
  .wrap_title span{font-size:18px;}
  .wrap_title strong{font-size:25px;}
}


/********************
슬로건
********************/
#menu8535_obj36{position:absolute;top:70px;left:5%;height:calc(100% - 140px) !important;width:90% !important;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}
.wrap_slogan{text-shadow:0 0 10px rgba(0,0,0,0.5);}
.wrap_slogan .text_1{font-size:60px;color:#FFF;font-family:'Sebang Regular';line-height:1.2;letter-spacing:-4px;margin-top:30px;opacity:0;transform:translateY(-50px);}
.wrap_slogan .text_2{font-size:35px;color:#FFF;font-family:'Sebang Regular';line-height:1;margin-top:10px;letter-spacing:-1px;opacity:0;transform:translateY(50px);}
@media all and (max-width:768px){
  #menu8535_obj36{align-items:center;}
  .wrap_slogan{text-align:center;}
  .wrap_slogan .text_1{font-size:30px;letter-spacing:0px;}
  .wrap_slogan .text_2{font-size:18px;letter-spacing:0px;}
}
/*애니메이션*/
.wrap_slogan .text_0{animation-name:sloganItem_3;animation-duration:1s;animation-fill-mode:forwards;}
@keyframes sloganItem_3{
  0%{}
  100%{opacity:1;transform:translateY(0);}
}
.wrap_slogan .text_1{animation-name:sloganItem_1;animation-duration:2s;animation-fill-mode:forwards;}
@keyframes sloganItem_1{
  0%{}
  100%{opacity:1;transform:translateY(0);}
}
.wrap_slogan .text_2{animation-name:sloganItem_2;animation-duration:3s;animation-fill-mode:forwards;}
@keyframes sloganItem_2{
  0%{}
  100%{opacity:1;transform:translateY(0);}
}

.wrap_quick{display:flex;margin-top:100px;}
.wrap_quick .item{margin-right:10px;}
.wrap_quick .item a{width:190px;padding:20px 0 14px 0;border:1px solid rgba(255,255,255,0.3);border-radius:50px;display:flex;align-items:center;justify-content:center;font-size:20px;color:rgba(255,255,255,0.9);font-family:'Gmarket Medium';line-height:1;letter-spacing:-1px;}
.wrap_quick .item_1 a{background:rgba(14,65,148,0.6);}
.wrap_quick .item_2 a{background:rgba(78,72,63,0.6);}
.wrap_quick .item_3 a{background:rgba(0,0,0,0.6);}
/*HOVER*/
@media all and (min-width:1281px) {
  .wrap_quick .item a:hover{background:#000;border-color:#000;color:#FFF;}
}
@media all and (max-width:768px){
  .wrap_quick{margin-top:50px;}
  .wrap_quick .item{margin-right:5px;}
  .wrap_quick .item a{width:85px;padding:12px 0;font-size:12px;}
}

/**dark-on-css**/
.dark_on .wrap_rct .list{background:#000;}
.dark_on .wrap_rct .subjectText span{color:#fff;}
.dark_on .wrap_rct .content span{color:#ddd;}
.dark_on .wrap_rct .date{color:#bbb;}

@media only screen and (min-width:1281px){
  .dark_on  .wrap_rct a.subject:hover .date{border-color:#666;}
}

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