@charset "utf-8";

.videoWrap{position:absolute; left:0; top:0; z-index:1; background:#fff; width:100%; overflow:hidden; height: 100vh;}
.videoWrap video{width:99.5vw}
.videoWrap .video-control{position: absolute; top:85vh;z-index: 1011;width: 100%;height: 50px;text-align: center;}
.videoWrap .video-control a{width:50px;height:50px;display:inline-block;background-repeat:no-repeat; background-image:url(./../../images/main/movieBtn.png); border-radius: 100%; text-indent: -9999px;}
.videoWrap .video-control a.video-close{background-position:right center;}
.videoWrap .video-control a.video-play{background-position:-56px center;} 
.videoWrap .video-control a.video-stop{background-position:left center;}

.videoWrap .video-control a.video-play,
.videoWrap .video-control a.video-stop{display:none;}
.videoWrap .video-control a.video-play.on,
.videoWrap .video-control a.video-stop.on{display:inline-block;}

@media all and (max-width:1200px) {
  .videoWrap{display:none;}
}

.wrap_visual .control .progress {position: relative; width: 600px; height: 2px; margin: 0 10px; background: rgba(255,255,255,.4);}
.wrap_visual .control .progress span {position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #fff;}
.wrap_visual .control .progress.on span {animation: bar 5s 1;}

@keyframes bar { 
  0% {width: 0;}
  100% {width: 100%;}
}

@media all and (max-width:860px) {
  .wrap_visual .control .progress{width:300px;}
}

@media all and (max-width:600px) {
  .wrap_visual .control .progress{width:100px;}
}

/*COMMON*/
#multipleContentsDiv_templet_organ_A_8,
#multipleContentsDiv_templet_organ_A_9,
#multipleContentsDiv_templet_organ_A_10,
#multipleContentsDiv_templet_organ_A_12{max-width: 1600px;margin:0 auto;}
#menu3726_obj372{max-width:1600px;margin:0 auto;}


/* [S] 행사일정표 */
#multipleDiv_50th_5492 {background: #E0E7F3;}
#multipleContentsDiv_50th_5492 {max-width: 1600px; margin:0 auto; padding: 120px 0 400px;}
.wrap-title {margin: 0 auto; text-align: center; padding-bottom: 60px;}
.wrap-title h2 {font-family: 'Paper Bold'; font-size: 40px; line-height: 1.2; color: #333; letter-spacing: -0.5px;}
.wrap-title h2 strong::after {content: ''; position: relative; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #014292; margin: 0 0 0 12px; vertical-align: bottom; top: -7px;}
.wrap-title div {margin-top: 30px; font-family: 'Paper Regular'; font-size: 22px; color: #555; line-height: 1.5; letter-spacing: -0.5px;}
.wrap-title div p:last-child {font-size: 18px;}

.program-wrap {display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; text-align: center; align-items: stretch;}
.program-list h3 {width: 100%; padding: 25px 0; border-radius: 8px; color: #FFF; font-family: 'Paper Bold'; font-size: 24px; letter-spacing: -0.02rem;}
.program-list.col1 h3 {background: #FDBF00;}
.program-list.col2 h3 {background: #F97A5A;}
.program-list.col3 h3 {background: #36AFC5;}
.program-list.col4 h3 {background: #2FA2F3;}
.program-list.col5 h3 {background: #007BE2;}
.program-list.col6 h3 {background: #014292;}
.program-list {display: flex; flex-direction: column; height: 100%;}
.program-list > ul {margin-top: 20px; display: flex; flex-direction: column; gap: 20px; flex: 1;}

.program-item {width: 100%; height: 100%; padding: 25px 0; background: #FFF; border: 1px solid #E0E7F3; border-radius: 8px; display: flex; flex-direction: column; justify-content: center; gap: 15px;}
.program-item {font-family: 'Paper SemiBold'; color: #333; line-height: 1.25; letter-spacing: -0.02rem;}
.program-item img {margin: 0 auto;}
.program-item .program-title1 {font-size: 24px;}
.program-item .program-title2 {font-size: 20px;}
.program-item .program-info .time {font-family: 'Paper Medium'; font-size: 16px; letter-spacing: 0;}
.program-item .program-info .location {font-family: 'Paper Regular'; font-size: 16px;}

@media all and (max-width: 1280px){
  .program-wrap {grid-template-columns: repeat(3, 1fr);}
}
@media all and (max-width: 768px){
  #multipleContentsDiv_50th_5492 {padding: 120px 40px 160px;}
  .wrap-title {padding-bottom: 45px;}
  .wrap-title h2 {font-size: 30px;}
  .wrap-title div {margin-top: 15px; font-size: 16px;}
  .wrap-title div p:last-child {font-size: 14px;}

  .program-wrap {grid-template-columns: repeat(2, 1fr); gap: 15px;}
  .program-list h3 {font-size: 20px; padding: 15px 0;}
  .program-list > ul {margin-top: 15px; gap: 15px;}
  .program-item {padding: 18px 0; gap: 10px;}
  .program-item .program-title1 {font-size: 20px;}
  .program-item .program-title2 {font-size: 18px;}
  .program-item .program-info .time {font-size: 14px;}
  .program-item .program-info .location {font-size: 15px;}
}

/** 애니메이션 **/
.wrap-title strong {transform: translate(0, 25px) scale(0.85); opacity: 0; transition: all ease .75s;}
.wrap-title p {transform: translate(0, 25px) scale(0.85); opacity: 0; transition: all ease .75s;}
.visible .wrap-title strong {transform: translate(0) scale(1); opacity: 1;}
.visible .wrap-title p {transform: translate(0) scale(1); opacity: 1; transition-delay: 0.25s;}
.festival-schedule .program-wrap {transform: translate(0, 100px); opacity: 0; transition: all cubic-bezier(0.48, 0.89, 0.48, 1.1) .75s;}
.visible .festival-schedule .program-wrap {transform: translate(0, 0); opacity: 1; transition-delay: .5s;}
/* [E] 행사일정표 */

#multipleContentsDiv_templet_organ_A_11{padding-top:80px;}
#multipleContentsDiv_templet_organ_A_11{padding-bottom:0;}
#multipleContentsDiv_templet_organ_A_10{max-width:100%;padding-top: 0;}
#multipleContentsDiv_templet_organ_A_8{padding:80px 0 70px;}
#multipleContentsDiv_templet_organ_A_12{padding-top:100px;padding-bottom: 110px;}
#multipleContentsDiv_templet_organ_A_9{padding:110px 0 150px;}
#multipleContentsDiv_templet_organ_A_9 ._objWidget{overflow:visible;}
#multipleContentsDiv_templet_organ_A_13{padding:100px 0;overflow: hidden;}
#multipleContentsDiv_templet_organ_A_13 > ._objHtml:nth-child(1){position: absolute;left: -50px;top: -5px;opacity: 0.5;}
#multipleContentsDiv_templet_organ_A_13 ._objWidget{overflow:visible;margin-top:-130px;}


@media all and (max-width:1600px){
  #multipleContentsDiv_templet_organ_A_8,
  #multipleContentsDiv_templet_organ_A_9,
  #menu3726_obj372{max-width:96%;}
  #multipleContentsDiv_templet_organ_A_12{padding-bottom:0;}
}
@media all and (max-width:1280px){
  #multipleContentsDiv_templet_organ_A_9{padding-top:70px;padding-bottom:110px;}
  #multipleContentsDiv_templet_organ_A_8{padding:60px 0;}
  #multipleContentsDiv_templet_organ_A_12{padding:70px 40px 80px;}
  #multipleContentsDiv_templet_organ_A_13 > ._objHtml:nth-child(1){top:-70px;left:-15px;}
}
@media all and (max-width:768px){
  #multipleContentsDiv_templet_organ_A_11{padding: 40px 20px 0;max-width: 100%;}
  #multipleContentsDiv_templet_organ_A_8{max-width:100%;padding: 50px 20px;}
  #multipleContentsDiv_templet_organ_A_12{padding:50px 20px;}
  #multipleContentsDiv_templet_organ_A_13 ._objWidget{margin-top:0;}
  #multipleContentsDiv_templet_organ_A_13{padding: 70px 0 60px;}
  #multipleContentsDiv_templet_organ_A_9{padding: 50px 20px;}
  #multipleContentsDiv_templet_organ_A_13 > ._objHtml:nth-child(1){top:-120px;left:-5px;}
}


/*BG*/
#multipleDiv_templet_organ_A_11{}
#multipleDiv_templet_organ_A_8{}
#multipleDiv_templet_organ_A_8:before{content:'';width:100%;height:100%;background:url('../../images/main/ct-bg.jpg');position:absolute;left:0;top:0;}
#multipleDiv_templet_organ_A_12:before{content:'';width:100%;height:500px;background:#efefef;position:absolute;left:0;top:0;}
#multipleDiv_templet_organ_A_9{background:url('../../images/main/cong-bg.jpg');display:none;}
#multipleDiv_templet_organ_A_13{background:#e0e7f3;}

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

}
@media all and (max-width:1280px){
  #multipleDiv_templet_organ_A_12:before{height:400px;}
}
@media all and (max-width:767px){
  #multipleDiv_templet_organ_A_12:before{height:500px;}
}

/*슬로건*/
#menu3726_obj176{position:absolute;top:0;left:0;width:100% !important;}
.slogan{max-width: 1600px;margin: 0 auto;color:#FFF;line-height:1.3;/* padding-top: 180px; */text-align: center;}
.slogan .item_1{font-family: 'Paper Bold';font-size: 40px;text-shadow:rgba(0,0,0,0.55) 0 0 12px;}
.slogan .item_2{font-family:'Paper Medium';font-size: 55px;padding-top: 35px;}
.slogan .item_2 span i{font-family: 'Noto Bold';}
.slogan .item_2 span{display:inline-block;font-family:'Paper ExtraBold';text-shadow:rgba(0,0,0,0.55) 0 0 12px;position:relative;padding:0 20px;font-size:70px;}
.slogan .item_2 strong{position:relative;z-index:1;font-family: 'Paper SemiBold';text-shadow:rgba(0,0,0,0.55) 0 0 12px;display: block;font-size: 70px;}
.slogan .item_2 span:before{content:'';width:100%;height:27px;background:#014290;position:absolute;left:0;bottom:5px;z-index:-1;}

.slogan .img{
    margin-bottom: 30px;
}

@media all and (max-width:1700px){
  .slogan{max-width:96%;}
  .slogan .item_2 span{font-size:58px;}
  .slogan .item_2 strong{font-size:50px;}
  .slogan .img{}
}
@media all and (max-width:1400px){
  .slogan{max-width:96%;}
  .slogan .item_1{font-size:32px;}
  .slogan .item_2{padding-top:20px;}
  .slogan .item_2 span{font-size:42px;}
  .slogan .item_2 strong{font-size:40px;}
  .slogan .item_2 span:before{bottom:-2px;height:24px;}
  .slogan .img{}
}
@media all and (max-width:1280px){
  .slogan{padding-top: 140px;}
  .slogan .item_1{font-size:20px;}
  .slogan .item_2{padding-top: 15px;}
  .slogan .item_2 span{font-size:38px;padding:0 10px;}
  .slogan .item_2 strong{font-size:38px;margin-top:10px;}
  .slogan .item_2 span:before{display:none;}
  .slogan .img{
    width: 320px;
    margin: 0 auto 30px;
}
}
@media all and (max-width:768px){
  .slogan{padding-top: 80px;text-align:center;}
  .slogan .item_1{font-size:16px;}
  .slogan .item_2{padding-top: 20px;line-height: 1;padding-bottom: 5px;}
  .slogan .item_2 span{font-size:25px;line-height:1.4;}
  .slogan .item_2 strong{font-size: 22px;}
  .slogan .item_2 strong:before{bottom: -8px;}
  .slogan .img{
    width: 200px;
    margin-bottom: 20px;
}
}
/*애니메이션*/
.slogan .item_1{opacity:0;transform:translateY(-50px);}
.slogan .item_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);}
}
.slogan .item_2{opacity:0;transform:translateY(50px);}
.slogan .item_2{animation-name:slogan_2;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1s;}
.slogan .item_2 span:before{animation-name:slogan_3;animation-duration:0.85s;animation-fill-mode:both;animation-delay:1.5s;}
.wrap_visual .control{animation-name:slogan_2;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.5s;opacity: 0;}
@keyframes slogan_2{
  0%{}
  100%{opacity:1;transform:translateY(0);}
}
@keyframes slogan_3{
  0%{width:0;}
  100%{width:100%;}
}


/*타이틀*/
.mainTitle{padding-bottom:50px;}
.mainTitle strong{font-family:'Play Bold';font-size:50px;line-height:1.2;display:block;}
.mainTitle strong::after{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:#014292;margin:0 0 0 12px;vertical-align:bottom;position:relative;top:-7px;}
.mainTitle p{color:#555555;font-family:'Paper Regular';font-size:22px;display:block;}
.mainTitle p i{display:block;}
.mainTitle_5{display:flex;align-items: flex-end;justify-content: space-between;}


.mainTitle_3{max-width:1600px;margin:0 auto;text-align:right;}
.mainTitle_3 strong{font-family:'Paper Bold';}
.mainTitle_3 p{margin-top:20px;}
.mainTitle_4{color:#FFF;}
.mainTitle_4 strong{font-family:'Paper Bold';font-size:40px;}
.mainTitle_4 strong::after{background: #82d1ff;}
.mainTitle_4 p{color:#FFF;margin-top: 25px;line-height: 1.65;}
.mainTitle_5 strong{font-family:'Paper Bold';font-size:40px;}
.mainTitle_6{text-align:center;}
.mainTitle_6 strong::after{margin-left:auto;margin-right:auto;}

@media all and (max-width:1280px){
  .mainTitle strong{font-size:40px;}
  .mainTitle p{font-size: 18px;}
  .mainTitle_3 p{width: 240px;text-align: right;display: inline-block;}
  .mainTitle_4 strong,
  .mainTitle_5 strong{font-size: 40px;}
  .mainTitle_5{text-align:center;padding-bottom: 40px;}
  .mainTitle strong::after{width:7px;height:7px;top: -8px;}
  .mainTitle_3{padding-right:40px;}
}
@media all and (max-width:768px){
  .mainTitle{padding-bottom: 45px;display: block;padding-right: 20px;}
  .mainTitle strong{font-size:30px;}
  .mainTitle p{font-size: 16px;}
  .mainTitle p i{display:inline-block;margin:0 1px;}
  .mainTitle_4 p{margin-top:15px;}

  .mainTitle_5{text-align:left;}
  .mainTitle_5 p{padding-top:15px;}
  .mainTitle_3 p{width:auto;margin-top: 10px;}
}


.main-center{text-align:center;padding: 100px 0 0;margin-bottom: 0;}
.main-center .imWrap{margin-bottom:50px;}
.main-center .txt p{font-size:50px;font-family:'Paper SemiBold';line-height:1.6;}
.main-center .txt p i{display:block;}
.main-center .txt p span{font-size:50px;font-family:'Paper ExtraBold';}
.main-center .txt p span.span01{color:#0096ff;}
.main-center .txt p span.span02{color:#7fbe25;}
.main-center .txt p span.span03{color:#ebb004;}

@media all and (max-width:1280px){
  .main-center .txt p{font-size:38px;}
  .main-center .txt p span{font-size:38px;}
  .main-center{padding:0 0 100px;}
  .main-center .imWrap{transform:scale(0.7);margin-bottom: 0;}
}

@media all and (max-width:767px){
  .main-center .txt p{font-size:20px;}
  .main-center .txt p span{font-size:20px;}
  .main-center{padding:0 0 50px;}
  .main-center .imWrap{transform:scale(0.55);margin-bottom: 20px;}
}

.main-his > ul{display:flex;}
.main-his > ul > li{width:100%;text-align:center;height: 825px;transition:all ease .5s;}
.main-his > ul > li:hover{width:120%;}
.main-his > ul > li a{position:relative;width:100%;height:100%;transition:all ease .5s;display: flex;flex-direction: column;justify-content: center;background-size: cover !important;}
.main-his > ul > li:nth-child(1) a{background:url('../../images/main/footMarkBg01-off.jpg') no-repeat center;}
.main-his > ul > li:nth-child(2) a{background:url('../../images/main/footMarkBg02-off.jpg') no-repeat center;}
.main-his > ul > li:nth-child(3) a{background:url('../../images/main/footMarkBg03-off.jpg') no-repeat center;}
.main-his > ul > li:nth-child(1) a:hover{background:url('../../images/main/footMarkBg01.jpg') no-repeat center;}
.main-his > ul > li:nth-child(2) a:hover{background:url('../../images/main/footMarkBg02.jpg') no-repeat center;}
.main-his > ul > li:nth-child(3) a:hover{background:url('../../images/main/footMarkBg03.jpg') no-repeat center;}

.main-his > ul > li a .txt strong{font-size:50px;color:#fff;line-height:1.4;font-family:'Paper Bold';}
.main-his > ul > li a .txt strong i{display:block;}
.main-his > ul > li a .txt strong:after{content:'';width:1px;background:#fff;margin: 0 auto;display:block;height:0;transition:all ease .5s;}
.main-his > ul > li a .txt p{height:0;color:#fff;font-size:30px;opacity:0;transition:all ease .5s;font-family:'Paper Medium';}

.main-his > ul > li a:hover .txt p{height:45px;opacity:1;}
.main-his > ul > li a:hover .txt strong:after{margin:60px auto;height:100px;}

@media all and (max-width:1280px){
  .main-his > ul > li a .txt strong{font-size:40px;}
  .main-his > ul > li a .txt p{font-size:22px;}

}

@media all and (max-width:767px){
  .main-his > ul{display:block;}
  .main-his > ul > li{height:270px;}
  .main-his > ul > li a .txt strong{font-size:30px;}
  .main-his > ul > li a .txt strong:after,
  .main-his > ul > li a .txt p{display:none;}  
  .main-his > ul > li:nth-child(1) a{background:url('../../images/main/footMarkBg01-m.jpg') no-repeat center !important;}
  .main-his > ul > li:nth-child(2) a{background:url('../../images/main/footMarkBg02-m.jpg') no-repeat center !important;}
  .main-his > ul > li:nth-child(3) a{background:url('../../images/main/footMarkBg03-m.jpg') no-repeat center !important;}
  .main-his > ul > li:hover{width:100%;}
}

.main-event {display: grid;gap:130px;grid-template-columns: 300px 1fr;}
.main-event .mainTitle{padding-top:30px;padding-bottom: 30px;}
.main-event > ul{display:flex;gap:40px;}
.main-event > ul > li{background: #faba01;width:100%;position:relative;}
.main-event > ul > li:before{content:'';width:9px;height:9px;background:url('../../images/main/ct-ar.png') no-repeat center;position:absolute;right:8px;top:10px;transition:all ease .5s;}
.main-event > ul > li a{display:block;background:#fff;width:100%;height:100%;transition:all ease .5s;padding-top: 55px;padding-left: 135px;padding-right: 25px;padding-bottom: 25px;position:relative;}
.main-event > ul > li a:hover{border-radius:0 85px 0 0;}
.main-event > ul > li a strong{font-size:25px;color: #373737;font-family: 'Paper Bold';display:block;}
.main-event > ul > li a p{font-size:18px;color:#444;margin-top:10px;}
.main-event > ul > li a p i{display:block;}

.main-event > ul > li a:before{left:35px;top:55px;}
.main-event > ul > li:nth-child(1) a:before{content:'';width:73px;height:62px;background:url('../../images/main/ct-img01.png') no-repeat center;position:absolute;display:block;}
.main-event > ul > li:nth-child(2) a:before{content:'';width:65px;height:58px;background:url('../../images/main/ct-img02.png') no-repeat center;position:absolute;display:block;}
.main-event > ul > li:nth-child(3) a:before{content:'';width:70px;height:50px;background:url('../../images/main/ct-img03.png') no-repeat center;position:absolute;display:block;}

@media all and (max-width:1600px){
  .main-event > ul > li a p{display:none;}
  .main-event > ul > li a:before{position: initial !important;margin: 0 auto 10px;}
  .main-event > ul > li a{padding:35px;text-align:center;display: flex;flex-direction: column;align-items: center;justify-content: space-around;}
}

@media all and (max-width:1280px){
  .main-event{gap:60px;grid-template-columns: 240px 1fr;}
  .main-event .mainTitle{padding:20px 0;}
  .main-event > ul{gap:30px;}
  .main-event > ul > li a{padding-top:35px;padding-bottom:30px;}
  .main-event > ul > li a strong{font-size:22px;font-family:'Paper Medium';}
}

@media all and (max-width:860px){
  .main-event{display:block;}
  .main-event .mainTitle{text-align:center;padding-bottom: 45px;}  
  .main-event > ul > li a strong{font-size:20px;}  
}

@media all and (max-width:767px){
  .main-event > ul{gap:15px;}
  .main-event > ul > li a{padding: 10px 0;}
  .main-event > ul > li a:hover{border-radius:0 50px 0 0;}
  .main-event > ul > li a:before{transform: scale(0.75);}
  .main-event > ul > li a strong{font-size: 15px;}
  .main-event > ul > li:before{top:3px;right:3px;}
}

.fund .mainTitle_5{display:block;text-align:center;}
.fund .mainTitle p{margin-top:30px;}
.fund .area{padding-top:10px;display:grid;grid-template-columns:700px 1fr;}
.fund .area .thum{}
.fund .area > ul{display:flex;}
.fund .area > ul li{width:100%;position:relative;}
.fund .area > ul li a{padding: 60px 25px 60px 50px;display:block;color:#fff;}
.fund .area > ul li:nth-child(1){background:#014292;}
.fund .area > ul li:nth-child(2){background:#0095eb;} 
.fund .area > ul li:nth-child(3){background:#27313e;}
.fund .area > ul li:nth-child(1):before{content:'';width:240px;height:182px;background:url('../../images/main/fund-icon01.png') no-repeat center;position:absolute;right:-35px;bottom:-32px;}
.fund .area > ul li:nth-child(2):before{content:'';width:166px;height:201px;background:url('../../images/main/fund-icon02.png') no-repeat center;position:absolute;right:-25px;bottom:-45px;}
.fund .area > ul li:nth-child(3):before{content:'';width:161px;height:157px;background:url('../../images/main/fund-icon03.png') no-repeat center;position:absolute;right:-5px;bottom:-5px;}

.fund .area > ul li:before{transition:all ease .5s;}
.fund .area > ul li strong{font-size:25px;display:block;padding-bottom:20px;margin-bottom:20px;position:relative;font-family:'Paper Regular';}
.fund .area > ul li strong:before{content:'';width:20px;height:1px;background:#fff;position:absolute;left:0;bottom:0;transition:all ease .5s;}
.fund .area > ul li p{font-size:18px;height: 150px;line-height: 1.7;letter-spacing: -0.05rem;font-family:'Paper Light';}
.fund .area > ul li span{font-size:15px;position: relative;padding-right:35px;font-family: 'Paper Medium';}
.fund .area > ul li span:before{content:'';width:22px;height:7px;background:url('../../images/main/view_arr.png') no-repeat center;position:absolute;right:0;bottom:5px;z-index:1;transition:all ease .25s;}
.fund .area > ul li span:after{content:'';width:18px;height:18px;background:rgba(255,255,255,0.2);border-radius:50%;position:absolute;left:-12px;z-index:0;}

.fund .area > ul li a:hover strong:before{width:90%;}
.fund .area > ul li a:hover span:before{right:-8px;}
.fund .area > ul li:hover:before{transform:scale(1.1);}

@media all and (max-width:1400px){
  .fund .area{grid-template-columns:0.8fr 1fr}
}

@media all and (max-width:1280px){
  .fund .area{display:block;}
  .fund .area .thum{display:none;}
  .fund .area > ul{height:500px;}

  .gy-svg text,
  .gy-svg tspan{font-size:150px !important;}
}

@media all and (max-width:767px){
  .fund .area > ul{display:block;height:auto;}
  .fund .area > ul li a{padding:30px;}
  .fund .area > ul li p{height:70px;font-size:16px;}  
  .fund .area > ul li strong{font-size:23px;}
  .fund .mainTitle p{margin-top:0;}  
  .fund .mainTitle_5{padding-bottom:40px;}

  .gy-svg text,
  .gy-svg tspan{font-size:80px !important;font-family:'Paper ExtraBold';}
}







/******animation******/

/**제목 공통 애니메이션**/
.mainTitle strong{transform:translate(0, 25px) scale(0.85);opacity:0;transition:all ease .75s;}
.mainTitle p{transform:translate(0, 25px) scale(0.85);opacity:0;transition:all ease .75s;}
.scroll .mainTitle strong{transform:translate(0) scale(1);opacity:1;transition-delay:0.5s;}
.scroll .mainTitle p{transform:translate(0) scale(1);opacity:1;transition-delay:0.75s;}

/**첫번째단 애니메이션**/
#multipleDiv_templet_organ_A_11 > div{transition:all cubic-bezier(0.48, 0.89, 0.48, 1.1) .75s;background:#fff;margin-bottom: -100px;}
#multipleDiv_templet_organ_A_11.visible > div{transform: translate(0, -250px);}

.main-center .imWrap{transition:all cubic-bezier(0.48, 0.89, 0.48, 1.1) 0.75s;transform:scale(0.5);}
.visible .main-center .imWrap{transform:scale(1);transition-delay:0.5s;}
.main-center .txt p{transform:translate(0, 25px) scale(0.85);opacity:0;transition:all cubic-bezier(0.48, 0.89, 0.48, 1.1) .75s;}
.visible .main-center .txt p{transform:translate(0) scale(1);opacity:1;transition-delay:1s;}
.main-center .txt p span.span01{transform:translate(0, 25px) scale(0.85);opacity:0;transition:all cubic-bezier(0.48, 0.89, 0.48, 1.1) .75s;display:inline-block;}
.visible .main-center .txt p span.span01{transform:translate(0) scale(1);opacity:1;transition-delay:1.25s;}
.main-center .txt p span.span02{transform:translate(0, 25px) scale(0.85);opacity:0;transition:all cubic-bezier(0.48, 0.89, 0.48, 1.1) .75s;display:inline-block;}
.visible .main-center .txt p span.span02{transform:translate(0) scale(1);opacity:1;transition-delay:1.5s;}
.main-center .txt p span.span03{transform:translate(0, 25px) scale(0.85);opacity:0;transition:all cubic-bezier(0.48, 0.89, 0.48, 1.1) .75s;display:inline-block;}
.visible .main-center .txt p span.span03{transform:translate(0) scale(1);opacity:1;transition-delay: 2s;}

/**두번째단 애니메이션**/
.main-his > ul > li{transform:translate(0, 300px);transition:all cubic-bezier(0.48, 0.89, 0.48, 1.1) .75s;}
.visible .main-his > ul > li{transform:translate(0, 0)}

/**50주년행사 애니메이션**/
#multipleDiv_templet_organ_A_8:before{width:0;transition:all cubic-bezier(0.48, 0.89, 0.48, 1.1) 1.25s;}
#multipleDiv_templet_organ_A_8.scroll:before{width:100%;}
.main-event > ul > li{position:relative;top:50px;opacity:0;transition:all cubic-bezier(0.48, 0.89, 0.48, 1.1) .75s;transform:scale(0.9);}
.scroll .main-event > ul > li{opacity:1;top:0;transform:scale(1);}
.scroll .main-event > ul > li:nth-child(1){transition-delay:0.25s;}
.scroll .main-event > ul > li:nth-child(2){transition-delay:0.45s;}
.scroll .main-event > ul > li:nth-child(3){transition-delay:0.65s;}


/**발전기금 애니메이션**/
#multipleDiv_templet_organ_A_12:before{height:0;transition:all cubic-bezier(0.48, 0.89, 0.48, 1.1) 1s;}
#multipleDiv_templet_organ_A_12.scroll:before{height:500px;}


.fund .area{transform:scale(0);transition:all ease 0.75s;}
.scroll .fund .area{transform:scale(1);transition-delay:1s;}

.fund .area .thum{transform:translate(62%, 0);transition:all ease 0.75s;position:relative;z-index:1;}
.scroll .fund .area .thum{transform:translate(0, 0);transition-delay:1.75s;}

.fund .area > ul li:nth-child(1){transform:translate(-15%, 0);transition:all ease 0.75s;}
.fund .area > ul li:nth-child(2){transform:translate(-115%, 0);transition:all ease 0.75s;}
.fund .area > ul li:nth-child(3){transform:translate(-215%, 0);transition:all ease 0.75s;}

.scroll .fund .area > ul li:nth-child(1){transform:translate(0, 0);transition-delay:1.75s;}
.scroll .fund .area > ul li:nth-child(2){transform:translate(0, 0);transition-delay:1.75s;}
.scroll .fund .area > ul li:nth-child(3){transform:translate(0, 0);transition-delay:1.75s;}


/**과거 사진관 애니메이션**/
.gy-svg{transform:scale(0.5);transition:all ease .75s;}
.scroll .gy-svg{transform:scale(1);}

.photo_departC .list{top:100px;opacity:0;transition:all ease .75s;}
.scroll .photo_departC .list{top:0;opacity:1;transition-delay:0.5s;}

.photo_departC .slick-arrow,
.photo_departC .slick-dots,
.photo_departC .numbering .numWrap1,
.photo_departC .numbering .numWrap2,
.photo_departC .playstop,
.photo_departC .more{opacity:0;transition:all ease .75s;}

.scroll .photo_departC .slick-arrow,
.scroll .photo_departC .slick-dots,
.scroll .photo_departC .numbering .numWrap1,
.scroll .photo_departC .numbering .numWrap2,
.scroll .photo_departC .playstop,
.scroll .photo_departC .more{opacity:1;transition-delay:0.75s;}

@media all and (max-width:767px){
  .mainTitle strong{translate(0, 25px) scale(1);}
  .mainTitle p{transform:translate(0, 25px) scale(1);}
  #multipleDiv_templet_organ_A_11.visible > div{transform:translate(0, 0);margin-bottom: 0;}
  .visible .main-center .imWrap{transform: scale(0.75);}
  .main-his > ul > li{transform:translate(0, 0);}
  .main-event > ul > li{transform:scale(1);}
  .fund .area > ul li:nth-child(1){transform:translate(0, -15%);transition:all ease 0.75s;}
  .fund .area > ul li:nth-child(2){transform:translate(0, -115%);transition:all ease 0.75s;}
  .fund .area > ul li:nth-child(3){transform:translate(0, -215%);transition:all ease 0.75s;}
}