@charset "utf-8";

body {background: #fff;}

/* 메인 슬라이드 */
.mainVisualArea {position: relative; width: 100%; height: 520px; margin:0 auto;}

.mainSearchArea {z-index: 99; position: absolute; display: block; left: 0; top: 0; width: 100%;}
.mainSearchArea .mainLogo {width: 663px; height: 241px; background: url(../images/index/bg_logo.png) center no-repeat; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.mainSearchArea .mainLogo img {position: absolute; top: 135px; left: 50%; transform: translateX(-50%); width: 190px;}
.mainSearchArea .searchArea {position: absolute; top: 241px; left: 50%; transform: translateX(-50%);}
.mainSearchArea .searchArea .inputArea {width: 750px; height: 58px; background: #fff; border-radius: 4px; border: 2px solid #fff; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}
.mainSearchArea .searchArea .inputArea input {width: 684px; border: none; height: 54px; font-size: 17px; line-height: 54px; padding: 0 22px; color: #000; font-weight: 400;}
.mainSearchArea .searchArea .inputArea .btn-search a {width: 56px; height: 54px; background: #fd6566; display: flex; justify-content: center; align-items: center; border-radius: 3px;}
.mainSearchArea .searchArea .inputArea .btn-search a i {font-size: 20px; color: #fff;}

.mainVisual {position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: #eee;}
.mainVisual .swiper-slide .bg {position: absolute; display: block; width: 100%; height: 100%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat;}
.mainVisual .copy {position: relative; display: table; width: 750px; height: 520px; margin:0 auto;}
.mainVisual .copy .tx01 {display: flex; justify-content: center; position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); width: 100%;}
.mainVisual .copy .tx01 strong {font-size: 30px; font-weight: 700; color: #fd6566; white-space: nowrap;}
.mainVisual .copy .tx01 span {position: relative; font-size:14px; font-weight: 300; color: #fff; margin-left: 15px; top: 2px; word-break: keep-all;}
.mainVisual .prev {position: absolute; top: -8px; left:-50px; width: 38px; height: 38px; background: url(../images/index/ico_arrow_w.svg) no-repeat left center; background-size: auto 20px; display: block; z-index: 3;}
.mainVisual .next {position: absolute; top: -8px;  width: 38px; left:175px; height: 38px; background: url(../images/index/ico_arrow_w.svg) no-repeat left center; transform: rotate(180deg); background-size: auto 20px; display: block;  z-index: 3;}

.mainVisual .visual_wrap {position:relative; width:750px; margin: 0 auto; }
.mainVisual .cort-bx {position: absolute; z-index: 3; bottom: 30px; left: 50%; transform: translateX(-50%);}
.mainVisual .cort-bx .page {display: inline-block; text-align:left;}
.mainVisual .cort-bx .page > span {font-size:18px; color:#fff; font-weight:600;}
.mainVisual .cort-bx .page > span + span {margin-left:123px;}

.mainVisual .swiper-progress-bar  {width: 100%; display: block; z-index: 1; height: 2px;}
.mainVisual .swiper-progress-bar .slide_progress-bar {position: absolute; height: 3px; background: rgba(255, 255, 255, 0.4); width: 95px; clear: both; opacity: 1; top: 10px; left: 34px; right: 0; border-radius:1.7px;}
.mainVisual .swiper-progress-bar .slide_progress-bar:after {position: absolute; top: 0; left: 0; background: #fff; height: 100%; width: 0; content: "";transition: 0.1s width linear; border-radius:1.7px;}
.mainVisual .swiper-progress-bar.active .slide_progress-bar {opacity: 1;}
.mainVisual .swiper-progress-bar.animate .slide_progress-bar:after {transition: width linear; transition-delay: unset; width: 100%; transition-duration: 3s;}

.mainVisual .cort-bx .page .swiper-pagination-bullet {opacity: 1; background-color: #e7e5e5; width: 10px; height: 10px; margin: 0 4px; border-radius: 5px;  -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;  transition:all 0.2s ease-in-out;}
.mainVisual .cort-bx .page .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 50px; background-color: #e9a420;}
.mainVisual .btNext {position: absolute; bottom: 20px; left: 50%; width: 24px; display: block; left: 50%; margin-left: -12px;z-index: 9; 	-webkit-animation: move .5s ease-in-out .3s infinite alternate;	animation: move .6s ease-in-out .3s infinite alternate;}
.mainVisual .btNext span {position: absolute; top: -9999px; left: -9999px;}
.mainVisual .swiper-slide .bg {position:absolute; top:0; right:0; left:0; bottom:0;  background-position:50% 50%; background-repeat:no-repeat; background-size:cover; 	
	opacity: 0;
	transform: scale(1.7, 1.7);
	-ms-transform: scale(1.7, 1.7);
	-webkit-transform: scale(1.7, 1.7);
	-moz-transform: scale(1.7, 1.7);
	-webkit-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
}
.mainVisual .swiper-slide.swiper-slide-active .bg {
	opacity: 1;
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}
@-webkit-keyframes move {
	0%    {bottom:20px;}
	100%  {bottom:35px;}
}
/* Standard syntax */
@keyframes move  {
	0%    {bottom:20px;}
	100%  {bottom:35px;}
}

@media screen and (max-width: 1500px) {
    .mainVisualArea, .mainVisual, .mainVisual .swiper-slide .bg, .mainVisual .copy {height: 470px;}
    .mainSearchArea .mainLogo {height: 210px;}
    .mainSearchArea .mainLogo img {top: 110px;  width: 170px;}
    .mainSearchArea .searchArea {top: 210px;}
    .mainSearchArea .searchArea .inputArea {height: 54px;}
    .mainSearchArea .searchArea .inputArea input {height: 50px; font-size: 16px; line-height: 50px;}
    .mainSearchArea .searchArea .inputArea .btn-search a {width: 52px; height: 50px;}
    .mainSearchArea .searchArea .inputArea .btn-search a i {font-size: 19px; }
    .mainVisual .copy .tx01 {bottom: 70px;}
    .mainVisual .cort-bx {bottom: 20px;}
}

@media screen and (max-width:1240px) {   
    .mainSearchArea .searchArea, .mainSearchArea .searchArea .inputArea, .mainVisual .visual_wrap, .mainVisual .copy {width: 600px;}
    .mainSearchArea .searchArea .inputArea input {width: 534px;}
}

@media screen and (max-width:767px) {
    .mainVisualArea, .mainVisual, .mainVisual .swiper-slide .bg, .mainVisual .copy {height: 400px;}
    .mainSearchArea .mainLogo {height: 160px;}
    .mainSearchArea .mainLogo img {top: 80px;  width: 140px;}
    .mainSearchArea .searchArea {top: 160px;}
    .mainVisual .copy {height: 400px;}
    .mainVisual .copy .tx01 {bottom: 60px;}
    .mainVisual .copy .tx01 strong {font-size: 24px;}
    .mainVisual .copy .tx01 span {font-size:12px; margin-left: 15px; top: 2px;}
    .mainVisual .cort-bx {bottom: 20px;}
}

@media screen and (max-width: 650px) {
    .mainVisualArea, .mainVisual, .mainVisual .swiper-slide .bg, .mainVisual .copy {height: 350px;}
    .mainSearchArea .searchArea {width: 95%; top: 140px;}
    .mainSearchArea .searchArea .inputArea {width: 100%; height: 50px;}
    .mainSearchArea .searchArea .inputArea input {width: calc(95% - 50px); height: 46px; font-size: 15px; padding: 0 10px;}
    .mainSearchArea .searchArea .inputArea .btn-search a {width: 46px; height: 46px;}
    .mainSearchArea .searchArea .inputArea .btn-search a i {font-size: 18px; }
    .mainSearchArea .mainLogo {height: 140px;}
    .mainSearchArea .mainLogo img {top: 60px;  width: 120px;}
    .mainVisual .visual_wrap {width: 95%;}
    .mainVisual .copy {width: 100%;}
    .mainVisual .copy .tx01 {bottom: 60px;}
    .mainVisual .copy .tx01 strong {font-size: 16px;}
    .mainVisual .copy .tx01 span {font-size:10px; margin-left: 10px; top: 0;}
    
    .mainVisual .prev {top: -11px; left:-30px; background-size: auto 12px;}
    .mainVisual .next {top: -11px; left:148px; background-size: auto 12px;}
    
    .mainVisual .cort-bx .page > span {font-size:14px;}
    .mainVisual .cort-bx .page > span + span {margin-left:131px;}
}

/* 팝업존 슬라이드 */
.adSwiper {position: relative; width: 100%; height: 184px; border-top: 1px solid #666; margin:0 auto; background: #3f3f7c;}
.adSwiper .swiper-slide {display: flex; position: relative; width: 100%; height: 100%; overflow: hidden; justify-content: center; align-items: center;}
.adSwiper .swiper-slide .con {display: block; width: 1100px; height: 100%; font-size: 0;}
.adSwiper .swiper-slide.item1 {background: #3f3f7c url(../images/index/ad_zone01_bg01.png) center;}
.adSwiper .swiper-slide.item1 .con {background: url(../images/index/ad_zone01_img01.png) center no-repeat;}
.adSwiper .swiper-slide.item2 {background: #3f3f7c url(../images/index/ad_zone02_bg01.png) center no-repeat;}
.adSwiper .swiper-slide.item2 .con {background: url(../images/index/ad_zone02_img01.png) center no-repeat;}

.adSwiper .swiper-pagination {display: flex; justify-content: center; position: absolute; left: 0 !important; bottom: 12px !important; top: auto !important; right: 0 !important; z-index: 2;}

.adSwiper .swiper-pagination span {width:15px; height:15px; margin: 0 7px !important;}
.adSwiper .swiper-pagination-bullet {background:#fff; opacity:1;}
.adSwiper .swiper-pagination-bullet-active {background:#fd6566;}


@media screen and (max-width: 1500px) {    
    .adSwiper {height: 160px;}
    .adSwiper .swiper-slide .con {width: 100%;}
    .adSwiper .swiper-pagination {bottom: 5px !important;}
    .adSwiper .swiper-pagination span {width:12px; height:12px; margin: 0 6px !important;}
    .adSwiper .swiper-slide.item1 {background-size: auto 160px;}
    .adSwiper .swiper-slide.item1 .con {background-size: auto 160px;}
    .adSwiper .swiper-slide.item2 {background-size: auto 180px;}
    .adSwiper .swiper-slide.item2 .con {background-size: auto 160px;}
}

@media screen and (max-width:1240px) {   
    .adSwiper {height: 130px;}
    .adSwiper .swiper-pagination {bottom: 4px !important;}
    .adSwiper .swiper-pagination span {width:10px; height:10px; margin: 0 5px !important;}
    .adSwiper .swiper-slide.item1 {background-size: auto 130px;}
    .adSwiper .swiper-slide.item1 .con {background-size: auto 130px;}
    .adSwiper .swiper-slide.item2 {background-size: auto 160px;}
    .adSwiper .swiper-slide.item2 .con {background-size: auto 130px;}    
}

@media screen and (max-width:767px) {
    .adSwiper {height: 110px;}
    .adSwiper .swiper-pagination {bottom: 3px !important;}
    .adSwiper .swiper-pagination span {width:9px; height:9px; margin: 0 6px !important;}
    .adSwiper .swiper-slide.item1 {background-size: auto 110px;}
    .adSwiper .swiper-slide.item1 .con {background: url(../images/index/ad_zone01_img01_mo.png) center; background-size: auto 110px;}
    .adSwiper .swiper-slide.item2 {background: #32326b url(../images/index/ad_zone02_bg01_mo.png) center no-repeat; background-size: auto 110px;}
    .adSwiper .swiper-slide.item2 .con {background: url(../images/index/ad_zone02_img01_mo.png) center no-repeat; background-size: auto 110px;}   
}

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

/* 슬라이드 공통 */
.slide_sec {padding: 45px 0;}

.slide_sec .tit_area {display: flex;  align-items:center; justify-content: space-between; position: relative; margin: 0 20px;}
.slide_sec .tit_area a {display:flex;}
.slide_sec .tit_area h2 {color:#504747; font-size: 30px;}
.slide_sec .tit_area .more {display: block; font-size: 15px; color: #ff6666; font-weight: 800; padding: 10px 30px 10px 17px; border-bottom:1px solid #ff6666; background: url(../images/index/ico_arrow_more.svg) no-repeat right center;}
.slide_sec .tit_area a:hover .more {background-color:#f5f5f5; transition: 0.3s;}

.slide_sec .slide_wrap {position:relative;}
.slide_sec .slide_wrap .item {transition: 0.3s; overflow: hidden;}
.slide_sec .slide_wrap .swiper-wrapper {padding:20px 0;}
.slide_sec .slide_wrap .item .img {overflow: hidden;}
.slide_sec .slide_wrap .item img {transition: 0.3s;}
.slide_sec .slide_wrap .item:hover img {transform: scale(1.15);}

.slide_sec .arr_swiper {display:flex; align-items:center; justify-content: center;}
.slide_sec .arr_swiper .paging_num {width:auto; padding: 0 20px; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 17px; font-weight: 600;}
.slide_sec .arr_swiper .arr {width:32px; height:32px; border-radius: 50%; background-color: #333366; background-repeat: no-repeat;  background-size: 7px auto;}
.slide_sec .arr_swiper .arr.arr_prev {background-image: url(../images/index/ico_arrow_w.svg); background-position: 12px;}
.slide_sec .arr_swiper .arr.arr_next {background-image: url(../images/index/ico_arrow_r_w.svg); background-position: 13px;}

/* 시기별 슬라이드 */
.slide_sec.pe_sec, .slide_sec.gal_sec {max-width: 1440px; margin: 0 auto;}
.slide_sec .pe_slide img {display:block; width:100%; height:258px; object-fit: cover;}
.slide_sec .pe_slide .item:nth-child(4n-3) .img, .slide_sec .pe_slide .item:nth-child(4n-3) .txt_wrap {border-radius:25px 0 0 0;}
.slide_sec .pe_slide .item:nth-child(4n-2) .img, .slide_sec .pe_slide .item:nth-child(4n-2) .txt_wrap {border-radius:0 25px 0 0;}
.slide_sec .pe_slide .item:nth-child(4n-1) .img, .slide_sec .pe_slide .item:nth-child(4n-1) .txt_wrap {border-radius:0 0 25px 0;}
.slide_sec .pe_slide .item:nth-child(4n) .img, .slide_sec .pe_slide .item:nth-child(4n) .txt_wrap {border-radius:0 0 0 25px;}
.pe_slide .txt_wrap {position:absolute; left:0; top:0; width:100%; height: 100%; background-color: rgba(10,10,38,.58); display:flex; align-items:center; justify-content:center; flex-direction: column; color:#fff;}
.pe_slide .pre {font-size:13px; font-weight:700;}
.pe_slide .year {font-size:13px; font-weight:400; margin-top:8px;}
.pe_slide .pe {font-size:31px; font-weight:700; margin:20px 30px 0; line-height:1.2; word-break: keep-all; text-align: center;}

/* 이슈 슬라이드 */
.slide_sec.issue_sec .inner {position: relative; background: #ececec; padding: 50px 20px 50px 0; margin-left: calc((100% - 1440px) / 2); max-width: 1900px;}
.slide_sec.issue_sec .tit_area {position: absolute; display: block; left: calc((100% - 1440px) * -1); top: 50px; bottom: 50px; width:430px; background: #3c4394; margin: 0; z-index: 2; padding: 55px 70px; overflow: hidden;}
.slide_sec.issue_sec .tit_area h2 {display: block; width: 100%; font-size: 42px; color: #fff; font-weight: 800;}
.slide_sec.issue_sec .tit_area h2::after {content: ''; display: block; margin-top: 30px; width: 100%; height: 1px; background: #fff;}

.issueList li>a {position:relative; display:block; padding:22px 0 0 0;}
.issueList li>a span {color:#fff; font-size:26px; font-weight: 800; position: relative;}
.issueList li>a span::after {content: ''; display: inline-block; margin-left: 15px; top: -1px; width: 18px; height: 18px; background-image: url(../images/index/ico_more.svg); filter: invert(100%); background-size: cover; position: relative;} /*250912*/
.issueList li>a.on span:after {content: ''; display: inline-block; margin-left: 15px; top: -2px; width: 12px; height: 12px; border-radius: 50%; background-color: #ff6666; position: relative; background-image: none; filter: none;}
.issueList .sCon {padding:17px 0 20px 0; line-height:1.7; color:#fff; font-size:15px; word-break: keep-all;}

.slide_wrap.issue_slide {margin-left: calc(550px - (100% - 1440px));}
.slide_wrap.issue_slide .item {padding: 25px 0; text-align: center; position: relative;}
.issue_slide .item:not(:first-child)::before {content: ''; display: flex; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background: #666;}
.issue_slide .item .img {display:block; width:192px; height:192px; border-radius: 50%; margin: 0 auto;}
.issue_slide .item .img img { width:192px; height:192px; object-fit: cover;}
.issue_slide strong {font-size:23px; font-weight:700; margin: 35px 30px 27px; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.issue_slide p {font-size:15px; font-weight:300; margin: 0 30px 20px; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:4; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; word-break: keep-all;}

/* 갤러리 슬라이드 */
.slide_sec .gal_slide img {display:block; width:100%; height:300px; object-fit: cover; border: 1px solid #b7b7b7; box-sizing: border-box;}
.gal_slide .txt_wrap {position:relative; height: 52px; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #bfbfbf;}
.gal_slide p {font-size:21px; font-weight:700; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}

.disable {opacity: .4;}

@media screen and (max-width: 1500px) {
    .slide_sec.pe_sec, .slide_sec.gal_sec {margin: 0 40px;} 

    .slide_sec .tit_area h2 {font-size: 28px; font-weight: 800;}
    .slide_sec .tit_area .more {font-size: 14px; padding: 8px 26px 8px 14px; background-size: 16px auto;}
    .slide_sec .slide_wrap .swiper-wrapper {padding:18px 0;}
    .slide_sec .arr_swiper .paging_num {padding: 0 18px; font-size: 16px;}
    .slide_sec .arr_swiper .arr {width:30px; height:30px;}
    .slide_sec .arr_swiper .arr.arr_prev {background-position: 11px;}
    .slide_sec .arr_swiper .arr.arr_next {background-position: 12px;}
    
    .slide_sec .pe_slide img {height:240px;}
    .pe_slide .year {margin-top:6px;}
    .pe_slide .pe {font-size:28px; margin:18px 25px 0;}
    
    .gal_slide .txt_wrap {height: 50px;}
    .gal_slide p {font-size:19px;}

    .slide_sec.issue_sec .tit_area {width:400px; padding: 55px 40px;}
    .slide_sec.issue_sec .tit_area h2 {font-size: 40px;}
    .slide_sec.issue_sec .tit_area h2::after {margin-top: 26px;}

    .issueList li>a {padding:22px 0 0 0;}
    .issueList li>a span {font-size:25px;}
    .issueList li>a span::after {margin-left: 14px; top: -1px; width: 15px; height: 15px;} /*250912*/
    .issueList li>a.on span:after {margin-left: 14px; top: -2px; width: 11px; height: 11px;}
    .issueList .sCon {padding:17px 0 20px 0; font-size:15px}

    .slide_wrap.issue_slide {margin-left: calc(460px - (100% - 1440px));}
}

@media screen and (max-width: 1240px) {    
    .slide_sec.pe_sec, .slide_sec.gal_sec {margin: 0 20px;}

    .slide_sec .tit_area {margin: 0 14px;}
    .slide_sec .tit_area h2 {font-size: 26px;}
    .slide_sec .tit_area .more {font-size: 14px; padding: 8px 26px 8px 14px; background-size: 15px auto;}
    .slide_sec .slide_wrap .swiper-wrapper {padding:17px 0;}
    .slide_sec .arr_swiper .paging_num {padding: 0 16px; font-size: 14px;}
    .slide_sec .arr_swiper .arr {width:26px; height:26px;}
    .slide_sec .arr_swiper .arr.arr_prev {background-position: 9px;}
    .slide_sec .arr_swiper .arr.arr_next {background-position: 10px;}

    .slide_sec .pe_slide img {height:240px;}
    .pe_slide .pre {font-size:12px;}
    .pe_slide .year {font-size:12px; margin-top:5px;}
    .pe_slide .pe {font-size:24px; margin:15px 20px 0;}
    
    .slide_sec .gal_slide img {height:260px;}
    .gal_slide .txt_wrap {height: 48px;}
    .gal_slide p {font-size:18px;}

    .slide_sec.issue_sec .tit_area {width:250px; padding: 40px 20px;}
    .slide_sec.issue_sec .tit_area h2 {font-size: 28px;}
    .slide_sec.issue_sec .tit_area h2::after {margin-top: 20px;}

    .issueList li>a {padding:20px 0 0 0;}
    .issueList li>a span {font-size:22px;}
    .issueList li>a.on span:after {margin-left: 12px; top: -2px; width: 10px; height: 10px;}
    .issueList .sCon {padding:12px 0 15px 0; font-size:13px}

    .slide_wrap.issue_slide {margin-left: calc(270px - (100% - 1440px));}

    .issue_slide .item .img {width:170px; height:170px;}
    .issue_slide .item .img img {width:170px; height:170px;}
    .issue_slide strong {font-size:21px; margin: 30px 25px 20px;}
    .issue_slide p {font-size:14px;  margin: 0 20px 20px;}
}

@media screen and (max-width: 1024px) {    
    .slide_sec {padding: 25px 0;}

    .slide_sec .tit_area {margin: 0 12px;}
    .slide_sec .tit_area h2 {font-size: 24px;}
    .slide_sec .tit_area .more {font-size: 14px; padding: 6px 26px 6px 14px; background-size: 14px auto;}
    .slide_sec .slide_wrap .swiper-wrapper {padding:16px 0;}
    .slide_sec .arr_swiper .paging_num {padding: 0 16px; font-size: 14px;}
    .slide_sec .arr_swiper .arr {width:26px; height:26px;}

    .slide_sec .pe_slide img {height:240px;}
    .pe_slide .pre {font-size:12px;}
    .pe_slide .year {font-size:12px; margin-top:5px;}
    .pe_slide .pe {font-size:24px; margin:15px 20px 0;}
    
    .slide_sec .gal_slide img {height:260px;}
    .gal_slide .txt_wrap {height: 48px;}
    .gal_slide p {font-size:18px;}
}

@media only screen and (max-width:767px) {    
    .slide_sec {padding: 25px 0 15px;}
    .slide_sec.pe_sec, .slide_sec.gal_sec {margin: 0 10px;}

    .slide_sec .tit_area {margin: 0 5px;}
	.slide_sec .tit_area h2 {font-size: 21px;}
    .slide_sec .tit_area .more {font-size: 13px; padding: 4px 20px 4px 12px; background-size: 13px auto;}
    .slide_sec .slide_wrap .swiper-wrapper {padding:14px 0;}
    .slide_sec .arr_swiper .paging_num {padding: 0 14px; font-size: 13px;}
    .slide_sec .arr_swiper .arr {width:24px; height:24px;}
    .slide_sec .arr_swiper .arr.arr_prev, .slide_sec .arr_swiper .arr.arr_next {background-size: 6px auto;}
    .pe_slide .pre {font-size:12px;}
    .pe_slide .year {font-size:12px; margin-top:2px;}
    .pe_slide .pe {font-size:20px; margin:12px 15px 0; font-weight: 600;}
	
	.slide_sec .pe_slide .swiper-wrapper {height:310px;}
	.slide_sec .pe_slide .item {height:auto;}
	.slide_sec .pe_slide img {width:100%; height:150px;}
	
	.slide_sec .gal_slide .swiper-wrapper {height:310px;}
	.slide_sec .gal_slide .item {height:auto;}
	.slide_sec .gal_slide img {width:100%; height:150px;}

    .slide_sec.issue_sec .inner {padding:0 0 20px 0; margin-left:0;}
    .slide_sec.issue_sec .tit_area {position: relative; display: block; left:auto; top: auto; bottom: auto; width:calc(100% - 20px); margin: 0 auto; padding: 20px 10px;}
    .slide_sec.issue_sec .tit_area h2 {font-size: 22x; text-align: center;}
    .slide_sec.issue_sec .tit_area h2::after {margin-top: 10px;}

    .issueList {display: flex; justify-content: space-around;}
    .issueList li>a {padding:15px 0 0 0;}
    .issueList li>a span {font-size:14px;}    
    .issueList li>a span::after {margin-left: 10px; top: 1px; width: 12px; height: 12px;} /*250912*/
    .issueList li>a.on span:after {margin-left: 10px; top: 0; width: 10px; height:10px;}
    .issueList .sCon {display: none !important;}

    .slide_wrap.issue_slide {margin-left:0;}
    .slide_wrap.issue_slide .item {padding: 15px 0;}
    .issue_slide .item .img {display:block; width:130px; height:130px;}
    .issue_slide .item .img img { width:130px; height:130px;}
    .issue_slide strong {font-size:17px; margin: 20px 10px 15px;}
    .issue_slide p {font-size:12px; margin: 0 20px 10px;}
}

.addInfo {width: 100%; height: 580px; display: flex; margin: 50px auto 0;}
.addInfo .siteInfo {width: 50%; background: #3c4394 url(../images/index/img_intro.png) bottom center no-repeat; color: #fff; text-align: center; margin: 0 auto; background-size: 100% auto;}
.addInfo .siteInfo h4 {font-size: 52px; font-weight: 700; margin-top: 55px;}
.addInfo .siteInfo p {font-size: 16px; font-weight: 300; margin: 25px auto 0; line-height: 1.4; max-width: 460px; word-break: keep-all;}
.addInfo .siteInfo a {padding: 15px 20px 15px 25px; border:1px solid rgba(255,255,255,.5); background: rgba(60,67,148,.8); display: inline-block; margin: 20px auto 0;}
.addInfo .siteInfo a span {font-size: 15px; font-weight: 700; color: #fff;}
.addInfo .siteInfo a span:after {content: ''; width: 18px; height: 18px; display: inline-block; background: url(../images/index/ico_arrow_more_w.svg) center no-repeat; margin-left: 20px;}
.addInfo .kdfAd {width: 50%;}
.addInfo .kdfAd a img {object-fit: cover; width: 100%; height: 100%;}


@media screen and (max-width: 1500px) {
    .addInfo {height: 480px;}
    .addInfo .siteInfo h4 {font-size: 45px; margin-top: 50px;}
    .addInfo .siteInfo p {font-size: 15px; margin: 22px auto 0; max-width: 460px;}
    .addInfo .siteInfo a {padding: 13px 20px 13px 25px; margin: 15px auto 0;}
    .addInfo .siteInfo a span {font-size: 14px;}
    .addInfo .siteInfo a span:after {width: 16px; height: 16px; background-size: 16px auto; margin-left: 18px;}
}

@media screen and (max-width: 1240px) {
    .addInfo {height: 420px;}
    .addInfo .siteInfo h4 {font-size: 40px; margin-top: 40px;}
    .addInfo .siteInfo p {font-size: 14px; margin: 18px auto 0; max-width: 460px;}
    .addInfo .siteInfo a {padding: 12px 20px 12px 25px; margin: 14px auto 0;}
    .addInfo .siteInfo a span {font-size: 13px;}
    .addInfo .siteInfo a span:after {width: 15px; height: 15px; background-size: 15px auto; margin-left: 16px;}
}

@media screen and (max-width: 1024px) {
    .addInfo {height: 350px;}
    .addInfo .siteInfo h4 {font-size: 32px; margin-top: 30px;}
    .addInfo .siteInfo p {font-size: 13px; margin: 15px auto 0; max-width: 360px;}
    .addInfo .siteInfo a {padding: 11px 15px 11px 20px; margin: 12px auto 0;}
    .addInfo .siteInfo a span {font-size: 12px;}
    .addInfo .siteInfo a span:after {width: 14px; height: 14px; background-size: 14px auto; margin-left: 14px;}
}

@media screen and (max-width: 767px) {
    .addInfo {height: auto; flex-wrap: wrap;}
    .addInfo .siteInfo {width: 100%; height: 300px; background-position-y: 170px;}
    .addInfo .siteInfo h4 {font-size: 26px; margin-top: 30px;}
    .addInfo .siteInfo p {font-size: 12px; margin: 10px auto 0; max-width: calc(100% - 20px);}
    .addInfo .siteInfo a {padding: 8px 15px 8px 20px; margin: 10px auto 0;}
    .addInfo .siteInfo a span {font-size: 11px;}
    .addInfo .siteInfo a span:after {width: 12px; height: 12px; background-size: 12px auto; margin-left: 12px;}
    .addInfo .kdfAd {width: 100%; height: 300px;}
    
    footer {margin-top: 0 !important;}
}
@media screen and (max-width: 500px) {
    .addInfo .siteInfo {background-position-y: bottom;}
}