@import url("common.css");



.fs60 {color: var(--white); text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.15); font-size: 3.3333rem; font-weight: 400; line-height:125%; letter-spacing: -3px; text-transform: uppercase;}


/* 화살표 */
.slick-arrow {border:0; padding:0; font-size:0; outline:none; cursor:pointer; width:70px; height:70px; background-color:transparent; transition:all .3s linear; position: absolute; z-index: 9999;}
.slick-arrow::before {content:'\e5e0'; font-size:70px; line-height:1; display:block; font-weight:300; font-family:var(--icon); color:var(--white);}
.slick-prev {}
.slick-next {transform: scaleX(-1);}




/*** Visual ***/
#visual {position:relative; width:100%; height:var(--vh); background:var(--black);}
#visual .scroll_btn {position:absolute; bottom:50px; right:50%; margin-right:-675px; z-index:9999;}
#visual .scroll_btn span {color: var(--white); font-size: 14px; font-weight: 700; line-height:128.571%; letter-spacing: 0.7px; text-transform: uppercase; writing-mode: vertical-rl; text-orientation: mixed; transform: scale(-1);}
#visual .scroll_btn i {display:block; width: 16px; height: 25px; border-radius:30px; border:1px solid rgba(255,255,255,0.5); box-sizing:border-box; position:relative; margin:3px 0 0;}
#visual .scroll_btn i::after {content:''; width: 2px; height: 5px; border-radius: 40px; background: var(--white); position:absolute; top:6px; left:50%; margin-left:-1px;}

#visual .scroll_btn:hover span {color:var(--main); transition:all 0.3s ease;}
#visual .scroll_btn:hover i {border-color:var(--main); transition:all 0.3s ease;}
#visual .scroll_btn:hover i::after {background:var(--main); transition:all 0.3s ease;}

#visual .v_txt{position: absolute; left: 50%; top:60%; transform:translate(-50%,-50%); z-index: 9999; margin-top:-120px;}
#visual .v_txt .mask-tit {position:relative; display:inline-block; color: var(--white); font-size: 1.388rem; font-weight: 600; line-height:160%; z-index:10;}
#visual .v_txt .mask-tit::after {content:''; width:calc(100% + 15px); height:60%; background:var(--main); position:absolute; bottom:0; left:30px; z-index:-1; opacity:0;}
#visual .v_txt .mask-tit.aos-animate::after {left:-4px; opacity:1; transition:all 0.3s 0.6s ease; }
#visual .v_txt h2 {color: var(--white); font-size: 4.444rem; font-weight: 700; line-height: 112.5%; letter-spacing: -4px; text-transform: uppercase; margin:25px 0 30px;}
#visual .v_txt p {font-size: 1.11rem; font-weight: 400; line-height:160%; letter-spacing: -0.8px; color:rgba(255,255,255,0.7);}
#visual .v_txt .view-video {position:relative; display:block; width: 225px; height: 65px; margin:60px 0 0; overflow:hidden; border-radius:10px;}
#visual .v_txt .view-video::after {content:''; display: block; width: 100%; height: 100%; position: absolute; left:0; top:0; background: linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%, rgba(209, 204, 189, 0.5) 51%, rgba(209, 204, 189, 0.5) 60%, rgba(255,255,255,0) 61%,rgba(255,255,255,0) 100%); background-repeat: no-repeat; background-position:0px; background-size:400%;}

#visual .v_txt .view-video:hover:after{animation:light 1s infinite;}
#visual .v_txt .view-video em {width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border:1px solid rgba(255,255,255,0.5); border-radius:10px; box-sizing:border-box; color: var(--white); font-size:  1rem; font-weight: 600; line-height: 1; letter-spacing: -0.72px; font-style:normal; padding:0 30px 0 25px; transition:all 0.3s ease; }
#visual .v_txt .view-video:hover em {background:var(--main); transition:all 0.3s ease; border-color:var(--main);}
#visual .v_txt .view-video em::after {content:'\e1c4'; font-family:var(--icon); font-size:30px; font-weight:400; line-heighT:1;}

#visual .v_bg {position: absolute; top:0; left:0; width: 100%; height:100%;}
#visual .v_bg .jarallax{position: relative; width: 100%; height:100%; opacity:0.7;}
#visual .v_bg .jarallax iframe {position: absolute;}


.paper_bg {width:100%; height:var(--vh); background:url("/assets/img/paper_texture.png")no-repeat center; mix-blend-mode: multiply; position:sticky; top:0;}


body {background:var(--main); transition:all 1s ease;}
body.white-ver {background:var(--white); transition:all 1s ease;}
body.white-ver #photo_list .tBox {color:var(--black); transition:all 1s ease;}

.main_content {margin-top:calc(var(--vh) * -1);}

.rotate img {transform:rotate(0);}
.rotate.on1 img {transform:rotate(10deg);}


/* 지구를 지키는 어셈블의 활동에 함께하세요! */
#activity {padding:200px 0; overflow:hidden; position:relative; }
#activity .deco_list {position:absolute;top:0;left:0;width:100%;height:100%;z-index: 10;}
#activity .deco_list li {position:absolute;  line-height:1;}
#activity .deco_list li.one {right: 20%;top: 7%; transform:translate(80%,-80%);}
#activity .deco_list li.two {top: 12%;left: 29%; transform:translate(-150%,-150%);}
#activity .deco_list li.three {top: 29%;left: 6%; transform:translate(-150%,0%);}
#activity .deco_list li.four {top: 33%;left: 20%; transform:translate(150%,150%);}
#activity .deco_list li.five {bottom: 15%;left: 23%; transform:translate(200%,-200%);}
#activity .deco_list li.six {top: 33%;right: 19%; transform:translate(-250%,200%);}
#activity .deco_list li.seven {bottom: 8%; right: 11%; transform:translate(70%,0%);}

#activity .deco_list.aos-animate li {transform:translate(0,0); transition:all 1s ease;}
#activity .deco_list.aos-animate li.order2 {transition:all 0.3s 0.5s ease-in-out;}

#activity .deco_list li.rotate img {}




#activity .slick-arrow {top:50%; margin-top:-35px; opacity:0.8; transition:all 0.3s ease;}
#activity .slick-arrow:hover {opacity:1; transition:all 0.3s ease;}
#activity .slick-prev {left:-110px;}
#activity .slick-next {right:-90px; }
#activity .tBox {max-width:720px; margin:0 auto 30px; position:relative; z-index:20;}
#activity .activity_in {max-width:720px; margin:0 auto; position:relative; z-index:20;}

#activity .activity_in .slick-list {overflow:visible;}
#activity .activity_in .slick-slide {transform:scale(0.6); transition:all 0.3s ease;}
#activity .activity_in .slick-slide a {display:block; border-radius:20px; overflow:hidden; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
#activity .activity_in .slick-slide dt {overflow: hidden; aspect-ratio: 3 / 2.0417;}
#activity .activity_in .slick-slide dt img {display: block; width: 100%; height: 100%; object-fit: cover;}
#activity .activity_in .slick-slide dd {position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; display:flex; flex-wrap:wrap; align-content:center;  overflow:hidden; padding:0 5%; box-sizing:border-box;}
#activity .activity_in .slick-slide dd::after {content:''; width:4em; height:4em; border-radius: 100%; background: rgba(218, 41, 28, 0.90); box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.10); backdrop-filter: blur(2px); position:absolute; top:50%; left:50%; margin:-2em 0 0 -2em; z-index:-1; opacity:0; transition:all 0.5s ease;}
#activity .activity_in .slick-slide dd .subject_box {width:100%; text-align:center; transform:translateY(50%); opacity:0; visibility:hidden; transition:all 0.3s ease;}
#activity .activity_in .slick-slide dd .subject_box .fs45 {color: var(--white); font-family: var(--eng); font-size: 2.5rem; font-weight: 400; line-height:122.222%; letter-spacing: -2.25px; text-transform: uppercase;}
#activity .activity_in .slick-slide dd .subject_box .stxt {line-height:177.778%; letter-spacing: -0.72px; color:rgba(255,255,255,0.7); margin:6px 0 0;}
#activity .activity_in .slick-slide dd .btn-wrap {width:100%; padding-top:23px; transform:translateY(-50%); opacity:0; visibility:hidden;  transition:all 0.3s ease;}
#activity .activity_in .slick-slide dd .btn-wrap .more_btn {margin:0 auto; display:block; width:210px;}
#activity .activity_in .slick-slide dd .btn-wrap .more_btn em::after {content:'\e941'; font-family:var(--icon); font-size:30px; color:var(--black); font-weight:400; background:transparent; line-height:1;}
#activity .activity_in .slick-slide::after {content:''; width:100%; height:100%; background: var(--sub3); position:absolute; top:0; left:0; transform: rotate(0) scale(0.95); z-index:-1; border-radius:20px; overflow:hidden; transition:all 0.3s ease;}
#activity .activity_in .slick-active {transform:scale(1); transition:all 0.3s ease;}
#activity .activity_in .slick-active::after {left:-45px; transform: rotate(-5deg)  scale(0.95); top:20px; transition:all 0.5s 0.2s ease;}

#activity .activity_in .slick-active:hover dd .subject_box {transform:translateY(0); opacity:1; visibility:visible; transition:all 0.3s ease;}
#activity .activity_in .slick-active:hover dd .btn-wrap {transform:translateY(0); opacity:1; visibility:visible; transition:all 0.3s ease;}
#activity .activity_in .slick-active:hover dd::after {opacity:1; transform:scale(12); transition:all 0.5s ease;}


#activity .lets_txt {display:flex;flex-wrap:nowrap;gap:0 50px;opacity:0.2;position:absolute;bottom:20px;left:0;z-index: 1;}
#activity .lets_txt li svg * {transition:all 1s ease;}
body.white-ver #activity .lets_txt li svg * {fill:var(--black);}
/* 지구를 지키는 어셈블의 활동에 함께하세요! */




/* 어셈블의 활동에 함께하세요! */
#photo_list {padding:200px 0; overflow:hidden; position:relative;}
#photo_list .deco_list {position:absolute; top:0; left:0; width:100%; height:100%; }
#photo_list .deco_list li {position:absolute;  line-height:1;}
#photo_list .deco_list li svg * {transition:all 1s ease;}
#photo_list .deco_list li.one {bottom:10%; left:42%; animation:10s linear 0s infinite normal none running rotate_ani;}
#photo_list .deco_list li.two {top:5%; right:23%;}
#photo_list .deco_list li.three {top:24%; left:21%;}
#photo_list .deco_list li.four {top:17%; right:5%; animation:3s ease 0s infinite normal none running arrow_ani;}
#photo_list .deco_list li.five {top:25%; right:3%;}

body.white-ver #photo_list .deco_list li.three svg path {fill:var(--black); transition:all 1s ease;}

#photo_list .tBox {margin:0 0 55px; transition:all 1s ease;}
#photo_list .flow_banner {display: flex;  gap:0 40px;}
#photo_list .flow_banner+.flow_banner {margin:10px 0 0;}
#photo_list .flow_banner .list {display: flex; margin: 0; gap:0 40px; align-items:flex-start;}
#photo_list.play .flow_banner .list {animation:var(--length) linear 0s infinite normal none running flowRolling;}
#photo_list .flow_banner+.flow_banner .list {animation-direction: reverse !important;}
#photo_list .flow_banner .list li {align-items: center; display: inline-flex; white-space: nowrap; border-radius:30px; overflow:hidden; position:relative;}
#photo_list .flow_banner .list li:nth-of-type(2n) {top:50px;}
#photo_list .flow_banner .list li:nth-of-type(4n) {top:80px;}
#photo_list .flow_banner .list li img {max-width:430px; height:auto;}

#photo_list .item{opacity:0;}
#photo_list .item.is-visible {animation: Items 0.3s ease-in forwards;}


@keyframes flowRolling {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}



@keyframes arrow_ani {
	0% {
		transform: translateX(-50%);
	}
	50% {
		transform: translateX(50%);
	}
	100% {
		transform: translateX(-50%);
	}
}



@keyframes Items {
	0% {
		opacity: 0;
    transform: scale(0.3) rotateY(90deg);
	}
60% {
		transform: scale(1.3);
	}
90% {
		 transform: scale(1);
	}
	100% {
		opacity: 1;
	}
}
/* 어셈블의 활동에 함께하세요! */




#video {position:relative; z-index:50; padding:155px 0; opacity:1 !important; overflow:hidden;}
#video .bg {position:absolute; top:0; left:0; width:0; height:100%; background:url("/assets/img/video_bg.jpg")no-repeat center / cover; z-index:-1; transition:all 1s ease;}
#video .bg::after {content:''; width:100%; height:100%; background:var(--main); position:absolute; top:0; right:0; }

#video.show .bg {width:100%; transition:all 0.8s ease;}
#video.show .bg::after {width:0; transition:all 0.8s 0.4s ease;}

#video .w1350 {background:var(--black); border-radius: 30px; overflow:hidden; position:relative; z-index:10; transform:scale(0.8); opacity:0; visibility:hidden; transition:all 0.3s ease;}
#video.aos-animate .w1350 {transform:scale(1); opacity:1; visibility:visible; transition:all 0.3s 1.2s ease;}

#video iframe {aspect-ratio: 16 / 9; width:100%;}
#video .deco_list {position:absolute; top:0; left:0; width:100%; height:100%;  z-index:5;}
#video .deco_list li {opacity:0; position:absolute;  line-height:1;}
#video .deco_list li.one {top:110px; left:110px; animation:10s linear 0s infinite normal none running rotate_ani;}
#video .deco_list li.two {top:225px; left:115px;}
#video .deco_list li.three {bottom:0; left:3%; transform:translate(-150%,0%);}
#video .deco_list li.four {top: 5%;right: 9%; transform:translate(150%,-150%);}
#video .deco_list li.five {bottom: 30%;right: 3%;z-index: 20; transform:translate(100%,0%);}
#video .deco_list li.six {bottom: 6%;right: 8%; transform:translate(0,100%);}

#video.aos-animate .deco_list li {opacity:1; transform:translate(0,0); transition:all 1s 1s ease;}
#video.aos-animate .deco_list li.order2 {transition:all 1s 1.3s ease;}



@keyframes rotate_ani {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}





#notice {position:relative; background:url("/assets/img/notice_bg.jpg")no-repeat center / cover; overflow:hidden;}
#notice .deco_list {position:absolute; top:0; left:0; width:100%; height:100%;  z-index:5; opacity:1 !important;}
#notice .deco_list li {position:absolute; line-height:1;}
#notice .deco_list li.one {top:0; left:50%; margin-left:-500px; transform:translate(0,-100%)}
#notice .deco_list li.two {bottom:0; left:0; transform:translate(-100%,-50%);}
#notice .deco_list li.three {bottom:0; right:0; transform:translate(100%,-50%);}
#notice .deco_list.aos-animate li {transform:translate(0,0); transition:all 1s 0.3s ease;}
#notice .deco_list.aos-animate li.order2 {transition:all 1s 0.6s ease;}

#notice .slick-arrow {opacity:0.3; top:-142px; transition:all 0.3s ease;}
#notice .slick-arrow:hover {opacity:1; transition:all 0.3s ease;}
#notice .slick-arrow::before {color:var(--sub);}
#notice .slick-prev {left:0;}
#notice .slick-next {right:0;}
#notice .notice_in {padding:200px 0; position:relative; z-index:10;}
#notice .notice_in .tBox {color:var(--black); margin:0 0 70px;}
#notice .notice_in .notice_roll {}
#notice .notice_in .notice_roll .slick-list {margin-left:-30px;}
#notice .notice_in .notice_roll dl {position:relative; z-index:10; margin-left:30px;}
#notice .notice_in .notice_roll dl::after {content:''; width:100%; height:calc(100% - 38px); border-radius:30px; background:var(--white); position:absolute; bottom:0; left:0; z-index:-1;}
#notice .notice_in .notice_roll dl a {display:block; padding:0 30px 45px; box-sizing:border-box;}
#notice .notice_in .notice_roll dl dt {border-radius:20px; overflow:hidden; aspect-ratio: 3 / 3; background:var(--main);}
#notice .notice_in .notice_roll dl dt img {display: block; width: 100%; height: 100%; object-fit: cover; transition:all 0.3s ease;}
#notice .notice_in .notice_roll dl dd {padding-top:25px;}
#notice .notice_in .notice_roll dl dd .info {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 10px;}
#notice .notice_in .notice_roll dl dd .info small {display:flex; flex-wrap:wrap; align-items:center; font-size: 0.777rem; font-weight: 400; line-height: 171.429%; letter-spacing: -0.56px;}
#notice .notice_in .notice_roll dl dd .info small::after {content:''; width:1px; height:14px; background:var(--basic); opacity:0.4; display:block; margin:0 12px; position:relative;}
#notice .notice_in .notice_roll dl dd .info small:last-of-type::after {display:none;}
#notice .notice_in .notice_roll dl dd .info small.cate {font-weight: 600; color:var(--main);}
#notice .notice_in .notice_roll dl dd .info small.cate i {position:relative; display:block; width:16px; height:16px; border-radius:100%; border:1px solid rgba(218,41,28,0.2); box-sizing:border-box; margin-right:5px;}
#notice .notice_in .notice_roll dl dd .info small.cate i::after {content:''; width:5px; height:5px; border-radius:100%; background:var(--main); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#notice .notice_in .notice_roll dl dd h4 {color: #000; font-size: 1.11rem; font-weight: 400; line-height:160%; letter-spacing: -0.8px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; height:3.4rem;}


#notice .notice_in .notice_roll dl:hover dt img {transform:scale(1.1); opacity:0.7; transition:all 0.3s ease;}
#notice .more_btn {display:block; margin:60px auto 0; width:250px; border-color:var(--main);}
#notice .more_btn em {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
#notice .more_btn em::after {content:'\e941'; width:30px; height:30px; background:transparent; font-family:var(--icon); font-size:30px; font-weight:400; line-height:1;}














/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1650px) { 

#visual .scroll_btn {right:5%; margin-right:0;}


#activity .deco_list li.one {right:10vw; top:4vw;}
#activity .deco_list li.one svg {width:20vw; height:auto;}
#activity .deco_list li.two {left:19vw; top:11vw;}
#activity .deco_list li.two svg {width:11vw; height:auto;}
#activity .deco_list li.three {left:5vw; top:20vw;}
#activity .deco_list li.three svg {width:24vw; height:auto;}
#activity .deco_list li.four {left:18vw; top:20vw;}
#activity .deco_list li.four svg {width:7vw; height:auto;}
#activity .deco_list li.five {left:20vw; bottom:5vw;}
#activity .deco_list li.five svg {width:5vw; height:auto;}
#activity .deco_list li.six {right:17vw; top:20vw;}
#activity .deco_list li.six svg {width:6vw; height:auto;}
#activity .deco_list li.seven {right:5vw; bottom:5vw;}
#activity .deco_list li.seven svg {width:32vw; height:auto;}



#photo_list .deco_list li.one {bottom:5vw; left:30vw;}
#photo_list .deco_list li.one svg {width:24vw; height:auto;}
#photo_list .deco_list li.two {top:5vw; right:5vw;}
#photo_list .deco_list li.two svg {width:13vw; height:auto;}
#photo_list .deco_list li.three {top:20vw; left:15vw;}
#photo_list .deco_list li.three svg {width:13vw; height:auto;}
#photo_list .deco_list li.four {top:16vw; right:6vw;}
#photo_list .deco_list li.four svg {width:10vw; height:auto;}
#photo_list .deco_list li.five {top:23vw; right:3vw;}
#photo_list .deco_list li.five svg {width:26vw; height:auto;}



#video .deco_list li.one {top: 5vw;left: 5vw;}
#video .deco_list li.one svg {width: 8vw;height:auto;}
#video .deco_list li.two {top: 13vw;left: 4vw;}
#video .deco_list li.two svg {width: 6vw;height:auto;}
#video .deco_list li.three {bottom:0;left: 2vw;}
#video .deco_list li.three svg {width: 19vw;height:auto;}
#video .deco_list li.four {top: 2vw;right: 2vw;}
#video .deco_list li.four svg {width: 10vw;height:auto;}
#video .deco_list li.five {bottom: 18vw;right: 2vw;}
#video .deco_list li.five svg {width: 17vw;height:auto;}
#video .deco_list li.six {bottom: 5vw;right: 2vw;}
#video .deco_list li.six svg {width: 20vw;height:auto;}




#notice .deco_list li.one {margin-left:-30vw;}
#notice .deco_list li.one svg {width: 60vw;height:auto;}
#notice .deco_list li.two svg {width: 50vw;height:auto;}
#notice .deco_list li.three svg {width: 40vw;height:auto;}





}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) { 


}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 



.fs60 {font-size:2.2222rem;}

.slick-arrow {width:45px; height:45px;}
.slick-arrow::before {font-size:45px;}

#visual .v_txt h2 {font-size:3.44rem;}



#activity {padding:150px 0;}
#activity .activity_in {max-width:80%;}
#activity .slick-prev {left:-55px;}
#activity .slick-next {right:-55px;}


#photo_list {padding:150px 0;}
#photo_list .flow_banner {gap:0 20px;}
#photo_list .flow_banner .list {gap:0 20px;}
#photo_list .flow_banner .list li img {max-width:285px;}



#video {padding:100px 0;}

#notice .notice_in {padding:150px 0;}
#notice .slick-arrow {top:-115px;}
#notice .notice_in .notice_roll dl {margin-left:15px;}
#notice .notice_in .notice_roll dl a {padding:0 15px 25px;}



}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 


.fs60 {font-size:1.7777rem;}


.slick-arrow {width:30px; height:30px;}
.slick-arrow::before {font-size:30px;}




#visual .v_txt {text-align:center;}
#visual .v_txt br {display:none;}
#visual .v_txt .mask-tit {font-size:1.155rem;}
#visual .v_txt .mask-tit::after {width:calc(100% + 10px); height:50%; bottom:3px;}
#visual .v_txt .mask-tit.aos-animate::after {left:-5px;}
#visual .v_txt h2 {font-size:2.555rem; letter-spacing:-2px; line-height:1.2; margin:15px 0 18px}
#visual .v_txt .view-video {margin:30px auto 0; width:170px; height:45px; border-radius:5px;}
#visual .v_txt .view-video em {padding:0 15px; border-width:2px;}
#visual .v_txt .view-video em::after {font-size:25px;}
#visual .scroll_btn {bottom:20px;}
#visual .scroll_btn span {font-size:12px;}

#activity {padding:70px 0;}
#activity .slick-arrow {top:-36px;}
#activity .slick-prev {left:0;}
#activity .slick-next {right:0;}

#activity .tBox {margin:0 auto 20px;}
#activity .activity_in .slick-slide a {border-radius:10px;}
#activity .activity_in .slick-active::after {left:-20px; border-radius:10px;}
#activity .activity_in .slick-slide dd .subject_box .fs45 {font-size:1.5rem;}
#activity .activity_in .slick-slide dd .btn-wrap {padding-top:15px;}
#activity .activity_in .slick-slide dd .btn-wrap .more_btn {width:150px;}
#activity .activity_in .slick-slide dd .btn-wrap .more_btn em::after {font-size:20px;}



#photo_list {padding:70px 0 140px;}
#photo_list .tBox {margin:0 0 30px;}
#photo_list .flow_banner {gap:0 10px;}
#photo_list .flow_banner .list {gap:0 10px;}
#photo_list .flow_banner .list li {border-radius:15px;}
#photo_list .flow_banner .list li img {max-width:200px;}




#video {padding:40px 0;}
#video .w1350 {border-radius:15px;}


#notice .deco_list li.three {display:none;}
#notice .notice_in {padding:70px 0;}
#notice .slick-arrow {top:-66px;}
#notice .notice_in .tBox {margin:0 0 35px;}
#notice .notice_in .notice_roll {}
#notice .notice_in .notice_roll .slick-list {overflow:visible; width:80%;}
#notice .notice_in .notice_roll dl::after {border-radius:10px;}
#notice .notice_in .notice_roll dl a {padding:0 20px 20px;}
#notice .notice_in .notice_roll dl dt {border-radius:10px;}
#notice .more_btn {width:150px; margin:30px auto 0;}
#notice .more_btn em::after {font-size:20px;}



}