@charset "utf-8";

/********************
COMMON
********************/
.main .wrap_contents{padding-top: 155px;}
#multipleDiv_template4_17{margin:0 auto;max-width: calc(100% - 40px);}
#multipleDiv_template4_18{margin:0 auto;max-width:1740px;position:relative;padding-top: 35px;}
#multipleContentsDiv_template4_18 {height: 100%;}
#multipleContentsDiv_template4_18 > ._objHtml{position:sticky;left: 0;top: 115px;overflow: visible;}
#multipleDiv_template4_19{background:#f3f7fd;padding:70px 0 100px;margin-top: -25px;}
#multipleDiv_template4_20{padding: 60px 0 20px;}
#multipleDiv_template4_20 ._objHtml,
#multipleDiv_template4_20 ._objWidget{overflow:visible;}
#multipleDiv_template4_21{border-top:1px solid #ddd;}
#multipleContentsDiv_template4_21{max-width:1720px;margin:0 auto;}

@media all and (max-width:1740px){
  #multipleDiv_template4_17{padding:0 25px;}
  #multipleDiv_template4_18{padding: 0 25px;}  
  #multipleContentsDiv_template4_21{padding:0 25px;}

}

@media all and (max-width:1280px){
  .main .wrap_contents{padding-top:100px;}
  #multipleContentsDiv_template4_18 > ._objHtml{position:relative;top: 0;}
}

@media all and (max-width:1000px){
  #multipleDiv_template4_18{overflow:hidden;}
  #multipleContentsDiv_template4_18 > ._objWidget{width:100%;}
}

@media all and (max-width:767px){
  .main .wrap_contents{padding-top: 65px;}
  #multipleDiv_template4_17{padding: 0;}    
  #multipleContentsDiv_template4_18 > ._objHtml{/* overflow:hidden; */} 
  #multipleDiv_template4_19{padding-bottom:30px;}
}

/********************
슬로건
********************/
#menu6549_obj40{position:absolute;left: 6%;top: 110px;}
.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:1280px){
  #menu6549_obj40{top:70px;height:calc(100% - 140px) !important;}
  .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){
  #menu6549_obj40{top:80px;height:calc(100% - 150px) !important;}
  .wrap_slogan .text_1{font-size: 20px;}
  .wrap_slogan .text_2{font-size:18px;letter-spacing:0px;margin-top:15px;}
  .wrap_slogan .text_2 img{max-width:90%;}
}

/**변형**/
.wrap_slogan2{color:#FFF;line-height:1.3;text-shadow:0 0 10px rgba(0,0,0,0.5);}
.wrap_slogan2 .text_0{font-family:'Noto Light';font-size:28px;display:block;}
.wrap_slogan2 .text_1{font-family:'Noto Regular';font-size:50px;letter-spacing:-1px;line-height:1;margin-top:20px;}
.wrap_slogan2 .text_2{font-family:'Noto Bold';font-size:73px;padding-top:10px;line-height:1;margin-top:5px;}
.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);}
}

/**상단 좌측 링크**/
.left-link{padding-right: 20%;padding-bottom: 410px;padding-top: 35px;position:relative;}
.left-link:before{content:'';width:800px;height:538px;background:url('../../images/link-left-img.png') no-repeat center;left:0;bottom:25px;position: absolute;}
.left-link .inner > strong{font-size:60px;font-family:'Gmarket Bold';display:block;margin-bottom:25px;position: relative;color: #212121;}
.left-link .inner > p{font-size:30px;font-family:'Suite Bold';line-height:1.8;margin-bottom:65px;position: relative;color: #555;}
.left-link .inner > p i{display:block;}
.left-link .inner > ul{display:flex;}
.left-link .inner > ul > li + li{margin-left:20px;}
.left-link .inner > ul > li a{display:flex;width:235px;border:1px solid #c7c7c7;padding:0 30px;height:75px;flex-direction: column;justify-content: center;border-radius: 20px;position: relative;font-family: 'Suite Bold';background: #fff;}
.left-link .inner > ul > li a:after{content:'';width:11px;height:10px;background:url('../../images/link-left-arrow.png') no-repeat center;position:absolute;right:30px;top:50%;margin-top:-5px;}

@media all and (max-width:1720px){
  .left-link .inner > strong{font-size:50px;}
  .left-link .inner > p{font-size:24px;margin-bottom: 85px;}  
  .left-link .inner > ul > li a{width:200px;height: 60px;}
}

@media all and (max-width:1280px){
  .left-link{
	padding-bottom: 460px;
  }
  .left-link .inner > strong{font-size: 32px;margin-bottom: 15px;}
  .left-link .inner > p{font-size:18px;}  
  .left-link .inner > ul > li a{font-size:15px;}  
}

@media all and (max-width:767px){
  .left-link{padding-right:25px;padding-bottom: 220px;}  
  .left-link .inner > ul{display:block;}  
  .left-link .inner > ul > li{display:inline-block;}  
  .left-link .inner > ul > li + li{margin-left:5px;}
  .left-link .inner > p{margin-bottom: 25px;font-size: 16px;}  
  .left-link .inner > ul > li a{width: 125px;padding: 0 15px;height: 50px;}  
  .left-link:before{width:500px;height: 340px;background-size:contain;left: unset;right: -200px;}  
  .left-link .inner > ul > li a:after{right:15px;}
}

/**최근게시물 타이틀**/
.rct-album-title{margin:0 auto;max-width: 1720px;position:relative;}
.rct-album-title.tit-left:before{content:'';width:320px;height:240px;background:url('../../images/dot-line.png') no-repeat center;position:absolute;top: -60px;right: 100px;}
.rct-album-title > span{font-size:36px;font-family: 'Suite Bold';display: inline-block;position: relative;padding-left:55px;color: #212121;}
.rct-album-title > span:before{content:'';width:30px;height: 40px;background:url('../../images/mini-photo-icon.png') no-repeat center;position: absolute;left:0;top:0;}
.rct-album-title > strong{font-size:60px;font-family: 'Suite ExtraBold';display: block;color: #212121;}
.rct-album-title.tit-right{text-align: right;}
.rct-album-title.tit-left > span{padding-right:55px;padding-left:0;}
.rct-album-title.tit-left > span:before{right:0;left:unset;}

@media all and (max-width:1720px){
  .rct-album-title{padding:0 25px;}
}

@media all and (max-width:1280px){
  .rct-album-title > span{font-size:24px;padding-left: 35px;}
  .rct-album-title.tit-left > span{padding-right:35px;}
  .rct-album-title > strong{font-size:38px;}  
  .rct-album-title > span:before{width: 20px;height: 25px;background-size:contain;}  
  .rct-album-title.tit-right{}  
}

@media all and (max-width:767px){
  .rct-album-title > span{font-size:20px;}
  .rct-album-title > strong{font-size:32px;}  
}

/**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;}
}