@charset "utf-8";

/* 임시팝업 스타일 */
#myModal .modal-content{overflow: hidden;/* padding: 10px 10px 0; */}
#myModal .modal-content .img_wrap{overflow:hidden;/* float: right; */position: relative;width: 100%;max-height: 100%;padding: 10px 0 0;/* margin-top: 20px; *//* border-radius: 30px 30px 0 0; */}
#myModal .modal-content .img_wrap .inner{float:left;width:50%;height: 100%;margin-bottom: 10px;text-align: center;}
#myModal .modal-content .img_wrap .inner a{display:block;width:100%;/* height: 100%; */padding:0 5px;text-align: center;}
#myModal .modal-content .img_wrap .inner a img{/* height:100%; */}
#myModal .modal-content .day{display:block;position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);}
#myModal .modal-content .never{vertical-align:middle}
#myModal .modal-content .never input{vertical-align: baseline;display: inline-block;position: relative;top: -2px;}
#myModal .modal-content .never label{vertical-align:middle}
#myModal .modal-content .never i{font-style:normal;line-height: 1.2;}
#myModal .modal-content .btn-close{}

.popup{float:left;position: relative;width: 75%;margin-top: 20px;}
.popup:before{content:"";display: block;position: absolute;right: 0px;bottom: 30px;z-index: 0;width: 290px;height: 310px;background: url(/images/kor/main/toppopup_bg.png)no-repeat right bottom;background-size: 100%;}
.popup > strong{display: block;color: #366d98;font-size: 27px;line-height: 40px;font-weight: bold;text-align: center;line-height:1.3;word-break:keep-all;}
.popup .txt_box {position: relative;margin-top: 20px;}
.popup .txt_box:after {content: ""; display: block; clear: both;}
.popup .txt_box .txt_item {float: left; width: 48%; margin: 1%;}
.popup .txt_box .txt_item:first-child {padding-right: 10px;}
.popup .txt_box .txt_item:last-child {padding-left: 10px;}
.popup .txt_box .num-list li{position:relative;padding-left:20px;font-size: 17px;}
.popup .txt_box .num-list li span{position:absolute;left:0;top:0;color: #306ead;font-size: 17px;font-weight: bold;}
.popup .txt_box .txt_item p {margin-bottom: 10px;font-size: 15px;line-height: 1.5;}
.popup .gap_mt{position: relative;margin-top: 20px;text-align: center;}
.popup .gap_mt p {vertical-align: middle;line-height: 1.2;}
.popup .gap_mt img{display:inline-block;vertical-align:middle;}
#myModal .modal-footer{margin-top:0;border:0}

#toppopup_slide{position:relative;/* margin:30px 0 */}
#toppopup_slide .h2:first-child{margin: 0 0 30px}
#toppopup_slide .grap{overflow:hidden;width:100%;/* height: 500px; */padding-bottom: 56%;}
#toppopup_slide .grap .obj{overflow:hidden;width: 300%;height:100%;position: absolute;left: 0;top: 0;}
#toppopup_slide .grap .obj .item{display:inline-block;float:left;position:relative;width: 33.333%;height: 100%;text-align:center;}
#toppopup_slide .grap .obj .item:first-child{margin-left:0}
#toppopup_slide .grap .obj .item a{display:block;width:100%;height:100%}
#toppopup_slide .grap .obj .item_box{overflow:hidden;width:100%;height:100%}
#toppopup_slide .grap .obj .item_box .thm--box{width:100%;background-color:#fafafa;position:relative;z-index:1;padding-top:154px}
#toppopup_slide .grap .obj .item_box .thm--box .inner{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}
#toppopup_slide .grap .obj .item_box .thm--box img{max-width:none;height:100%}
#toppopup_slide .grap .obj .item_box .card--body{background-color:#fff;font-size:16px;padding:14px;border-top:1px solid #ddd}
#toppopup_slide .grap .obj .item_box .card--body .tit{display: block;width: 100%;overflow: hidden;color: #222;font-size: 20px;text-overflow: ellipsis;font-weight: bold;white-space: nowrap}
#toppopup_slide .control{}
#toppopup_slide button[data-control=prev],#toppopup_slide button[data-control=next]{position: absolute;top: 50%;z-index: 100;width: 33px;height: 33px;margin-top: -30px;border: 2px solid #333;border-width: 2px 2px 0 0;font-size: 0;}
#toppopup_slide button[data-control=prev]{left: 30px;transform: rotate(-135deg);}
#toppopup_slide button[data-control=next]{right: 30px;transform: rotate(45deg);}
#toppopup_slide button[data-control=play],#toppopup_slide button[data-control=stop]{display:inline-block;overflow:hidden;position: absolute;right: 100px;bottom: -50px;width:17px;height:17px;background:url(/images/kor/main/ir-main.png);font-size:0;}
#toppopup_slide button[data-control=play]{background-position:-74px -206px;}
#toppopup_slide button[data-control=stop]{background-position:-47px -206px;}

@media (min-width:1279px){
  .modal.in .modal-dialog{top: 50%;margin: 0 auto;transform:translateY(-50%);}
  .modal-dialog{width: 901px;}
}
@media (max-height:839px){
  .modal.in .modal-dialog{top:0;transform:translateY(0);}
}
@media only screen and (max-width: 1439px) {
  .modal-dialog{width:80%}
  .modal.in .modal-dialog{top:0;transform:translateY(0);}
  .popup{width:100%}
  #myModal .modal-content .img_wrap{width:100%}
  #myModal .modal-content .img_wrap .inner{float:left;width:50%}
}
@media only screen and (max-width: 1279px) {
  .modal-dialog{width:90%;margin: 30px auto;}
  .intro_a .txt_box .txt_item {float: none; width: 100%; margin: 0 0 20px;}
  .intro_a .txt_box .txt_item:first-child {padding-right: 0;}
  .intro_a .txt_box .txt_item:last-child {padding-left: 0;}
  .popup:before{bottom: 0px;width: 270px;}
  .popup .gap_mt{margin-top:100px;}
}
@media only screen and (max-width: 767px) {
  #myModal .modal-content .img_wrap .inner{float:none;width:100%;}
  #myModal .modal-content .btn-close{/* right:10px; *//* top:10px; *//* width:40px; *//* height: 40px; */}
  .popup{margin-top: 40px;}
  .popup:before{display:none;}
  .popup > strong{font-size: 20px;}
  .popup .gap_mt{margin-top:30px;padding-right: 0;}
  .popup .gap_mt p {line-height:1.2}
  #toppopup_slide button{width: 23px;height: 23px;}
  #toppopup_slide button[data-control=prev]{left: 20px;}
  #toppopup_slide button[data-control=next]{right: 20px;}
}

html{overflow-x:hidden;}
.loader {margin: 0 auto 35px;width: 72px;height: 72px;z-index: 10;transform:rotate(-21deg);}
.loader-block {position: absolute;top: 0;left: 0;display:inline-block;opacity:1;width: 24px;height: 24px;}
.loader-block:nth-child(1) {
  background: #ffbaba;
  animation: show 2.5s step-end infinite alternate, pulse 2.5s linear infinite alternate;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-animation-delay: 0.065s;
  animation-delay: 0.065s;}

.loader-block:nth-child(2) {
  background: #ffe2c9;
  animation: show 2.5s step-end infinite alternate, pulse2 2.5s linear infinite alternate;
  -moz-transform: translate(24px, 0);
  -ms-transform: translate(24px, 0);
  -webkit-transform: translate(24px, 0);
  transform: translate(24px, 0);
  -webkit-animation-delay: 0.13s;
  animation-delay: 0.13s;
}

.loader-block:nth-child(3) {
  background: #ffe2c9;
  animation: show 2.5s step-end infinite alternate, pulse2 2.5s linear infinite alternate;
  -moz-transform: translate(48px, 0);
  -ms-transform: translate(48px, 0);
  -webkit-transform: translate(48px, 0);
  transform: translate(48px, 0);
  -webkit-animation-delay: 0.195s;
  animation-delay: 0.195s;
}

.loader-block:nth-child(4) {
  background: #ffbaba;
  animation: show 2.5s step-end infinite alternate, pulse 2.5s linear infinite alternate;
  -moz-transform: translate(0, 24px);
  -ms-transform: translate(0, 24px);
  -webkit-transform: translate(0, 24px);
  transform: translate(0, 24px);
  -webkit-animation-delay: 0.325s;
  animation-delay: 0.325s;
}


.loader-block:nth-child(5) {
  background: #caf5ff;
  animation: show 2.5s step-end infinite alternate, pulse3 2.5s linear infinite alternate;
  -moz-transform: translate(48px, 24px);
  -ms-transform: translate(48px, 24px);
  -webkit-transform: translate(48px, 24px);
  transform: translate(48px, 24px);
  -webkit-animation-delay: 0.455s;
  animation-delay: 0.455s;
}

.loader-block:nth-child(6) {
  background: #c2e4ff;
  animation: show 2.5s step-end infinite alternate, pulse4 2.5s linear infinite alternate;
  -moz-transform: translate(0, 24px);
  -ms-transform: translate(0, 24px);
  -webkit-transform: translate(0, 24px);
  transform: translate(0, 24px);
  -webkit-animation-delay: 0.39s;
  animation-delay: 0.39s;
  display:none;
}

.loader-block:nth-child(7) {
  background: #c2e4ff;
  animation: show 2.5s step-end infinite alternate, pulse4 2.5s linear infinite alternate;
  -moz-transform: translate(24px, 48px);
  -ms-transform: translate(24px, 48px);
  -webkit-transform: translate(24px, 48px);
  transform: translate(24px, 48px);
  -webkit-animation-delay: 0.26s;
  animation-delay: 0.26s;
}

.loader-block:nth-child(8) {
  background: #caf5ff;
  animation: show 2.5s step-end infinite alternate, pulse3 2.5s linear infinite alternate;
  -moz-transform: translate(48px, 48px);
  -ms-transform: translate(48px, 48px);
  -webkit-transform: translate(48px, 48px);
  transform: translate(48px, 48px);
  -webkit-animation-delay: 0.49s;
  animation-delay: 0.49s;
}
.loader-block:nth-child(9) {
  background: #c2e4ff;
  animation: show 2.5s step-end infinite alternate, pulse4 2.5s linear infinite alternate;
  -moz-transform: translate(0, 48px);
  -ms-transform: translate(0, 48px);
  -webkit-transform: translate(0, 48px);
  transform: translate(0, 48px);
  -webkit-animation-delay: 0.36s;
  animation-delay: 0.39s;
}


@keyframes pulse {
  from,
  40% {
    background: #ffbaba;
  }
  to {
    background: #e76565;
  }
}
@keyframes pulse2 {
  from,
  40% {
    background: #ffe2c9;
  }
  to {
    background: #d9a577;
  }
}
@keyframes pulse3 {
  from,
  40% {
    background: #caf5ff;
  }
  to {
    background: #149ab8;
  }
}
@keyframes pulse4 {
  from,
  40% {
    background: #c2e4ff;
  }
  to {
    background: #366d98;
  }
}


@keyframes show {
  from, 40% {
    opacity: 0;
  }
  41%, to {
    opacity: 1;
  }
}


#lnb_hm{right: 165px;}
#lnb_hm .lnb_hm--links .sns.open ul{margin-right: -228px}
#foot_layout{position: relative;margin-top:0;z-index: 50;}
.ir-main{background-image:url(/images/kor/main/ir-main.png);}

/* slick */
.slick-slider{ position: relative; display: block; box-sizing: border-box;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;z-index: 9;}
.slick-list:focus{outline: none; }
.slick-list.dragging{cursor: pointer; cursor: pointer; }
.slick-slider .slick-track,
.slick-slider .slick-list{ transform: translate3d(0, 0, 0); }
.slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before,
.slick-track:after{display: table; content: ''; }
.slick-track:after{clear: both; }
.slick-loading .slick-track{visibility: hidden; }
.slick-slide{display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide{float: right; }
.slick-slide img{display: block; }
.slick-slide.slick-loading img{display: none; }
.slick-initialized .slick-slide{display: block; }
.slick-loading .slick-slide{visibility: hidden; }
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden {display: none; }

#body_layout{overflow: hidden;/* padding-bottom:120px; */z-index: auto;margin-top: -147px;}
#section0{overflow:hidden;margin-top: 0;min-height: 907px;position:relative;z-index:10;background-color:#000;}
#section0 .main_visual{position:relative;height: 907px;overflow: hidden;}

#section0 .main_visual .viewer_area{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;}
#section0 .main_visual .viewer_area .obj{position:absolute;top:0;left:0;z-index:10;width:100%;height: 927px;/* height: 100%; */}
#section0 .main_visual .viewer_area .obj .img_box{position: absolute;left:0;top:0;z-index:8;width:100%;height:100%;}
#section0 .main_visual .viewer_area .obj .img_box span{position:absolute;left:0;top:0;width:100%;height:100%;}
#section0 .main_visual .viewer_area .obj .img_box .tv{position:relative;width:100%;height:100%;z-index: 8;}
#section0 .main_visual .viewer_area .obj .img_box .tv iframe{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#section0 .main_visual .viewer_area .obj .cont_box{position:relative;z-index:11;top: 260px;max-width: 1000px;margin: 0 auto;}
#section0 .main_visual .viewer_area .obj .cont_box .txt_box{padding-left:25px; height: 0;}
#section0 .main_visual .viewer_area .obj .cont_box .txt_box .tit_box{max-height:189px;margin-bottom:20px;font-size:57px;line-height:63px;color:#fff;letter-spacing:-3px;overflow:hidden; display: none;}
#section0 .main_visual .viewer_area .obj .cont_box .txt_box .cont{height:70px;margin-bottom:30px;font-size:15px;line-height:23px;color:#fff;letter-spacing:-1px;overflow:hidden}

#section0 .main_visual .thumb_area{position:absolute;left: 50%;bottom: 37%;padding:8px;padding-bottom:3px;width:auto;background:rgba(0, 0, 0, 0.6);border-radius:20px;z-index:12;max-width: 1200px;transform: translate(-50%, 0);text-align: center;}
#section0 .main_visual .thumb_area a{position:relative;z-index:11;display:inline-block;width:22px;height:22px;overflow:hidden;transition:all 400ms ease-in-out;border-radius:100%;margin:0 4px;font-size:0;background-image:url(/images/kor/main/pager.png);background-position:center center;background-repeat:no-repeat;}
#section0 .main_visual .thumb_area a.on,
#section0 .main_visual .thumb_area a:hover,
#section0 .main_visual .thumb_area a:focus{background-image:url(/images/kor/main/pager-active.png);}
#section0 .main_visual .thumb_area a:focus{outline:1px dashed #fff}

#section0 .main_visual .buttons_area{position:relative;z-index:12;display:inline-block;top:-7px;}
#section0 .main_visual .buttons_area button{display:inline-block;width:22px;height:22px;overflow:hidden;font-size:0;background-position:center center;background-repeat:no-repeat;}
#section0 .main_visual .buttons_area .stop{background-image:url(/images/kor/main/stop.png);}
#section0 .main_visual .buttons_area .play{display:none;background-image:url(/images/kor/main/start.png);}
#section0 .main_visual .overlay,
#section0 .main_visual .video-overlay{position:absolute;top:0;left:0;right:0;width:100%;height: 130%;z-index: 9;}
#section0 .main_visual .viewer_area .images_fade{display:none}
#section0 .main_visual .viewer_area .images_fade:first-child{display:block}
#section0 .main_visual .viewer_area .images_fade .img_box span{display:block;transition:transform 10000ms ease-in-out}
#section0 .main_visual .viewer_area .images_fade .title {display:block;margin: 0 auto 55px;width:305px;height:74px;font-size:0;background-image:url(/images/kor/main/title.png);}
#section0 .main_visual .viewer_area .images_fade .line-break {position: relative;background-color:rgba(255,255,255,0.5);margin: auto;width:350px;height:2px;position: relative;left: 0;margin-top: -30px;}
#section0 .main_visual .viewer_area .images_fade .sub-heading {display:block;margin: 21px auto 0;width:475px;height:26px;font-size:0;background-image:url(/images/kor/main/subtitle.png);}
#section0 .main_visual .buttons_area .stop:focus,
#section0 .main_visual .buttons_area .play:focus{outline:2px solid #e3eef9}


@keyframes title {
  0% {
    transform: translate(0px, 0px);
    opacity: 0
  }
  20% {
    transform: translate(0px, -20px);
    opacity: 1;
  }
  100% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
}

@keyframes line-break {
  0% {
    width: 2px;
    height: 2px;
  }
  45% {
    width: 350px;
    height: 2px;
  }
  100% {
    width: 350px;
    height: 2px;
  }
}
@keyframes sub-heading {
  0% {
    opacity: 0;
    transform: translate(0px, 0px);
  }
  20% {
    opacity: 1;
    transform: translate(0px, -30px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}


@media screen and (min-width:1280px){
  #section0 .main_visual .viewer_area .images_fade.on .img_box span{transform:scale(1)}
  #section0 .main_visual .viewer_area .images_fade.on .title{animation-name: title;animation-duration:1s;animation-iteration-count: 1;animation-direction: alternate;animation-fill-mode: backwards;}
  #section0 .main_visual .viewer_area .images_fade.on .line-break{animation-name: line-break;animation-duration:1s;animation-delay: .6s;animation-iteration-count: 1;animation-direction: alternate;animation-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1);}
  #section0 .main_visual .viewer_area .images_fade.on .sub-heading{animation-name: sub-heading;animation-duration:1s;animation-delay: 1s;animation-iteration-count:1;animation-direction: alternate;animation-fill-mode: backwards;}

}


@media screen and (max-width:1280px){
  #op_layout{z-index:101}
  .quick-object.scene-ready{margin-top:-80px;}
  #lnb_hm{right:0}
  #section0{min-height:619px;}
  #section0 .main_visual{height:619px;}
  #section0 .main_visual .thumb_area{bottom:15%;}
  #section0 .main_visual .viewer_area .obj .cont_box{top:240px}
  #section0 .main_visual .viewer_area .obj .cont_box .txt_box{transform: scale(0.7);}
  #section0 .main_visual .overlay, #section0 .main_visual .video-overlay{height:100%}
  #section0 .main_visual .viewer_area .obj .img_box .tv iframe{object-fit:cover}
  #section0 .main_visual .viewer_area .images_fade .img_box span{background-size:auto 100% !important;background-position:0 50% !important;}
}


@media screen and (max-width:1024px){
  #section0{min-height:auto;margin-bottom:97px;}
  #section0 .main_visual{height:485px;}
  #section0 .main_visual .viewer_area .obj .cont_box{top:160px}
  #section0 .main_visual .viewer_area .obj .cont_box .txt_box{transform: scale(0.5);}
  #section0 .main_visual .thumb_area{bottom:30%;}
  #section0 .main_visual .viewer_area .images_fade .sub-heading{display:none;}
  #quick{top:418px;background-color: #149ab8;padding-top:15px;z-index:99;}
  .open_popup #quick{top:538px;}
  .quick-object.scene-ready{z-index:101}
}

@media screen and (max-width:768px){
  .quick-object.scene-ready{margin-top:-80px;}
  #section0 .main_visual{height:353px;}
  #section0 .main_visual .thumb_area{}
  #section0 .main_visual .thumb_area{bottom:20px;}
  #section0 .main_visual .viewer_area .obj .cont_box .txt_box{transform: scale(0.4);}
  #section0 .main_visual .viewer_area .images_fade .img_box span{background-size:auto 100% !important;background-position:0 50% !important;}
  #quick{top:280px;}
  .open_popup #quick{top:405px;}
}

@media screen and (max-width:540px){
  #body_layout{margin-top:0;}
  #section0 .main_visual{height:250px;}
  #quick a.ov, #quick a:hover{width:113px;}
  #section0 .main_visual .viewer_area .obj .cont_box .txt_box{padding-left:0}
  #section0 .main_visual .viewer_area .images_fade .title {margin: 0 auto 55px;width:250px;height:61px;background-size:cover}
  #section0 .main_visual .viewer_area .images_fade .line-break{margin:0 auto;margin-top:-30px;width:90%}
  #section0 .main_visual .viewer_area .images_fade .sub-heading{display:none;}
  #section0 .main_visual .viewer_area .obj .cont_box{display:none;}
  #section0 .main_visual .viewer_area .images_fade{width:100%;height:100%;}
  #section0 .main_visual .viewer_area .images_fade .img_box span{background-size:100% auto !important;background-position:50% !important;}

  #quick{top:300px;}
  .open_popup #quick{top:445px;}
}

@media screen and (max-width:500px){
  #section0 .main_visual .thumb_area{display:inline-flex;max-width:none;align-items:center}
  #section0 .main_visual .buttons_area{top:0}

}

@media screen and (max-width:380px){
  #section0 .main_visual{height:202px;}
  #quick{top:300px;}
  .open_popup #quick{top:445px;}
  #section0 .main_visual .thumb_area{background:none;}
  #section0 .main_visual .thumb_area > a{display:none;}
  #section0 .main_visual .buttons_area{display:inline-flex;}
  #quick{top:260px;}
  .open_popup #quick{top:401px;}
}

.content-strips{position:relative;z-index:11;padding-top: 281px;margin-top:-281px;overflow: hidden;}
.section-path{margin: 0 auto;width:100%;min-height:100%;}
.svg-path{display:none;}
.section{margin:0 auto;position:relative;background-size:cover;z-index:11;/* background-color: #fff; */}
.section .layout{position:relative;margin:0 auto;max-width:1200px;height:100%;}
.article{position:relative;padding:0;transition: all 200ms ease-in;background-color: #fff;z-index: 1;}
.article:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;opacity:0.3;z-index: -1;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAOklEQVQoU43MSwoAMAgD0eT+h7ZYaOlHo7N+DNHL2HAGgBWcyGcKbqTghTL4oQiG6IUpOqFEC5bI4QD8PAoKd9j4XwAAAABJRU5ErkJggg==);}

.article .inner{position:relative;display:block;width:100%;height:100%;background-color:#fff;transition: all 200ms ease-in;}


/*
.article .inner:hover,
.article .inner.on{transform: translate(-10px,-10px);box-shadow:0 0 10px rgba(0,0,0,0.1);}
*/

.section.action{}



@media screen and (max-width:1280px){

  .content-strips{padding-top: 0;margin-top: 0;}
}

#live.article .inner:hover{transform: translate(0,0);box-shadow:0 0 0 rgba(0,0,0,0);}

#section1{z-index:11;/* overflow: hidden; */}
#section1.action{}
#section1 .layout{padding:0 0 10px;}
#section1 .article{min-height:281px;}
#section1 .article .inner{min-height:281px;}


#item3 .inner{background-color:#149ab8}
#item4 .inner{background-color:#f7f8f6;background-image:url(/images/kor/main/main__item4.png);background-position:center bottom;background-repeat:no-repeat;background-size:100% auto;}
#item5 .inner{background-color:#438dd9;background-image:url(/images/kor/main/main__item5.png);background-position:center bottom;background-repeat:no-repeat;background-size:100% auto;}
#item6 .inner{background-color:#e76565}

#mpopup0,
#mpopup1,
#mpopup2{height:281px;overflow:hidden;}
.photo_list--wrap{position:relative;width:100%;height:100%;overflow:hidden;}
.photo_list--wrap .photo_list--item,
.photo_list--wrap .slick-list,
.photo_list--wrap .slick-list .slick-track,
.photo_list--wrap .slick-list .slick-track .slick-slide,
.photo_list--wrap .slick-list .slick-track .slick-slide>div,
.photo_list--wrap .slick-list .slick-track .slick-slide picture,
.photo_list--wrap .slick-list .slick-track .slick-slide img{height:100%;}

.photo_list--wrap .slick-list .js-link{display:block;position:relative;height: 100%;width: 100%;box-sizing: border-box;}
.photo_list--wrap .slick-list .js-link:focus{border:3px solid red;}
.photo_list--wrap .slick-list .js-link .thumb{display: inline-block;width:100%;height:100%;}
.photo_list--wrap .slick-list .js-link .thumb img{width:100%;}
/* #mpopup1 .photo_list--wrap .slick-list .js-link{padding:36px 42px;padding-right: 300px;} */
.photo_list--wrap .slick-list .js-link .subject{display:block;font-size: 29px;color:#2d3e46;line-height:1.2;/* width: 100%; */overflow: hidden;/* overflow-wrap: break-word; */margin-bottom:10px;max-height:68px;}
.photo_list--wrap .slick-list .js-link .desc{font-size:16px;line-height: 1.6;display:block;word-break: initial;max-height: 50px;overflow: hidden;}
/* #mpopup1 .photo_list--wrap .slick-list .js-link .thumb{overflow:hidden;position:absolute;top:0;right:0;width: 280px;} */
#mpopup1 .photo_list--wrap .slick-list .js-link .thumb{overflow:hidden;position:absolute;top:-47px;right:0;height:133%;}
.photo_list--wrap .slick-list .slick-slide{overflow:hidden}

.photo_list--wrap .slick-counter{position:absolute;bottom:46px;left: 45px;z-index: 10;}
.photo_list--wrap .slick-counter span{display:inline-block;color: #6d6868;}
.photo_list--wrap .slick-counter .total{margin-left:80px;color: #b8b6b6;}

.photo_list--wrap .slick-arrow{display:none;}
.photo_list--wrap .slider-control{position: absolute;overflow:hidden;bottom: 47px;left: 155px;z-index: 10;}
.photo_list--wrap .slider-control .popup__button{display:inline-block;overflow:hidden;width:17px;height:17px;}
.photo_list--wrap .slider-control .popup__button.prev{background-position:0 -206px;}
.photo_list--wrap .slider-control .popup__button.next{background-position:-19px -206px;}
.photo_list--wrap .slider-control .popup__button.play{background-position:-74px -206px;}
.photo_list--wrap .slider-control .popup__button.pause{background-position:-47px -206px;}

.photo_list--wrap .slider-control .popup__button:focus{border:2px solid #d14547;}
.photo_list--wrap,
.photo_list--slider {position:relative;width:100%;height:100%;}



.photo_list--wrap .slider-progress {width: 59px;height: 1px;background: #b8b6b6;max-width:600px;position: absolute;overflow:hidden;bottom: 55px;left: 65px;z-index: 10;}
.photo_list--wrap .slider-progress .progress { width:0%; height:5px; background:#000; position:absolute; }



#section1 .article .inner .link_box__group{position:relative;display:block;/* min-height: 218px; */}
#section1 .article .inner .link_box__group .link_box--link{position:relative;display:block;padding:47px 36px;height: 100%;min-height: 282px;}
#section1 .article .inner .link_box__group .link_box--link:focus{border:2px solid red;}
#section1 .article .inner .link_box__group .link_box--title,
#section1 .article .inner .link_box__group .link_box--content{display:block;color:#fff;font-size:16px;line-height:1.4}
#section1 .article .inner .link_box__group .link_box--title{margin-bottom:15px;font-size:25px;}
#section1 .article .inner .link_box__group .link_box--links{margin-top: 43px;}
#section1 .article .inner .link_box__group .link_box--links a{transition: all 0.4s 0s;text-align:center;margin-left:-4px;position:relative;z-index:0;padding: 7px 0;line-height: 30px;width: 49%;background-color:#d12f2f;display: inline-block;color:#fff;font-weight: bold;}
#section1 .article .inner .link_box__group .link_box--links a:first-child{border-right:1px solid rgba(255,255,255,0.2);background-color:#e33b3b}
#section1 .article .inner .link_box__group .link_box--links a:hover{background-color:#fff;color:#e33b3b;border-radius:10px 0}

/* #section1 #item1.article .photo_list--wrap .slick-list .js-link .thumb img{height: 100%;width: auto;max-width: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} */
#section1 #item4.article .inner .link_box--title{color:#ae834f;line-height:1}
#section1 #item4.article .inner .link_box--title i{display:block;font-style: normal;color:#4d4132;}
#section1 #item4.article .inner .link_box__group .link_box--content{color:#7b7c7b}
#section1 #item3.article .inner .link_box__group .link_box--link:after{content: '';position:absolute;bottom:0;left: 50%;width:219px;height:132px;background-image:url(/images/kor/main/main__item3.png);transform: translate(-50%, 0);z-index: 0;}
#section1 #item6.article .inner .link_box__group{padding:47px 41px}



@media screen and (max-width:1200px){
  #mpopup1 .photo_list--wrap .slick-list .js-link{padding-right:250px;}
  #mpopup1 .photo_list--wrap .slick-list .js-link .thumb{width:230px;}
}
@media screen and (max-width:990px){
  #mpopup1 .photo_list--wrap .slick-list .js-link{padding-right:300px;}
  #mpopup1 .photo_list--wrap .slick-list .js-link .thumb{width:280px;}
}

@media screen and (max-width:640px){
  #mpopup1 .photo_list--wrap .slick-list .js-link{padding-right:42px;}
  #mpopup1 .photo_list--wrap .slick-list .js-link .thumb {position: absolute;top: 0;right: 0;width: 100%;height: 100%;z-index: -1;opacity: 0.1;}
}



#section2{height:auto;padding:10px 0;}
#section2 .layout{}
#section2 .article{}
#section2 .article .inner{z-index:11;background-color:#e3eef9;min-height:135px;overflow:hidden;}
#section2 .article .main-banner__skin{position:relative;padding:22px;padding-left:221px;padding-right: 123px;background:url(/images/kor/main/quick-banner_background.png) no-repeat right 50%;}
#section2 .article .main-banner__skin .slick-list{padding:3px;}
#section2 .article .main-banner__skin .title{position:absolute;top:38px;left:39px;color:#45484d;font-size:16px;line-height:1.3;font-weight:bold;}
#section2 .article .main-banner__skin .title i{display:block;font-style: normal;font-weight: normal;}
#section2 .article .main-banner__skin .slick-dots{position:absolute;top:50px;left:-180px;padding-left:79px;}
#section2 .article .main-banner__skin .slick-dots:before{content: '';display:block;position:absolute;top: 62%;left:0;width:69px;height:1px;background-color:#c1cbd4;}
#section2 .article .main-banner__skin .slick-dots li{float:left;margin: 0 5px;}
#section2 .article .main-banner__skin .slick-dots li button{width:10px;height:10px;background-color:#b6bec7;border-radius: 50%;font-size: 0;}
#section2 .article .main-banner__skin .slick-dots li.slick-active button{background-color:#11a4ee}

#section2 .article .main-banner__skin .banner_list--item{display:inline-block;float:left;width:auto;}
#section2 .article .main-banner__skin .banner_list--item .banner_list--link{/* padding: 0 30px; */display:block;text-align: center;font-size: 15px;/* font-weight: bold; */color: #534b4b;word-break: break-all;line-height: 1.2;}
#section2 .article .main-banner__skin .banner_list--item .banner_list--link .circle{display:block;margin:0 auto;/* margin-bottom:5px; */position:relative;width:64px;height:64px;background-color: transparent;}
#section2 .article .main-banner__skin .banner_list--item .banner_list--link .circle .ir-main{display:block;position:relative;width:100%;height:100%;z-index:2}
#section2 .article .main-banner__skin .banner_list--item .banner_list--link .circle:after {opacity: 0;content: "";display: block;position: absolute;z-index:1;top: 50%;left: 50%;border-radius: 50%;transform: translate(-50%, -50%);height: 10px;width: 10px;transition: all 0.7s cubic-bezier(0.25, 0.19, 0.64, 1.36);background-color:#438dd9;}
#section2 .article .main-banner__skin .banner_list--item .banner_list--link:hover .circle:after,
#section2 .article .main-banner__skin .banner_list--item .banner_list--link:focus .circle:after{opacity: 1;margin:0;width: 64px;height: 64px;}
#section2 .article .main-banner__skin .banner_list--item .banner_list--link:hover,
#section2 .article .main-banner__skin .banner_list--item .banner_list--link:focus{color:#438dd9;font-weight: bold;}
#section2 .article .main-banner__skin .banner_list--item .banner_list--link .circle .ir-main.ir-banner__1{background-position:0 0}
#section2 .article .main-banner__skin .banner_list--item .banner_list--link .circle .ir-main.ir-banner__2{background-position:-64px 0}
#section2 .article .main-banner__skin .banner_list--item .banner_list--link .circle .ir-main.ir-banner__3{background-position:-128px 0}
#section2 .article .main-banner__skin .banner_list--item .banner_list--link .circle .ir-main.ir-banner__4{background-position:-192px 0}
#section2 .article .main-banner__skin .banner_list--item .banner_list--link .circle .ir-main.ir-banner__5{background-position:-256px 0}
#section2 .article .main-banner__skin .banner_list--item .banner_list--link .circle .ir-main.ir-banner__6{background-position:-320px 0}
#section2 .article .main-banner__skin .banner_list--item .banner_list--link:hover .circle .ir-main.ir-banner__1,
#section2 .article .main-banner__skin .banner_list--item .banner_list--link:focus .circle .ir-main.ir-banner__1{background-position:0 -64px}
#section2 .article .main-banner__skin .banner_list--item .banner_list--link:hover .circle .ir-main.ir-banner__2,
#section2 .article .main-banner__skin .banner_list--item .banner_list--link:focus .circle .ir-main.ir-banner__2{background-position:-64px -64px}
#section2 .article .main-banner__skin .banner_list--item .banner_list--link:hover .circle .ir-main.ir-banner__3,
#section2 .article .main-banner__skin .banner_list--item .banner_list--link:focus .circle .ir-main.ir-banner__3{background-position:-128px -64px}
#section2 .article .main-banner__skin .banner_list--item .banner_list--link:hover .circle .ir-main.ir-banner__4,
#section2 .article .main-banner__skin .banner_list--item .banner_list--link:focus .circle .ir-main.ir-banner__4{background-position:-192px -64px}
#section2 .article .main-banner__skin .banner_list--item .banner_list--link:hover .circle .ir-main.ir-banner__5,
#section2 .article .main-banner__skin .banner_list--item .banner_list--link:focus .circle .ir-main.ir-banner__5{background-position:-256px -64px}
#section2 .article .main-banner__skin .banner_list--item .banner_list--link:hover .circle .ir-main.ir-banner__6,
#section2 .article .main-banner__skin .banner_list--item .banner_list--link:focus .circle .ir-main.ir-banner__6{background-position:-320px -64px}
@media screen and (max-width:640px) {
  #section2 .article .main-banner__skin{background:none;padding-left: 20px;padding-right:20px;}
  #section2 .article .main-banner__skin .title{display:none;}
  #section2 .article .main-banner__skin .slick-arrow{position: absolute;top:40px;background-image: url(/images/kor/main/ir-main.png);display:inline-block;overflow:hidden;width:17px;height:17px;font-size:0;z-index: 10;}
  #section2 .article .main-banner__skin .slick-arrow.slick-prev{background-position:0 -206px;left:0}
  #section2 .article .main-banner__skin .slick-arrow.slick-next{background-position:-19px -206px;right:0}
}
#section3,
#section4{}
#section3{padding: 67px 0;}



#section3 .inner{padding:20px;}
#section3 .inner .btitle{font-size:22px;color:#2c6180}


.main-board__skin{display:block;min-height:223px;position: relative;}
.main-board__skin:after{content: "";display: table;clear: both;}
.main-board__skin .board__nav-item .board__content,
.main-board__skin .board__nav-item .board__more{display:none;}
.main-board__skin .board__nav-item.active .board__content,
.main-board__skin .board__nav-item.active .board__more{display:block;}
.main-board__skin .board__nav-item .board__title{display:block;color:#959b9f;font-size:17px;line-height:30px;text-align:left;}



.board__list .board__nav-item{width:100%;}
.board__list .board__nav-item:first-child .board__content,
.board__list .board__nav-item:first-child .board__more{display:block;}
.board__list--tab .board__nav-item{display:inline-block;float:left;padding:0;}
.board__list--tab .board__nav-item .board__title{width:100%;border-left:none;text-align:center;position: relative;}
.board__list--tab .board__nav-item .board__title:after{content:'';position:absolute;top: 6px;right: -12px;width:1px;height:20px;background-color: #c2c6ca;display:block;}
.board__list--tab .board__nav-item.active .board__title{color:#2b383f;}
.board__list--tab .board__nav-item{width: auto;padding: 0 13px;}
.board__typeB .board__item{display:block;position:relative;margin-bottom:13px;}
.board__typeB .board__item .board__link{display:block;text-align: left;padding-bottom:3px;line-height:1.2;font-size:16px;}
.board__typeB .board__item .board__link *{vertical-align:middle;}
.board__typeB .board__item .board__link .board__item--title{position:relative;display:block;width: 100%;overflow: hidden;text-align:left;overflow: hidden;height: 38px;overflow-wrap: inherit;word-wrap: initial;word-break: initial;}
.board__typeB .board__item .board__link .board__item--content,
.board__typeB .board__item .board__link .board__item--thumb{display:none}
.board__typeB .board__item .board__link .board__item--date{display: block;color: #828688;font-style: normal;margin-top: 12px;font-size: 14px;}
.board__typeB .board__item .board__link .board__item--date *{display:inline-block;vertical-align:top;font-style: normal;}
.board__nav-item .board__content{position:absolute;top:55px;left:0;width:100%;min-height:170px}
.board__nav-item .board__more{position:absolute;top:0;right:19px;}
.main-board__skin .board__nav-item.active .board__more a{font-size:0;display:block;width:18px;height:18px;}
.main-board__skin .board__nav-item.active .board__more a:before,
.main-board__skin .board__nav-item.active .board__more a:after{content:""; display:inline-block; position:absolute; top:8px; left:0; width:18px; height:1px; background-color:#959b9f; transition: all 0.2s ease-in-out}
.main-board__skin .board__nav-item.active .board__more a:after{top:0px; left:8px; width:1px; height:18px}
.main-board__skin .board__nav-item.active .board__more a:hover:after,
.main-board__skin .board__nav-item.active .board__more a:hover:before{transform: rotate(90deg)}
#news .btitle{position: absolute;top: 20px;left: 20px;}
#news .main-board__skin{padding-left: 75px;}
#news .board__typeB .board__item{width:50%;float:left;border-right: 24px solid transparent;}
#festival .main-board__skin .board__nav-item .board__title,
#letter .main-board__skin .board__nav-item .board__title{font-size:22px;color:#2c6180;margin-top:-8px;}
#letter,
#news{border-right:1px solid #ddd;}
.board__typeD .board__item .board__link{display:block;text-align:left;padding-bottom:3px;line-height:1.2;font-size:16px;border: 5px solid transparent;}
.board__typeD .board__item .board__link .board__item--thumb{display:block;overflow: hidden;position: relative;width:100%;height:81px;text-align:center}
.board__typeD .board__item .board__link .board__item--thumb img{max-width:none;width:100%;/* height: 100%; */position: absolute;top: 0;left: 50%;transform: translate(-50%, 0%);}
.board__typeD .board__item .board__link .board__item--title{position:relative;display:block;width: 100%;overflow: hidden;text-align:left;overflow: hidden;max-height: 38px;margin-top:20px;overflow-wrap: inherit;word-wrap: initial;word-break: initial;text-align: center;}
.board__typeD .board__item .board__link .board__item--content{display:none}
.board__typeD .board__item .board__link .board__item--date{display: block;color: #828688;font-style: normal;margin-top: 12px;font-size: 14px;}
.board__typeD .board__item .board__link .board__item--date *{display:inline-block;vertical-align:top;font-style: normal;}



#letter .board__typeD  .board__item .board__link .board__item--thumb{height:135px;overflow: inherit;}
#letter .board__typeD  .board__item .board__link .board__item--thumb>span{overflow:hidden;height:100%;display:block;border:1px solid #d1d1d1;position: relative;}
#letter .board__typeD  .board__item .board__link .board__item--thumb img{}
#letter .board__typeD  .board__item .board__link .board__item--thumb:before{position:absolute;bottom:-4px;left:-1px;height:2px;width:100%;border:1px solid #d1d1d1;background-color:#f4f4f4;content: ""}
#letter .board__typeD  .board__item .board__link .board__item--thumb:after{position:absolute;bottom:-7px;left:-1px;height:2px;width:100%;border:1px solid #d1d1d1;background-color:#f4f4f4;content: ""}
#letter .board__typeD  .board__item .board__link .board__item--date{margin-top:7px;}


@media screen and (max-width:768px) {
  #letter, #news{border-right:0}
}
@media screen and (max-width:540px) {
  #news .main-board__skin{padding-left:0}
  #section3 .inner .btitle{display:none;}
  #news .board__typeB .board__item{float:none;width:100%;border-right:0;margin-bottom:3px}
  #news .board__typeB .board__item .board__link .board__item--title{height:auto;white-space: nowrap;text-overflow: ellipsis;}
  .board__typeB .board__item .board__link .board__item--date{margin-top:2px;font-size:13px;}
  .board__list--tab .board__nav-item:first-child{padding-left:0}
}


#section4{padding-bottom: 85px;/* margin-bottom:66px; */}
#section4 .layout{width:100%;max-width: 100%;}
#section4 .title{display:block;text-align:center;/* padding-bottom: 50px; */max-width: 779px;margin: 0 auto;background-color: #fff;padding: 0;}
#section4 .title em,
#section4 .title strong{display:block;}
#section4 .title em{color:#b7b9ba;font-size:13px;line-height: 1;margin-bottom: 12px;}
#section4 .title strong{color:#2a3238;font-size:48px;vertical-align:middle;line-height: 1;}
#section4 .title strong *{vertical-align:middle;}
#section4 .title strong .ir-live{position:relative;display:inline-block;top:-4px;width:51px;height:51px;background-position:-121px -189px;margin:0 17px;}
#section4 .article,
#section4 .article .inner{background-color:transparent;}
#section4 .article:after{display:none}



@media screen and (max-width:640px){
  #section3{padding:30px 0;}
  #section4{padding-bottom:40px;}

}

#live{height: 560px;overflow:hidden;background-color: transparent;}
#live .slick-arrow{display:none;}
#live .slider-control{position: absolute;overflow:hidden;top: -93px;right: 265px;z-index: 10;}
#live .slider-control .popup__button{display:inline-block;overflow:hidden;width:17px;height:17px;}
#live .slider-control .popup__button.prev{background-position:0 -206px;}
#live .slider-control .popup__button.next{background-position:-19px -206px;}
#live .slider-control .popup__button.play{background-position:-74px -206px;}
#live .slider-control .popup__button.pause{background-position:-47px -206px;}


#live .slider-control .popup__button:hover,
#live .slider-control .popup__button:focus{border:2px solid #d14547;}





#live_list--wrap {position:relative;width:100%;height:100%;}
#live .slider-progress {width: 59px;height: 1px;background: #b8b6b6;max-width:600px;position: absolute;overflow:hidden;top: -78px;right: 365px;z-index: 10;}
#live .slider-progress .progress { width:0%; height:5px; background:#178dcd; position:absolute; }
#live .slick-counter{position:absolute;top: -91px;right: 345px;z-index: 10;}
#live .slick-counter span{display:inline-block;color: #178dcd;}
#live .slick-counter .total{margin-left:80px;color: #b8b6b6;}


#mlive{position:relative;max-width:100%;width:1300px;margin: 0 auto;height: 430px;margin-top: 50px;}


#mlive .live_list--wrap{position:relative;width:100%;height:100%;overflow:inherit;}
#mlive .live_list--wrap .live_list--item,
#mlive .live_list--wrap .slick-list,
#mlive .live_list--wrap .slick-list .slick-track,
#mlive .live_list--wrap .slick-list .slick-track .slick-slide,
#mlive .live_list--wrap .slick-list .slick-track .slick-slide>div,
#mlive .live_list--wrap .slick-list .slick-track .slick-slide picture,
#mlive .live_list--wrap .slick-list .slick-track .slick-slide img{height:100%;}
#mlive .live_list--wrap .slick-list{ width: 300%; margin-left: -100%; }

#mlive .live_list--wrap .slick-slide{opacity:1;transition: opacity 1s;}
#mlive .live_list--wrap .slick-slide:not(.slick-current) {opacity:0.8;transition: opacity 1s;}
#mlive .live_list--wrap .slick-slide,
#mlive .live_list--wrap .live_list--item{width:1300px;height:430px;}
#mlive .live_list--wrap .slick-list .js-link{display: block;overflow: hidden;position: relative;height: 100%;width: 100%;word-break: keep-all;padding:55px 38px;padding-right:55%;background-color:#178dcd;}
#mlive .live_list--wrap .slick-list .js-link .subject{display:block;font-size:40px;color:#fff;line-height:1.2;overflow: hidden;margin-bottom: 25px;max-height: 100px;}
#mlive .live_list--wrap .slick-list .js-link  .desc{color:#fff;margin-bottom:21px;font-size:16px;line-height: 1.6;display:block;max-height: 126px;overflow: hidden;}
#mlive .live_list--wrap .slick-list .js-link  .more{padding: 9px 24px;border:1px solid #fff;color:#fff;font-size: 14px;line-height:1;}
#mlive .live_list--wrap .slick-list .js-link .thumb {overflow: hidden;position:absolute;right:0;top:0;width: 47.7%;height:100%;transition: all 0.3s;}
#mlive .live_list--wrap .slick-list .js-link .thumb img {position:absolute;left:50%;top:0;height:100%;transform: translateX(-50%);/* width: 100%; */}
#mlive .live_list--wrap .slick-list .slick-current .js-link {padding:55px 38px;padding-left:52%;background-color:#0967ad}
#mlive .live_list--wrap .slick-list .slick-current .js-link .thumb{left:0; }
#mlive .live_list--wrap .slick-list .slick-current a.js-link:hover,
#mlive .live_list--wrap .slick-list .slick-current a.js-link:focus{border:2px solid #d14547;}

@media screen and (max-width:1280px){

  #mlive .live_list--wrap .slick-slide,
  #mlive .live_list--wrap .live_list--item{width:1200px}
}

@media screen and (max-width:1280px){
  #live .slider-control{right:20px}
  #live .slider-progress{right:105px}
  #live .slick-counter{right:89px}

  #mlive .live_list--wrap .slick-slide,
  #mlive .live_list--wrap .live_list--item{width:1024px}
  #mlive .live_list--wrap .slick-list .slick-current .js-link{}

}
@media screen and (max-width:1024px){

  #mlive .live_list--wrap .slick-slide,
  #mlive .live_list--wrap .live_list--item{width:768px}

}

@media screen and (max-width:768px){
  #mlive{height:380px;}
  #section4 .title strong{font-size:30px;}
  #mlive .live_list--wrap .slick-slide,
  #mlive .live_list--wrap .live_list--item{width:560px;height:360px;}
  #mlive .live_list--wrap .slick-list .js-link .thumb{display:none;}
  #mlive .live_list--wrap .slick-list .js-link,
  #mlive .live_list--wrap .slick-list .slick-current .js-link{padding:30px;padding-left:30px;}
}


@media screen and (max-width:560px){
  #mlive .live_list--wrap .slick-slide,
  #mlive .live_list--wrap .live_list--item{width:480px}
  #live .slider-control{top:-49px}
  #live .slick-counter{top:-49px}
  #live .slider-progress{top:-36px;}
}
@media screen and (max-width:480px){
  #mlive .live_list--wrap .slick-slide,
  #mlive .live_list--wrap .live_list--item{width:360px}
}
@media screen and (max-width:360px){
  #mlive .live_list--wrap .slick-slide,
  #mlive .live_list--wrap .live_list--item{width:320px}
}

#section2 .list a { display: block; overflow: hidden; position: relative; z-index: 0; height: 22rem; color: #000; word-break: keep-all; }
#section2 .list a h3 { display: block; position: relative; width: 19rem; max-width: 100%; padding: 2.5rem 0; font-size: 3rem; font-weight: 600; line-height: 1.083; text-transform: uppercase; }
#section2 .list a strong { position: relative; top: 1rem; font-size: 1.5rem; font-weight: 500; opacity: 0; -webkit-transition: all 0.5s 0.3s; transition: all 0.5s 0.3s; }
#section2 .list a p { width: 17rem; max-width: 100%; margin: 0.5rem 0 0; opacity: 0; -webkit-transition: all 0.5s 0.5s; transition: all 0.5s 0.5s; }
#section2 .list a:hover .more::before, #section2 .list a:focus .more::before, #section2 .list a:active .more::before { right: -0.5rem; }
#section2 .list a:hover .more::after, #section2 .list a:focus .more::after, #section2 .list a:active .more::after { right: -0.5rem; width: 1.9rem; }
#section2 .list .more { position: absolute; left: 1rem; bottom: 2.2rem; padding-right: 1.8rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; opacity: 0; }
#section2 .list .more:before { position: absolute; right: 0; bottom: 50%; width: 0.6rem; height: 1px; background-color: #000; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s; transition: all 0.3s; }
#section2 .list .more::after { position: absolute; right: 0; top: 50%; width: 1.4rem; height: 1px; margin-top: 0.2rem; background-color: #000; content: ''; -webkit-transition: all 0.3s; transition: all 0.3s; }
#section2 .list .img { overflow: hidden; position: absolute; right: 0; top: 0; width: 35rem; height: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; }
#section2 .list .img img { position: absolute; left: 50%; top: 0; height: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

@media screen and (min-width:1340px){
  body.scrolling #section0{z-index:10}
  body #section2 .article{transition: all 0.2s;}
  body.scrolling .section .article{transform: translate(0, -281px);}
  body.scrolling #section1 #item1{transition-duration: 0.1s;}
  body.scrolling #section1 #item2{transition-duration: 0.3s;}
  body.scrolling #section1 #item3{transition-duration: 0.5s;}
  body.scrolling #section1 #item4{transition-duration: 0.7s;}
  body.scrolling #section1 #item5{transition-duration: 0.9s;}
  body.scrolling #section1 #item6{transition-duration: 1.1s;}
  body.scrolling #section2 .article{transition-duration: 1.3s;}
  body.scrolling #section3 #news{transition-duration: 1.5s;}
  body.scrolling #section3 #letter{transition-duration: 1.7s;}
  body.scrolling #section3 #festival{transition-duration: 1.9s;}
  body.scrolling #section4 .article{transition-duration: 1.2s;}
  body.scrolling .content-strips{transition-duration: 1.9s;margin-bottom: -301px;}
}


@media screen and (min-width:1280px){
  .floating-page-nav {display:block;position:absolute;left: 50%;top: auto;right: auto;bottom: auto;pointer-events: none;z-index:-1;/* min-width:100%; *//* min-height:100%; */max-width: 1340px;max-height:1600px;transform: translate(-50%, 0);overflow:hidden;width: 100%;height: 100%;}
  [class*="ani"]{background-color:rgba(242,242,242,1);transform-origin:top center;}
  .floating-page-nav .sequence1{position:absolute;right: 0;top:0;height:1118px;width:40px;}
  .floating-page-nav .sequence1 .ani{position:absolute;top:0;display:block;width:4px;/*height:1118px;*/height:100%;}
  .floating-page-nav .sequence1 .sequence1-1{left:0;}
  .floating-page-nav .sequence1 .sequence1-2{left:8px;}
  .floating-page-nav .sequence1 .sequence1-3{left:16px;}
  .floating-page-nav .sequence1 .sequence1-4{left:24px;}
  .floating-page-nav .sequence1 .sequence1-5{left:32px;}
  body.scrolling .floating-page-nav .sequence1{height: 878px;}
  body.scrolling .floating-page-nav .sequence1 .ani{animation-name:sequence1;animation-duration:5s;animation-iteration-count:1;animation-direction: alternate;}
  body.scrolling .floating-page-nav .sequence1 .sequence1-2{animation-delay: .5s;}
  body.scrolling .floating-page-nav .sequence1 .sequence1-3{animation-delay: .8s;}
  body.scrolling .floating-page-nav .sequence1 .sequence1-4{animation-delay: 1.1s;}
  body.scrolling .floating-page-nav .sequence1 .sequence1-5{animation-delay: 1.4s;}

  .floating-page-nav .sequence2{position:absolute;left:0;top:1118px;height: 40px;width:100%;}
  body.scrolling .floating-page-nav .sequence2{top: 880px;}
  .floating-page-nav .sequence2 .ani{position:absolute;top:0;display:block;width: 100%;height:4px;}
  .floating-page-nav .sequence2 .sequence2-1{top:0;}
  .floating-page-nav .sequence2 .sequence2-2{top:8px;}
  .floating-page-nav .sequence2 .sequence2-3{top:16px;}
  .floating-page-nav .sequence2 .sequence2-4{top:24px;}
  .floating-page-nav .sequence2 .sequence2-5{top:32px;}
  body.scrolling .floating-page-nav .sequence2 .ani{animation-name:sequence2;animation-duration:5s;animation-iteration-count:1;animation-direction: alternate;}
  body.scrolling .floating-page-nav .sequence2 .sequence2-1{animation-delay: 2.9s;}
  body.scrolling .floating-page-nav .sequence2 .sequence2-2{animation-delay: 2.5s;}
  body.scrolling .floating-page-nav .sequence2 .sequence2-3{animation-delay: 3.5s;}
  body.scrolling .floating-page-nav .sequence2 .sequence2-4{animation-delay: 3.7s;}
  body.scrolling .floating-page-nav .sequence2 .sequence2-5{animation-delay: 3.1s;}

  .floating-page-nav .sequence3{position:absolute;left:0;top: 919px;height: 550px;width:40px;}
  .floating-page-nav .sequence3 .ani{position:absolute;top:0;display:block;width:4px;height:100%;}
  .floating-page-nav .sequence3 .sequence3-1{left:0;}
  .floating-page-nav .sequence3 .sequence3-2{left:8px;}
  .floating-page-nav .sequence3 .sequence3-3{left:16px;}
  .floating-page-nav .sequence3 .sequence3-4{left:24px;}
  .floating-page-nav .sequence3 .sequence3-5{left:32px;}
  body.scrolling .floating-page-nav .sequence3 .ani{animation-name:sequence3;animation-duration:10s;animation-iteration-count:1;animation-direction:alternate;}
  body.scrolling .floating-page-nav .sequence3 .sequence3-1{animation-delay: 5.5s;}
  body.scrolling .floating-page-nav .sequence3 .sequence3-2{animation-delay: 6s;}
  body.scrolling .floating-page-nav .sequence3 .sequence3-3{animation-delay: 5.4s;}
  body.scrolling .floating-page-nav .sequence3 .sequence3-4{animation-delay: 5.9s;}
  body.scrolling .floating-page-nav .sequence3 .sequence3-5{animation-delay: 6.4s;}

  @keyframes sequence1 {
    0% {
      transform: scaleY(0.1);
      background-color:rgba(242,242,242,1)
    }
    50%{
      transform: scaleY(1);
      background-color: #d9a577;
    }
    100%{
      transform: scaleY(0.1);
      background-color:rgba(242,242,242,1)
    }
  }
  @keyframes sequence2 {
    0% {
      transform: scaleX(0.1);
      background-color:rgba(242,242,242,1)
    }
    50%{
      transform: scaleX(1);
      background-color: #d9a577;
    }
    100%{
      transform: scaleX(0.1);
      background-color:rgba(242,242,242,1)
    }
  }
  @keyframes sequence3 {
    0% {
      transform: scaleY(0.1);
      background-color:rgba(242,242,242,1)
    }
    50%{
      transform: scaleY(1);
      background-color: #d9a577;
    }
    100%{
      transform: scaleY(0.1);
      background-color:rgba(242,242,242,1)
    }
  }