@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;}
  #multipleContentsDiv_template4_17{width:100%;}

}

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

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

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

/********************
슬로건
********************/
#menu19067_obj40{position:absolute;left: calc(calc(100% - 1720px) / 2);top: 100px;padding-left: 65px;}
.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){
  #menu19067_obj40{left:0;}
}

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

/**변형**/
.wrap_slogan2{color:#FFF;line-height:1.3;}
.wrap_slogan2 .text_0{font-family: 'Noto Medium';font-size: 18px;display:block;letter-spacing: 0;}
.wrap_slogan2 .text_1{font-family: 'Noto Bold';font-size: 55px;letter-spacing: 0;line-height: 1.15;margin-top: 15px;}
.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:768px){
  .wrap_slogan2 .text_0{font-size:20px;}
  .wrap_slogan2 .text_1{font-size:30px;margin-top:10px;}
  .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);}
}

@media all and (max-width:1280px){
  #menu19067_obj40{padding-left: 85px;top:50px;}
  #multipleContentsDiv_template4_17{padding:0 50px;}  
  .wrap_slogan2 .text_0{font-size:12px;}  
  .wrap_slogan2 .text_1{font-size:35px;}
}

@media all and (max-width:767px){
  #multipleContentsDiv_template4_17{padding:0 20px;}
  #menu19067_obj40{padding-left: 12%;top: 70px;}
  .wrap_slogan2 .text_0{font-size:18px;}
  .wrap_slogan2 .text_1{font-size: 48px;}
}

/**퀵메뉴**/
.main-quick{padding-bottom:90px;}
.main-quick .inner > ul{display:flex;gap: 1%;}
.main-quick .inner > ul > li{width:100%;background:#f0f6fb;position:relative;background-repeat:no-repeat;background-position:90% 90%;}
.main-quick .inner > ul > li > a{display:block;padding:35px 25px 145px;}
.main-quick .inner > ul > li > a > strong{font-size:28px;font-family:'Noto Bold';color:#0e4194;letter-spacing:-0.025em;display:block;margin-bottom:15px;}
.main-quick .inner > ul > li > a > p{font-size:18px;font-family: 'Noto DemiLight';color:#879ac1;}

.main-quick .inner > ul > li.icon01{background-image:url('/sites/templateGuide/images/guide/ico-b-32.png');}
.main-quick .inner > ul > li.icon02{background-image:url('/sites/templateGuide/images/guide/ico-b-24.png');}
.main-quick .inner > ul > li.icon03{background-image:url('/sites/templateGuide/images/guide/ico-b-28.png');}
.main-quick .inner > ul > li.icon04{background-image:url('/sites/templateGuide/images/guide/ico-b-10.png');}
.main-quick .inner > ul > li.icon05{background-image:url('/sites/templateGuide/images/guide/ico-b-16.png');}
.main-quick .inner > ul > li.icon06{background-image:url('/sites/templateGuide/images/guide/ico-b-33.png');}

@media all and (max-width:1720px){
  #multipleContentsDiv_template4_18{width:100%;}
}

@media all and (max-width:1280px){
  #multipleContentsDiv_template4_18{padding:0 50px;}
  .main-quick{padding-bottom:50px;}  
  .main-quick .inner > ul{}
  .main-quick .inner > ul > li > a{padding: 20px 15px 65px;}
  .main-quick .inner > ul > li > a > strong{font-size:16px;}  
  .main-quick .inner > ul > li > a > p{font-size:11px;}  
  .main-quick .inner > ul > li.icon01{background-size:35px}  
  .main-quick .inner > ul > li.icon02{background-size:37px}
  .main-quick .inner > ul > li.icon03{background-size:36px}  
  .main-quick .inner > ul > li.icon04{background-size:45px}  
  .main-quick .inner > ul > li.icon05{background-size:42px}  
  .main-quick .inner > ul > li.icon06{background-size:38px}    
}

@media all and (max-width:767px){
  #multipleContentsDiv_template4_18{padding:0 20px;}
  .main-quick .inner > ul{flex-wrap:wrap;gap:10px;} 
  .main-quick .inner > ul > li{width:calc(100% / 2 - 5px);}  
  .main-quick .inner > ul > li > a > strong{font-size:21px;}  
  .main-quick .inner > ul > li > a > p{font-size: 13px;}  
  .main-quick .inner > ul > li > a{}  
}

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