@charset "utf-8";

/********************
COMMON
********************/
.main .wrap_contents{padding-top: 120px;}
#multipleDiv_template4_21{border-top:1px solid #ddd;}

@media all and (max-width:1720px){
  #multipleContentsDiv_template4_21{padding:0 25px;}
  #section0{padding: 0 50px;}
}

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

@media all and (max-width:1000px){
}

@media all and (max-width:767px){
  .main .wrap_contents{padding-top: 80px;}
  #section0{padding:0 20px;}
}

/********************
슬로건
********************/
#menu27355_obj40{position:absolute;left: calc(calc(100% - 1720px) / 2);top: 110px;padding-left:85px;}
.wrap_slogan{color:#FFF;line-height:1.3;}
.wrap_slogan .text_1{font-family: 'Suite Medium';font-size: 30px;letter-spacing: 2px;}
.wrap_slogan .text_2{font-family:'Dream Regular';font-size:35px;letter-spacing:-1px;margin-top: -35px;}

@media all and (max-width:1720px){
  #menu27355_obj40{left:0;}
}

@media all and (max-width:1280px){
  #menu27355_obj40{padding-left: 45px;top: 80px;}
  .wrap_slogan .text_1{font-size: 24px;}
  .wrap_slogan .text_2 {margin-top:-30px;}
  .wrap_slogan .text_2 img{max-width:80%;}
}
@media all and (max-width:768px){
  #menu27355_obj40{top: 550px;padding-left: 35px;}
}

/**변형**/
.wrap_slogan2{color:#FFF;line-height:1.3;}
.wrap_slogan2 .text_0{font-family:'Noto Light';font-size: 16px;display:block;letter-spacing: 0;}
.wrap_slogan2 .text_1{font-family: 'Noto Bold';font-size: 58px;letter-spacing: 0;line-height: 1.15;margin-top:20px;}
.wrap_slogan2 .text_2{font-family: 'Noto Regular';font-size: 20px;padding-top: 25px;line-height: 1.55;}
.wrap_slogan2 .text_2 > span{position:relative;display:inline-block;}
.wrap_slogan2 .text_2 > span:before{content:'';width:100%;height:20px;background:#014da2;position:absolute;z-index:-1;bottom:-12px;}

@media all and (max-width:1280px){
  .wrap_slogan2 .text_0{font-size:13px;}
  .wrap_slogan2 .text_1{font-size:35px;margin-top: 10px;}  
  .wrap_slogan2 .text_2{display:none;}  
}

@media all and (max-width:768px){
  .wrap_slogan2 .text_0{font-size: 15px;}
  .wrap_slogan2 .text_1{margin-top:10px;line-height: 1.2;font-size:38px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;padding-right: 35px;}
  .wrap_slogan2 .text_2{font-size:34px;line-height:1.2;}
  .wrap_slogan2 .text_2 > span:before{height:10px;bottom:-4px;}
}


/*애니메이션*/
.wrap_slogan2 .text_0,
.wrap_slogan .text_1,
.wrap_slogan2 .text_1{opacity:0;transform:translateY(-50px);}
.wrap_slogan2 .text_0,
.wrap_slogan .text_1,
.wrap_slogan2 .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,
.wrap_slogan2 .text_2{opacity:0;transform:translateY(50px);}
.wrap_slogan .text_2,
.wrap_slogan2 .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);}
}

/**퀵메뉴 제목**/
.main-subject {padding-top:120px;}
.main-subject .title > span{font-family:'Noto Medium';color:#144194;font-size:18px;display:block;margin-bottom:20px;}
.main-subject .title > strong{display:block;font-size:48px;font-family:'Noto Bold';color:#000;line-height:1.1;letter-spacing:-0.025em;}
.main-subject .title > strong i{display:block;}
.main-subject .title > strong span{color:#0e4194;}


.rb-buttons > ul{display:flex;gap:20px;}
.rb-buttons > ul > li{width:100%;border-radius:25px;position:relative;}
.rb-buttons > ul > li a{display:block;padding:50px 45px;height:320px;}
.rb-buttons > ul > li strong{font-size:30px;color:#fff;font-family:'Noto Bold';}
.rb-buttons > ul > li:nth-child(1){background:url('../../images/ad01-bg01.png') no-repeat center;background-size: cover;}
.rb-buttons > ul > li:nth-child(1):before{content:'';width: 66px;height: 72px;background:url('../../images/ad01-icon01.png') no-repeat center;position:absolute;left: 40px;bottom:45px;}
.rb-buttons > ul > li:nth-child(2){background:url('../../images/ad01-bg02.png') no-repeat center;background-sizse:cover;}
.rb-buttons > ul > li:nth-child(2):before{content:'';width: 61px;height: 75px;background:url('../../images/ad01-icon02.png') no-repeat center;position:absolute;left: 40px;bottom:45px;}

@media all and (max-width:1720px){
  #multipleContentsDiv_add-organ_54{width:100%;padding: 0 50px;}
}

@media all and (max-width:1440px){
  .main-subject{padding-top:100px;}
}

@media all and (max-width:1280px){
  .main-subject{padding-top: 50px;}
  .main-subject .title > span{font-size:12px;margin-bottom: 10px;}  
  .main-subject .title > strong{font-size:28px;line-height: 1;}  
  .rb-buttons > ul{gap: 10px;}
  .rb-buttons > ul > li a{height:170px;padding: 25px;}
  .rb-buttons > ul > li strong{font-size:17px;}
  .rb-buttons > ul > li:nth-child(1):before{width:35px;height:40px;background-size:contain;left:25px;bottom:30px;}
  .rb-buttons > ul > li:nth-child(2):before{width:32px;height:40px;background-size:contain;left:25px;bottom:30px;}
}

@media all and (max-width:767px){
  #multipleContentsDiv_add-organ_54{padding:0 20px;}
  .main-subject .title > strong i{display:inline-block;margin:0 3px;}
  .main-subject .title > strong{line-height:1.25;font-size: 32px;}
  .main-subject .title > span{font-size:16px;}

  .rb-buttons > ul > li a{height:150px;padding: 20px;}
  .rb-buttons > ul > li{border-radius:10px;}

  .rb-buttons > ul > li:nth-child(1):before{width:28px;left:20px;bottom:25px;}
  .rb-buttons > ul > li:nth-child(2):before{width:27px;left:20px;bottom:25px;}
}

#section3 ._objWidget{overflow:visible;}

@media all and (max-width:1720px){
  #multipleContentsDiv_add-organ_93{width:100%;padding: 0 50px;}
}

@media all and (max-width:767px){
  #multipleContentsDiv_add-organ_93{padding:0 20px;}
}

/**dark-on-css**/
.dark_on{background:#000;}
.dark_on .wrap_rct .list{background:#000;}
.dark_on .rct-album-title.tit-left > span{color:#fff;}
.dark_on .rct-album-title > strong{color:#fff;}
.dark_on .wrap_rct .list ul .slick-list li{background:#000;}
.dark_on .wrap_rct .subjectText span{color:#eee;}
@media only screen and (min-width:1281px){
  .dark_on .wrap_rct .list ul .slick-list li:hover{border:3px solid #0f78bd;background:#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;}
}