/* 공통 */

 .scroll-area {opacity: 0;}

/*.scroll-area.show {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
} */



/* 메인 */
/* 메인비쥬얼 - 영상 섹션 */
#mainWrap {}
.visual {width: 100%; position: relative; overflow: hidden;}
.visual .movie {width: 100%; height: 935px; background: url(/img/main/main_visual01.jpg) no-repeat center;  animation: bg-scale 4.5s both; }
.visual .txt-con {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; color: #fff;}
.visual .txt-con > .inner1720 {padding: 0 20px; box-sizing: border-box;}
.visual .txt-con > .inner1720 > span {display: block; font-size: 24px; font-weight: 500; letter-spacing: -0.3px; margin-bottom: 40px; overflow: hidden;}
.visual .txt-con > .inner1720 > span > span {display: block; animation: txt-top 0.8s 0.3s both;}
.visual .txt-con h2 {font-size: 60px; font-weight: bold; letter-spacing: -0.1px; line-height: 1.2;}
.visual .txt-con h2 > span {display: block; overflow: hidden;}
.visual .txt-con h2 > span > span {display: block; animation: txt-top 0.8s 0.7s both; word-break: keep-all;}
.visual .txt-con .play {margin-top: 70px; animation: txt-fade 0.8s 1.3s both; visibility: hidden;}
.visual .txt-con .play .play-btn {display: inline-block; width: 70px; height: 70px; background: url(/img/main/play-arrow-on.png) no-repeat center; border-radius: 100%;  border: 1px solid #fff;  vertical-align: middle; transition: background 0.5s;}
.visual .txt-con .play .play-btn:hover {background: #fff url(/img/main/play-arrow.png) no-repeat center;}
.visual .txt-con .play span {display: inline-block;/*  font-family: 'Josefin Sans', sans-serif; */ font-size: 18px; letter-spacing: -0.1px; font-weight: 400; vertical-align: middle; margin-left: 23px;}
.visual .txt-con2 {position: absolute; bottom: 130px; width: 100%;}
.visual .txt-con2 > .inner1400 {}
.visual .txt-con2 .txt {color: #fff; float: right;}
.visual .txt-con2 .txt p {font-size: 20px; letter-spacing: -0.3px;  animation: txt-fade 0.8s 1.5s both; visibility: hidden; word-break: keep-all;}
.visual .txt-con2 .txt span {display: block; /* font-family: 'Josefin Sans', sans-serif; */ font-size: 18px; font-weight: 300; opacity: 0.7; line-height: 1.2; margin-top: 22px;  animation: txt-fade 0.8s 1.8s both; visibility: hidden; word-break: keep-all;}
.visual .scroll {position: absolute; right: 40px; bottom: 117px;  transform: rotate( 90deg );  -webkit-transform: rotate( 90deg ); transform-origin: right; -webkit-transform-origin: right;}
.visual .scroll button {/* font-family: 'Josefin Sans', sans-serif;  */font-size: 15px; font-weight: 300; color: #fff; opacity: 0.8; background: none; border: none;  position: relative; padding: 0;  animation: scrollDown 1s infinite alternate; }
.visual .scroll button:before {content: ""; position: absolute; bottom: -12px; left: 105px; width: 15px; height: 1px; background: #fff; display: inline-block; transform: rotate( 45deg ); transform-origin: right; opacity: 0.3;} 
.visual .scroll button:after {content: ""; position: absolute; bottom: -12px; left: 0;width: 120px; height: 1px; background: #fff; display: inline-block; opacity: 0.3; }
.visual .bar {position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background: rgba(207, 218, 225, 0.2);}
.visual .bar .progress {width: 0; height: 100%; background: #cfdae1;}

/* 2025-07-10 */
.visual_n .movie{ background: url("/img/main/main_visual02.jpg") no-repeat center right 16% / cover; }
.visual_n .txt-con *{ line-height: 1.3; }
.visual_n .txt-con h2 > span > span{ animation-delay: 0.3s; }
.visual_n .txt-con h2 + span{ margin: 40px 0 0; }
.visual_n .txt-con h2 + span > span{ animation-delay: 0.7s !important; }

@keyframes bg-scale{
	0% {transform: scale(1.3);  }
	100% { transform:scale(1); }
}
@keyframes scrollDown {
	0% {left: 0;}
	100% {left: 40px;}
}
@keyframes txt-top{
	0%{transform: translateY(-100px); opacity: 0;}
	100%{transform: translateY(0); opacity: 1;}
} 
@keyframes txt-top2{
	0%{transform: translateY(-20px); opacity: 0;}
	100%{transform: translateY(0); opacity: 1;}
}
@keyframes txt-fade{
	0% {visibility: hidden; opacity: 0;}
	100% { visibility: visible; opacity: 1; }
}

/* 슬라이드 섹션 */
.main-content .s-txt {display: block;/*  font-family: 'Josefin Sans', sans-serif; */ color: #333; font-size: 13px; position: relative;}
.main-content .s-txt em {color: #666; }
/* .main-content .s-txt:before {content: ''; position: absolute; width: 30px; height: 1px; background: #0e5a93; top: 50%; left: -43px; margin-top: -2px;} */
.main-content .txt-con h3 {font-size: 40px; font-weight: bold; color: #0e5a93; margin: 38px 0 40px; font-family: 'Noto Sans KR', sans-serif;  letter-spacing: -0.3px; word-break: keep-all; }
.main-content .txt-con h3 > span {display: block; /* font-family: 'Josefin Sans', sans-serif; */ font-size: 18px; font-weight: 400; margin-top: 20px; line-height: 1.1; word-break: keep-all; }
.slider-con {width: 100%; padding: 130px 0 130px 5.2%; box-sizing: border-box; position: relative; /* max-width: 1920px; */margin: 0 auto; overflow: hidden; }
.slider-con.show {animation: fadeUp 1s 0.9s both;}
.slider-con .slider {}
.slider-con .slider .list {display: flex; align-items: center;  width: 1580px; margin-right: 140px; box-sizing: border-box; overflow: hidden;}
.slider-con .slider .list .slide-img { position: relative; width: 740px; }
/* .slider-con .slider .list .slide-img::after{content:""; position: absolute; top: 0; left: 0; background: #fff; width: 0; height: 100%;} */
.slider-con .slider .list .slide-txt {  width:calc(100% - 840px); padding-left: 200px; box-sizing: border-box; }
.slider-con .slider .list .slide-txt .txt-con {margin-bottom: 57px;/*  opacity: 0; */} 
.slider-con .slider .list .slide-txt .s-txt {opacity: 0;}
/* .slider-con .slider .list .slide-txt h3 {opacity:0;} */
.slider-con .slider .list .slide-txt h3 > .fade-txt {font-size: 40px; font-weight: bold; color: #0e5a93;  /* font-family: 'Noto Sans KR', sans-serif;  */ letter-spacing: -0.3px; overflow: hidden; margin-top: 0;}
.slider-con .slider .list .slide-txt h3 > .fade-txt > span { display: block; }
.slider-con .slider .list .slide-txt h3 > .fade-txt .s-tit {/* font-family: 'Josefin Sans', sans-serif;  */font-size: 18px; font-weight: 400; margin-top: 20px; line-height: 1.4; }
.slider-con .slider .list .slide-txt .txt-con p {font-size: 18px; color: #333; font-weight: 500; letter-spacing: -0.3px; line-height: 1.7; word-break: keep-all;}
.slider-con .slider .list .slide-txt .txt-con > span {display: block; color: #666; font-size: 16px; font-weight: 300; line-height: 1.7; margin-top: 10px; word-break: keep-all;}
.slider-con .slider .list .slide-txt a.more-btn {display: block; width: 180px; height: 50px; background: #0e5a93; border-radius: 50px; color: #fff; font-size: 12px; text-align: center; line-height: 50px; /* font-family: 'Josefin Sans', sans-serif; */ /* opacity: 0;  */ text-transform : uppercase;}
/* .slider-con .slider .list.slick-now .slide-txt .s-txt {animation: slideFade 1s 1s both;}
.slider-con .slider .list.slick-now .slide-txt .txt-con {animation: slideFade 1s 1s both;}
.slider-con .slider .list.slick-now .slide-txt a.more-btn {animation: slideFade 1s 1s both;}*/
/* .slider-con .slider .list.slick-now .slide-img::after {animation:imgSlide 1s 0.3s both;}  */
/* .slider-con .slider .list.slick-now .slide-txt .s-txt {animation: slideFade 1s 0.3s both;}
.slider-con .slider .list.slick-now .slide-txt h3 > .fade-txt > span {animation: txt-top 1s 0.7s both;}
.slider-con .slider .list.slick-now .slide-txt .txt-con p {animation: txt-top2 1s 1.2s both;}
.slider-con .slider .list.slick-now .slide-txt .txt-con > span {animation: txt-top2 1s 1.2s both;}
.slider-con .slider .list.slick-now .slide-txt a.more-btn {animation: slideFade 1s 1.5s both;} */


@keyframes slideFade{
	0% {opacity:  0;}
	100% {opacity:  1;}
}
@keyframes imgSlide{
	0% {width: 100%;}
	100% {width: 0;}
}

.slider-con .arrow {position: absolute;  top: 50%; transform: translateY(-50%); max-width: 1580px; width: 100%;}
.slider-con .arrow > div {float: right;}

.slider-con .arrow .arrow-btn {position: relative; cursor: pointer; width: 90px; height: 90px;}
.slider-con .arrow .arrow-btn .arrow-icon {/* width: 14px; height: 13px;  */position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5;  transition: all 0.5s;}
.slider-con .arrow .arrow-btn .arrow-icon img {} 
.slider-con .arrow .arrow-btn .c-bg {fill: none; stroke-width: 1px; /* stroke: #e0e0e0; */ stroke: #e2e2e2;}
.slider-con .arrow .arrow-btn .c-load {fill: none; stroke-width: 1px; stroke: #0147c8; stroke-dashoffset: 280; stroke-dasharray: 280;}
.slider-con .arrow .arrow-btn .arrow-icon i {color: #e0e0e0; font-size: 18px;}
.slider-con .arrow .prev:hover .arrow-icon i {color: #0e5a93;}
.slider-con .arrow .next.on .arrow-icon i {color: #0e5a93;}
.slider-con .arrow .next {margin-bottom: 10px;}
.slider-con .arrow .next.on .c-load {animation: loading 2.8s;}
.slider-con .arrow .next.on .arrow-icon img {display: none;}
.slider-con .arrow .prev:hover .arrow-icon img {display: none;}
.slider-con .arrow .prev .c-load {stroke: none;}
.slider-con .arrow .prev:hover .c-load {stroke:#0147c8; animation: loading 2.8s; stroke-dashoffset: 275; stroke-dasharray: 275;}



.slider-con .slider .slick-dots {display: flex; align-items: center; position: absolute; bottom: 0; left: 940px;}
.slider-con .slider .slick-dots li {vertical-align: middle;}
.slider-con .slider .slick-dots li button {width: 8px; height: 8px; background: none; border: 1px solid #e1e1e1; border-radius: 100%; text-indent: -99999px; padding: 0; margin-right: 12px;}
.slider-con .slider .slick-dots li.slick-active button{border: 2px solid #0e5a93; margin-top: 1px;}


/* 카운터 섹션 */
.count-con {width: 100%; height: 450px; background: url(/img/main/bg-count2.jpg) no-repeat top; background-size: cover; background-attachment: fixed;}
.count-con > .inner1440 {display: flex; justify-content: space-between; align-items: center; height: 100%;     overflow: hidden;}
.count-con .left-con {padding-left: 0px; width: 50%;}
.count-con .left-con .s-txt {color: #fff;}
.count-con .left-con h3 {font-size: 48px; color: #fff; font-weight: bold; line-height: 1.3; letter-spacing: -0.3px; margin-top: 43px; word-break: keep-all;}
.count-con .left-con h3.show {animation: txt-left 0.8s 0.3s both;}
.count-con .right-con { width: 50%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0 18px 0 40px; box-sizing: border-box;}
.count-con .right-con .num { width:50%; color: #fff; letter-spacing: -0.3px; padding:25px 0 }
.count-con .right-con .num p{font-family: 'Noto Sans KR', sans-serif; display: inline-block; font-weight: bold; font-size: 24px; position: relative;}
.count-con .right-con .num p:after {content: ''; position: absolute; bottom: 0; left: 0; width: 30px; height: 1px; background: #017ac8; }
.count-con .right-con .num p em {display: inline-block; font-family: 'Josefin Sans', sans-serif; font-size: 72px; font-weight: 600; padding-bottom: 10px;  }
.count-con .right-con .num:first-child p em {width: 24px;}
.count-con .right-con .num:nth-child(2) p em{width: 84px;}
.count-con .right-con .num:nth-child(3) p em{/* width: 104px; */}
.count-con .right-con .num span {display: block; font-size: 16px; font-weight: 300; margin-top: 26px;}

@keyframes txt-left{
	0% {opacity: 0; transform:translateX(-100px); transition: all 0.8s;}
	100% {opacity: 1; transform:translateX(0); }
}


/* 공지사항 */
/* 학술·연구 자료 */
.notice {padding: 130px 0; box-sizing: border-box;}
.notice > .inner1440 {}
.notice .corporation {margin-bottom: 80px;}
.notice .item-txt {padding: 0 18px 40px 0px; display:flex; justify-content: space-between; align-items: flex-end;}
.notice .item-txt .txt-con h3 {margin-bottom: 0;}
.notice .item-txt .plus-btn {width: 60px; height: 60px; background: #fff url(/img/main/btn-plus.png) no-repeat center; color: #000; border-radius: 100%; border: 1px solid #0e5a93; transition: background 0.5s;} 
.corporation .item-txt .txt-con h3.show {animation: fadeUp 1s 0.3s both;}
.corporation .item-txt .plus-btn.show {animation: fadeUp 1s 0.3s both;}
.notice .item-txt .plus-btn:hover {background: #0e5a93 url(/img/main/btn-plus_on.png) no-repeat center; }
.notice .list-con {width: 100%; border-top: 2px solid #333333;  border-bottom: 1px solid #cccccc; padding: 40px 0; display: flex; align-items: center; overflow: hidden; }
.notice .list-con.show {animation: fadeUp 1s 0.7s both;  }
.notice .list-con .list {width: 25%; padding-left: 20px; padding-right: 15px;box-sizing: border-box; border-right: 1px solid #e0e0e0; transition: border 0.5s;}
.notice .list-con .list > a {display: inline-block; width: 100%;}
.notice .list-con .list:last-child {border-right: none;}
.notice .list-con .list:first-child {border-right: 1px solid #e0e0e0; }
.notice .list-con .list .date {display: block; font-size: 15px; /* font-family: 'Josefin Sans', sans-serif;  */color: #666666; margin-bottom: 40px;}
.notice .list-con .list .tit {display: inline-block; font-size: 20px; color: #333; letter-spacing: -0.3px; font-weight: 500; line-height: 1.5; margin-bottom: 8px; font-family: 'Noto Sans KR';  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%; transition: all 0.4s; word-break: keep-all;}
.notice .list-con .list .tit span{display: block; position: relative; padding-bottom: 3px;}
.notice .list-con .list .tit span:after {content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #333; transition: all 0.4s ease-out; display: block; }
.notice .list-con .list:hover .tit span:after {width: 100%; }

.notice .list-con .list:hover .tit {/* color: #2c99ff;   */}

.notice .list-con .list .name {display: block;font-size: 15px; color: #666; font-weight: 300; line-height: 1.3; margin-bottom: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.notice .list-con .list button {display: block; font-size: 12px; color: #999999; /* font-family: 'Josefin Sans', sans-serif; */ border: none; background: none; padding:0; transition: all 0.5s; text-transform : uppercase}
/* .notice .list-con .list:hover button {color: #0e5a93;} */


@keyframes fadeUp{
	0%{opacity: 0; transform:translateY(100px); }
	100%{opacity: 1; transform:translateY(0);}
}

/* 행사·소식 */
.news .item-txt .txt-con h3.show {animation: fadeUp 0.8s 0.3s both;}
.news .item-txt .plus-btn.show {animation: fadeUp 0.8s 0.3s both;}
.news-list {border-top: 2px solid #333333;  border-bottom: 1px solid #cccccc; display: flex; align-items: center; width: 100%; height: 150px; justify-content: space-between; padding: 0 10px 0 20px; box-sizing: border-box; }
.news-list.show {animation: fadeUp 0.8s 0.7s both;}
.news-list .slide-list {width: 82%; height: 100%; padding: 0 20px; box-sizing: border-box;}
.news-list .slide-list .list {width: 100%; height: 150px; }
.news-list .slide-list .list > a {display:inline-block; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; }
.news-list .slide-list .list .event {display: block; /* font-family: 'Josefin Sans', sans-serif; */ font-size: 20px; color:#333; width:12%;}
.news-list .slide-list .list .tit {display: inline-block;  font-size: 20px; color: #333; letter-spacing: -0.3px; font-weight: 500; line-height: 1.5; width: 81%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-bottom: 4px; box-sizing:border-box; }
.news-list .slide-list .list .tit > span {position: relative; padding-bottom: 5px; }
.news-list .slide-list .list .tit > span:after {content:''; position: absolute; left:0; bottom:0; width: 0; height: 1px; background:#333; transition: all 0.6s ease-out; display: block;}
.news-list .slide-list .list:hover .tit > span:after {width: 100%;}
.news-list .slide-list .list .date {display: block; width: 7%; font-size: 15px; /* font-family: 'Josefin Sans', sans-serif; */ color: #666666;}
.news-list .slick-dots {display: flex; align-items: center;position: absolute; right: 10px; bottom: 20px;}
.news-list .slick-dots li {vertical-align: middle;}
.news-list .slick-dots li button {width: 8px; height: 8px; background: none; border: 1px solid #e1e1e1; border-radius: 100%; text-indent: -99999px; padding: 0; margin-right: 12px;}
.news-list .slick-dots li.slick-active button {border: 2px solid #0e5a93; margin-top: 1px;}
.news-list .arrow {display: flex; align-items: center; justify-content: flex-end;}
.news-list .arrow .prev {margin-right: 10px;}
.news-list .arrow .prev .c-load {stroke: none;}
.news-list .arrow .prev:hover .c-load {stroke:#0147c8; animation: loading 2.8s; stroke-dashoffset: 275; stroke-dasharray: 275;}
.news-list .arrow .arrow-btn {position: relative; cursor: pointer; }
.news-list .arrow .arrow-btn .arrow-icon {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5;  transition: all 0.5s;}
.news-list .arrow .arrow-btn .arrow-icon img {} 
.news-list .arrow .arrow-btn .arrow-icon i {color: #e0e0e0; font-size: 18px;}
.news-list .arrow .prev:hover .arrow-icon  i {color: #0e5a93;}
.news-list .arrow .arrow-btn .c-bg {fill: none; stroke-width: 1px; stroke: #e2e2e2;}
.news-list .arrow .arrow-btn .c-load {fill: none; stroke-width: 1px; stroke: #0147c8; stroke-dashoffset: 280; stroke-dasharray: 280;}
.news-list .arrow .next.on .c-load {animation: loading 2.8s;  }
.news-list .arrow .next.on .arrow-icon i {color: #0e5a93;}
.news-list .arrow .next.on .arrow-icon img {display: none;}
@keyframes loading{
	0%{stroke-dashoffset: 280;}
	100%{stroke-dashoffset: 0;}
}

/* 다운로드 섹션 */
.download-con {width: 100%; height: 320px; background: url(/img/main/bg-download.jpg) no-repeat center; position: relative; background-size: cover; overflow: hidden;}
.download-con > .inner1440 {width: 100%; height: 100%; padding: 0 40px; box-sizing: border-box; display: flex; align-items: center;  justify-content: space-between;}
.download-con .down-txt {}
.download-con .down-txt.show {animation: fadeUp 0.8s 0.3s both;}
.download-con .down-txt p {font-family: 'Noto Sans KR'; color: #fff; font-size: 32px; font-weight: 500; line-height: 1.3; margin-bottom: 30px; word-break: keep-all;}
.download-con .down-txt span {display: block; font-family: 'Noto Sans KR'; color: #fff; font-size: 18px; font-weight: 300; line-height: 1.2; word-break: keep-all;}
.download-con .download {}
.download-con .download.show {animation: fadeUp 0.8s 0.7s both;}
.download-con .download .down-btn { display: block; width: 240px; height: 70px; background: #0e5a93; /*  font-family: 'Josefin Sans', sans-serif; */  font-size: 12px; line-height: 70px; text-align: center; color: #fff; border: none; border-radius: 50px;}
.download-con .download .down-btn:not(:last-child) { margin-bottom:15px; }
.download-con .download .down-btn img {display: inline-block; vertical-align: middle; margin-bottom: 10px; margin-left: 28px; }
.download-con .top {position: absolute; bottom: 70px; right: 40px; transform: rotate( 90deg );   -webkit-transform: rotate( 90deg ); transform-origin: right; -webkit-transform-origin: right;}
.download-con .top .top-btn {/* font-family: 'Josefin Sans', sans-serif;  */font-size: 15px; font-weight: 300; color: #fff; opacity: 0.8; background: none; border: none;  position: relative; padding: 0;}
.download-con .top .top-btn:before {content: ""; position: absolute; bottom: -12px; right: 105px; width: 15px; height: 1px; background: #fff; display: inline-block; transform: rotate( -45deg ); transform-origin: left; opacity: 0.3;} 
.download-con .top .top-btn:after {content: ""; position: absolute; bottom: -12px; right: 0; width: 120px; height: 1px; background: #fff; display: inline-block; opacity: 0.3;} 
.download-con .top:hover .top-btn:before {right: 85px; transition: all 0.5s;}
.download-con .top:hover .top-btn:after {right: -20px; transition: all 0.5s;}







/*=====================
			반응형
=====================*/
@media screen and (max-width: 1720px) {

}


@media screen and (max-width: 1670px) {
	.slider-con .slider .list .slide-txt {padding-left: 120px;}
	.slider-con .arrow {right: 50px;}
}


@media screen and (max-width: 1600px) {
	.visual .txt-con > .inner1720 {padding: 0 2%;}
	.visual .txt-con2 .txt {padding-right: 5%;}

}

@media screen and (max-width: 1500px) {
	.slider-con .slider .list .slide-img {width: 50%;}
	.slider-con .slider .list .slide-txt {padding-left: 80px; width: 50%;}
	.slider-con .slider .list .slide-txt .txt-con {margin-bottom: 40px;}
	.slider-con .slider .list .slide-txt h3 {margin: 30px 0 35px;}
	.slider-con .slider .list .slide-txt a.more-btn {width: 160px; height: 50px; line-height: 50px;}
	.slider-con .slider .slick-dots {left: 51%; bottom: -10px;}

	.download-con .top {right: 20px;}
}



@media screen and (max-width: 1440px) {
	.visual .txt-con2 .txt {padding-right: 5%;}

	.visual_n .movie{ position: relative; }
	.visual_n .movie::after{ content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); position: absolute; top: 0; left: 0; }

	.news-list .slide-list .list .event {width: 8%;}
	.news-list .slide-list .list .tit {width: 80%;}
	.news-list .slide-list .list .date {width: 12%;}

}

@media screen and (max-width: 1300px){
	.slider-con {padding: 100px 5%;}
	.slider-con .slick-initialized .slick-slide {flex-flow: column;}
	.slider-con .slider .list {margin-right: 0;}
	.slider-con .slider .list .slide-img {width: 100%;}
	.slider-con .slider .list .slide-txt {width: 100%;padding-left: 0; padding-top: 50px;}
	.slider-con .slider .list.slick-now .slide-txt .s-txt {padding-left: 40px;}
	.slider-con .slider .list.slick-now .slide-txt .s-txt:before {left:0;}
	.slider-con .slider .list .slide-txt .txt-con > span br {display: none;}
	.slider-con .slider .slick-dots {left: 50%; transform: translateX(-50%);}
	.slider-con .arrow {right: 5%;}
}

@media screen and (max-width: 1200px) {
	.visual .movie {height: 900px;}
	.visual .txt-con > .inner1720 > span {font-size: 22px; margin-bottom: 30px;}
	.visual .txt-con h2 {font-size: 50px;}
	.visual .txt-con .play {margin-top: 60px;}
	.visual .scroll {display: none;}

	.visual_n .txt-con h2 + span{ margin-top: 30px; }

	.count-con {height: auto;}
	.count-con > .inner1440 {flex-flow: column; padding: 80px 10%; box-sizing: border-box;}
	.count-con .left-con {padding-left: 0; margin-bottom: 70px; width: 100%;}
	.count-con .left-con .s-txt {padding-left: 0px;}
	.count-con .left-con .s-txt:before {left: 0;}
	.count-con .left-con h3 {margin-top: 20px;}
	.count-con .left-con h3 br {display: none;}
	.count-con .right-con {width: 100%; padding: 0;}

	.notice .item .item-txt {padding: 0 18px 40px 0; }
	.notice .item .item-txt .s-txt {padding-left: 0px;}
	.notice .item .item-txt .s-txt:before {left: 0;}
	.notice .list-con {/* display: block;  */ flex-wrap: wrap; padding:  0; align-items: initial;}
	.notice .list-con .list {display: inline-block; width: 50%; padding: 30px 20px; box-sizing: border-box; border-right: none;}
	.notice .list-con .list:nth-child(1) {border-bottom: 1px solid #e0e0e0;}
	.notice .list-con .list:nth-child(2) {border-bottom: 1px solid #e0e0e0;}
	.notice .list-con .list:nth-child(3) {border-right: 1px solid #e0e0e0; }
	/* .notice .list-con .list > a {border-right: 1px solid #e0e0e0;} */
	.notice .list-con .list:nth-child(2n) > a {border-right: none;}

	.news-list {height:auto;}

	.news-list .slide-list {padding: 0 50px 0 0;}
	.news-list .slide-list .list {height: auto;}
	.news-list .slide-list .list > a {display: block; padding: 30px 0; box-sizing: border-box;}
	.news-list .slide-list .list .event { width: 100%;}
	.news-list .slide-list .list .tit {width: 100%; display: block; margin: 15px 0 30px;}
	.news-list .slide-list .list .date {width: 100%; display: block; }

}


@media screen and (max-width: 1024px) {
	.visual .movie {height: 775px;}
	.visual .txt-con > .inner1720 > span {margin-bottom: 25px;}
	.visual .txt-con h2 {font-size: 45px;}
	.visual .txt-con .play {margin-top: 50px;}
	.visual .txt-con2 {bottom: 80px;}
	.visual .txt-con2 .txt {padding-right: 0; }
	.visual .txt-con2 .txt p {font-size:18px;}
	.visual .txt-con2 .txt span {font-size:17px; margin-top: 15px;}

	.visual_n .txt-con h2 + span{ margin-top: 25px; }

	.slider-con {padding: 60px 5%;}
	.slider-con .arrow {display: none;}
	.slider-con .slider .list .slide-img img {margin: 0 auto;}

	.count-con > .inner1440 {padding: 60px 8%;}
	.count-con .left-con h3 {font-size: 37px;}
	.count-con .right-con {padding: 0;}	
	.count-con .right-con .num p em {padding-bottom: 30px;}
	.download-con {height: auto;}
	.download-con > .inner1440 {flex-flow: column; padding: 60px 4%;}
	.download-con .down-txt {width: 100%; margin-bottom: 40px;}
	.download-con .down-txt p {margin-bottom: 20px;}
	.download-con .download { display:flex; gap:0 10px; }
	.download-con .download .down-btn:not(:last-child) { margin-bottom:0; }
	.download-con .top {bottom: 30px;}
	.download-con .top:hover {bottom: 50px;}
	.download-con .top .top-btn:before {right: 76px;} 
	.download-con .top .top-btn:after {width: 90px;}

	.notice {padding: 100px 0;}
	.news-list .slide-list {width: 69%; padding-right: 20px;}
	.news-list .arrow {width: 30%;}

}

@media screen and (max-width: 767px) {
	.visual .movie {height: 680px;}
	.visual .txt-con {top: 47%;}
	.visual .txt-con > .inner1720 > span {font-size: 17px; margin-bottom: 15px; font-weight: 400;}
	.visual .txt-con h2 {font-size: 40px;}
	.visual .txt-con .play {margin-top: 30px;}
	.visual .txt-con .play .play-btn {width: 60px; height: 60px;}
	.visual .txt-con .play span {font-size: 16px; margin-left: 13px;}
	.visual .txt-con2 {bottom: 70px;}
	.visual .txt-con2 .txt p {font-size: 16px;}
	.visual .txt-con2 .txt span {font-size: 15px; }
	
	.visual_n .txt-con h2 + span{ margin-top: 15px; }

	.slider-con .slider .list .slide-txt h3 > .fade-txt {font-size: 35px;}
	.slider-con .slider .list .slide-txt h3 > .fade-txt .s-tit {margin-top: 15px;}
	.count-con .left-con {margin-bottom: 50px;}
	.count-con .left-con h3 {font-size: 30px;}
	.count-con .right-con .num p em {font-size: 58px;}
	.count-con .right-con .num:nth-child(2) p em {width: 68px;}
	.count-con .right-con .num:nth-child(3) p em {/* width: 88px; */}
	.download-con {background: url(/img/main/bg-download.jpg) no-repeat 50% center; background-size: cover;}
	.download-con .down-txt p {font-size: 28px;}
	.download-con .down-txt span {font-size: 16px; line-height: 1.4;}
	.download-con .download .down-btn {line-height: 60px; width: 220px; height: 60px; }

	.main-content .txt-con h3 {font-size: 35px;}
	.main-content .txt-con h3 > span {font-size: 17px;}
	
	.notice {padding: 80px 0;}
	.notice .list-con .list {padding: 20px 15px;}
	.notice .list-con .list > a {/* padding-left: 20px;  */box-sizing: border-box;}
	.notice .list-con .list .tit {font-size: 18px;}
	.news-list .slide-list {width: 100%; padding-right: 0;}
	.news-list .arrow {display: none;}
	.news-list .slide-list .list > a {padding: 25px 0;}
	.news-list .slide-list .list .event {font-size:18px;}
	.news-list .slide-list .list .tit {font-size: 18px;}
}

@media screen and (max-width: 600px) {
	.visual .movie {height: 550px;}
	.visual .txt-con {top: 42%;}
	.visual .txt-con > .inner1720 > span {font-size: 15px;}
	.visual .txt-con h2 {font-size: 30px; line-height: 1.3;}
	.visual .txt-con .play {margin-top: 22px;}
	.visual .txt-con .play .play-btn {width: 45px; height: 45px;}
	.visual .txt-con .play span {font-size: 15px;}
	.visual .txt-con2 .txt {float: none; text-align: left;}
	.visual .txt-con2 .txt p {line-height: 1.5;	}
	.visual .txt-con2 .txt span {line-height: 1.2;}
}

@media screen and (max-width: 500px) {
	.slider-con {padding: 50px 4% 70px;}
	.slider-con .slider .list .slide-txt {padding-top: 30px;}
	.slider-con .slider .list .slide-txt h3 > .fade-txt {font-size: 28px;}
	.slider-con .slider .list .slide-txt h3 > .fade-txt .s-tit {font-size: 17px;}
	.slider-con .slider .list .slide-txt .txt-con p {font-size: 16px;}
	.slider-con .slider .list .slide-txt .txt-con > span {font-size: 15px;}
	.slider-con .slider .slick-dots {bottom: -30px;}
	.count-con {background-attachment: initial;}
	.count-con > .inner1440 {padding: 50px 4%;}	
	.count-con .left-con {margin-bottom: 40px;}
	.count-con .left-con h3 {font-size: 23px; margin-top: 10px; font-weight: 500; word-break: break-word; line-height: 1.3;}
	.count-con .right-con {padding: 0; }
	.count-con .right-con .num p em {font-size: 40px; padding-bottom: 10px;}
	.count-con .right-con .num:nth-child(2) p em {width: 46px;}
	.count-con .right-con .num:nth-child(3) p em {/* width: 60px; */}
	.count-con .right-con .num p {font-size: 19px;}
	.count-con .right-con .num span {font-size: 13px; margin-top: 24px;}
	.download-con > .inner1440 {padding: 50px 4%;}
	.download-con .down-txt p {font-size: 25px;}
	.download-con .down-txt span {font-size: 15px;}
	.download-con .download .down-btn {width:165px; height:50px;line-height: 50px;}
	.download-con .download .down-btn img {margin-left: 10px;}
	.download-con .top {right: 5%; bottom: 10px;}
	.download-con .top .top-btn:before {right: 67px; bottom: -7px;}
	.download-con .top .top-btn:after {width: calc(100% + 19px); bottom: -7px;}

	.main-content .txt-con h3 {font-size: 28px; margin: 25px 0 30px;}
	.main-content .txt-con h3 > span {margin-top: 15px;}

	.notice {padding: 60px 0; }
	.notice .corporation {margin-bottom: 50px;}
	.notice .item .item-txt {padding: 0 0 25px 0;}
	.notice .item-txt button {width: 45px; height: 45px; }
	/* .notice .list-con .list {padding: 20px 0;} */
	.notice .list-con .list > a {padding: 0 10px;}
	.notice .list-con .list .date {margin-bottom: 25px; font-size: 13px;}
	.notice .list-con .list .tit {font-size: 16px; margin-bottom: 10px;}
	.notice .list-con .list .name {font-size: 15px; margin-bottom: 35px;}
	.news-list {padding: 0;}
	.news-list .slide-list .list .event {font-size: 16px;}
	.news-list .slide-list .list .tit {font-size: 16px; margin: 10px 0 22px;}
}	



@media screen and (max-width: 420px) {
	.visual .txt-con > .inner1720 {padding: 0 4%;}
	.visual .txt-con h2 {font-size: 27px;}
	.visual .txt-con2 {bottom: 40px;}
	.visual .txt-con2 .txt p {font-size: 14px;}
}