@charset "utf-8";

/********************
COMMON
********************/
#multipleContentsDiv_template7_6{max-width:1720px;padding:100px 0;}
#multipleDiv_templet_dept_07_55{max-width:1720px;padding:110px 0;margin:0 auto;}

@media all and (max-width:1720px){
  #multipleContentsDiv_template7_6{padding:80px 50px;}
  #multipleDiv_templet_dept_07_55{padding:80px 50px;}  
}


@media all and (max-width:768px){
  #multipleContentsDiv_template7_6{padding: 80px 20px 60px;}
  #multipleDiv_templet_dept_07_55{padding:50px 20px;}  
  #menu18829_obj21{max-height:100svh;}
}



/********************
슬로건
********************/
#menu18829_obj31{position:absolute;left:5%;top: 270px;width:90% !important;display:flex;align-items:center;padding-bottom: 20px;}
.wrap_slogan{color:#FFF;line-height:1.3;text-shadow:0 0 10px rgba(0,0,0,0.5);}
.wrap_slogan .text_0{font-family: 'Noto Regular';font-size: 18px;display:block;}
.wrap_slogan .text_1{font-family: 'Noto Bold';font-size: 65px;letter-spacing:-1px;line-height: 1.25;margin-top:20px;}
.wrap_slogan .text_2{font-family:'Noto Bold';font-size:73px;padding-top:10px;line-height:1;margin-top:5px;}
.wrap_slogan .text_2 > span{position:relative;display:inline-block;}
.wrap_slogan .text_2 > span:before{content:'';width:100%;height:20px;background:#014da2;position:absolute;z-index:-1;bottom:-12px;}

@media all and (max-width:1280px){
  #menu18829_obj31{top: 170px;}
  .wrap_slogan .text_0{font-size:24px;}
  .wrap_slogan .text_1{font-size:34px;}
  .wrap_slogan .text_2{font-size:48px;}
  .wrap_slogan .text_2 > span:before{height:10px;bottom:-6px;}
}
@media all and (max-width:768px){
  #menu18829_obj31{top: unset;bottom: 160px;}
  .wrap_slogan .text_0{font-size: 14px;}

  .wrap_slogan .text_2{font-size:34px;}
  .wrap_slogan .text_2 > span:before{height:10px;bottom:-6px;}
  .wrap_visual .icon:before{top: unset;bottom: 0;}
}

@media all and (max-width:480px){
  .wrap_slogan .text_1{font-size:28px;}
}

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

.center-intro{background: url('../../images/centerBg.jpg') no-repeat top center;}
.center-intro .inner{max-width:1720px;margin:0 auto;padding-top:100px;}
.center-intro .inner .top p{color:#fff;font-family: 'Noto Thin';font-size: 50px;letter-spacing: -0.05em;line-height: 1.25;margin-bottom: 50px;}
.center-intro .inner .top p strong{font-family: 'Noto Bold';}
.center-intro .inner .top p i{display:block;}
.center-intro .inner .top a{color:#fff;display:inline-block;font-family:'Noto Medium';font-size:19px;background:url('../../images/centerArr.png') no-repeat right center;padding:10px 60px 10px 0;}
.center-intro .inner .bottom{margin-top:35px;}
.center-intro .inner .bottom > ul{display:flex;max-width:1286px;margin-left:auto;}
.center-intro .inner .bottom > ul > li{width:100%;position:relative;}
.center-intro .inner .bottom > ul > li:nth-child(1){background: #034ea2;}
.center-intro .inner .bottom > ul > li:nth-child(2){background: #e23d3f;}
.center-intro .inner .bottom > ul > li:nth-child(3){background: #000000;}
.center-intro .inner .bottom > ul > li:nth-child(1):before{content:'';width:41px;height:37px;background:url('../../images/centerIcon01.png') no-repeat center;position:absolute;right:40px;top:45px;}
.center-intro .inner .bottom > ul > li:nth-child(2):before{content:'';width:44px;height:33px;background:url('../../images/centerIcon02.png') no-repeat center;position:absolute;right:40px;top:50px;}
.center-intro .inner .bottom > ul > li:nth-child(3):before{content:'';width:35px;height:45px;background:url('../../images/centerIcon03.png') no-repeat center;position:absolute;right:40px;top:50px;}

.center-intro .inner .bottom > ul > li a{color:#fff;padding: 50px 40px 60px 50px;display: block;height: 100%;}
.center-intro .inner .bottom > ul > li span{font-family:'Noto DemiLight';display:block;font-size:17px;height: 120px;}
.center-intro .inner .bottom > ul > li strong{font-family:'Noto Bold';display:block;font-size:35px;line-height:1.25;}
.center-intro .inner .bottom > ul > li p{font-family:'Noto Light';display:block;font-size: 17px;line-height:1.35;letter-spacing: -0.05em;margin-top: 25px;}

@media all and (max-width:1720px){
  .center-intro .inner{padding:100px 50px 0;}
}

@media all and (max-width:1280px){
  .center-intro .inner{padding:60px 50px;}
  .center-intro .inner .top p{font-size:32px;line-height:1.05;margin-bottom: 20px;}
  .center-intro .inner .top a{font-size:14px;background-size: 30px;padding-right: 50px;}
  .center-intro .inner .bottom{padding-left:100px;}
  .center-intro .inner .bottom > ul > li span{font-size:11px;height: 70px;}
  .center-intro .inner .bottom > ul > li strong{font-size:22px;}
  .center-intro .inner .bottom > ul > li p{font-size:12px;margin-top: 15px;}
  .center-intro .inner .bottom > ul > li a{padding:30px;}
  .center-intro .inner .bottom > ul > li:before{top: 20px !important;right: 20px !important;}
  .center-intro .inner .bottom > ul > li:nth-child(1):before{width:25px;background-size:contain;}
  .center-intro .inner .bottom > ul > li:nth-child(2):before{width:28px;background-size:contain;}
  .center-intro .inner .bottom > ul > li:nth-child(3):before{width:22px;background-size:contain;}
}

@media all and (max-width:1023px){
  .center-intro .inner .bottom{padding-left:50px;}
}

@media all and (max-width:768px){
  .center-intro{background-size: 1500px 450px;background-position: 80% 0;}
  .center-intro .inner{padding: 65px 20px;}  
  .center-intro .inner .top p{font-size:32px;line-height:1.35;margin-bottom: 30px;}
  .center-intro .inner .top p i{display:inline-block;}
  .center-intro .inner .top a{font-size:16px;padding-right: 45px;padding-top: 9px;}
  .center-intro .inner .bottom{margin-top:50px;padding-left:0;}
  .center-intro .inner .bottom > ul{flex-wrap:wrap;}
  .center-intro .inner .bottom > ul > li span{font-size:14px;}
  .center-intro .inner .bottom > ul > li strong{font-size:28px;}
  .center-intro .inner .bottom > ul > li p{font-size:16px;}
  .center-intro .inner .bottom > ul > li:before{top: 25px !important;right: 25px !important;}
  .center-intro .inner .bottom > ul > li:nth-child(1):before{width:40px;background-size:contain;}
  .center-intro .inner .bottom > ul > li:nth-child(2):before{width:45px;background-size:contain;}
  .center-intro .inner .bottom > ul > li:nth-child(3):before{width:35px;background-size:contain;}
}

/**notice title**/
.notice-title{text-align:center;margin-bottom:60px;}
.notice-title > strong{font-size:50px;color:#121212;font-family:'Noto Bold';letter-spacing:-0.025em;}
.notice-title > strong > span{color:#034ea2;}

.notice-title2 > span{font-size:18px;font-family:'Noto Medium';color:#144194;display:block;margin-bottom: 15px;}
.notice-title2 > p{font-size:50px;color:#212121;font-family:'Noto Thin';line-height:1.25;letter-spacing:-0.025em}
.notice-title2 > p strong{font-family:'Noto Bold';}

@media all and (max-width:1280px){
  .notice-title > strong{font-size:32px;}
  .notice-title2 > span{font-size:15px;margin-bottom: 5px;}
  .notice-title2 > p{font-size:32px;}
}

@media all and (max-width:767px){
  .notice-title{margin-bottom:45px;}
  .notice-title2{text-align:center;}
}

/**section4**/
#section4{border-top:1px solid #e5e5e5;}

/**dark-on-css**/
.dark_on{background:#000;}
.dark_on .notice-txt > strong{color:#fff;}
/**.dark_on .notice-txt > strong:after{background:#2196F3;}**/
.dark_on .notice-txt > p{color:#ddd;}
/**.dark_on .wrap_rct .title a:hover, 
.dark_on .wrap_rct .inner > li.active .title a{color:#2196F3;border-color:#2196F3;}**/
.dark_on .wrap_rct .title a{color:#eee;}
.dark_on .wrap_rct .subjectText{color:#fff;}
.dark_on .wrap_rct .content{color:#ddd;}
.dark_on .wrap_rct .date{color:#ccc;}
.dark_on .wrap_rct .slick-arrow{background-color:#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;}
}