@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 0px;}
  #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;}
}

/********************
공지사항 타이틀
********************/
.wrap_rct .inner > li.active .title a {font-family: 'SBAggro L'; font-size: 24px; color: #fff; background: #0041a5; padding: 7px 8px 2px 8px; border-radius: 20px; word-break: keep-all; overflow-wrap: break-word;}
.wrap_rct .title a {font-size: 24px; padding: 2px 16px; word-break: keep-all; overflow-wrap: break-word;}
.wrap_rct .list {top: 50px;}
.wrap_rct .inner > li.active .title a:before { width: 0px; margin-right: 0px;}
.wrap_rct .title::before { width: 0px; background: #fff; margin: 0 0px;}

.wrap_rct .subjectText { font-size: 18px;}
.wrap_rct .subjectText {line-height: 1.4;}

@media all and (max-width:1280px){
  .wrap_rct .inner > li.active .title a {font-size: 15px; padding: 5px 5px 5px 5px;}
  .wrap_rct .title a{font-size: 15px; padding: 2px 0px;}
  .wrap_rct .title::before {margin: 0 6px;}
  .wrap_rct .inner > li.active .title a:before {margin-right: 0px;}
}

@media all and (max-width:768px){
.wrap_rct .inner > li.active .title a {font-size: 16px; padding: 4px 4px 3px 4px;}
  /*.wrap_rct .inner > li.active .title a {font-size: 16px; padding: 7px 17px 4px 15px;}  */
  .wrap_rct .title a{font-size: 14px; padding: 2px 3px;}  
  .wrap_rct .title::before {margin: 0 5px;}
  .wrap_rct .list {top: 35px;}
}

@media all and (max-width:426px){
.wrap_rct .inner > li.active .title a {font-size: 14px; padding: 4px 4px 3px 1px;}
  /*.wrap_rct .inner > li.active .title a {font-size: 16px; padding: 7px 17px 4px 15px;}  */
  .wrap_rct .title a{font-size: 14px; padding: 0px 0px;}  
  .wrap_rct .title::before {margin: 0 5px;}
  .wrap_rct .list {top: 35px;}
}


#menu28069_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;}

.wrap_slogan2 { word-break: keep-all; overflow-wrap: break-word; line-height: 1.3; max-width: 600px;}

@media all and (max-width:1720px){
  #menu28069_obj40{left:0;}
}

@media all and (max-width:1280px){
}
@media all and (max-width:768px){
}

/* 공지사항 박스 소스*/
    /*#menu28069_obj412 { border:1px solid; padding: 20px; color: cornflowerblue;}  */
    #menu28069_obj412 { padding: 20px; }


@media all and (max-width:768px){
/*    #menu28069_obj412 { border:1px solid; padding: 10px; }    */
      #menu28069_obj412 { padding: 10px; }
}


/**변형**/
.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){
  #menu28069_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;}
  #menu28069_obj40{padding-left: 12%;top: 70px;}
  .wrap_slogan2 .text_0{font-size:18px;}
  .wrap_slogan2 .text_1{font-size: 43px;}
}

/**퀵메뉴**/
.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;}
}


.wrap_quick a.item .wrap{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 150px;}


/** 메인퀵메뉴 **/
.wrap_quick a.item .text_1 { font-size: 18px;}

.wrap_quick a.item {width: 205px; border-radius:35px;}
.wrap_quick .left-title > strong:after { width: 0px; height: 0px; }
.wrap_quick .left-title {max-width: 25%; margin-right: 50px;}
.wrap_quick .container {justify-content: start; }
.wrap_quick .slick-slide { margin: 0 27px;}

@media all and (max-width:767px){
.wrap_quick .left-title {max-width: 100%; margin-right: 5px;}
.wrap_quick a.item {border-radius: 25px; width: 100%;}
.wrap_quick .slick-list { margin: 0 -18px; }
.wrap_quick .slick-slide { margin: 0 20px;}
}