@charset "utf-8";

/* 검색창 메인에서만 보드 */
.sch_open .fs_top_menu .global_box .sch_box {border-top:1px solid #eee;}

/* 메인 스킵네비 일부숨김 */
.skip_snb_menu {display:none;}

/* 애니메이션 모션 */
.animate_op {opacity:0;transform:translateY(-50px);transition:all 0.7s ease;}
.animate_op.active {opacity:1;transform:translateY(0);}


#section2 .box0 .left {transition-delay:0.1s;}
#section2 .box0 .right .top {transition-delay:0.2s;}
#section2 .box0 .right .bot li:nth-child(1) {transition-delay:0.3s;}
#section2 .box0 .right .bot li:nth-child(2) {transition-delay:0.4s;}
#section2 .box0 .right .bot li:nth-child(3) {transition-delay:0.5s;}
#section2 .box0 .right .bot li:nth-child(4) {transition-delay:0.6s;}

#section3 .con1 {transition-delay:0.2s;}
#section3 .con2 {transition-delay:1.3s;}
#section3 .con3 {transition-delay:0.4s;}
#section3 .con4 {transition-delay:0.5s;}
#section3 .con5 {transition-delay:0.6s;}
#section3 .con6 {transition-delay:0.7s;}

#section5 .box2 .left {transition-delay:0.2s;}
#section5 .box2 .right .top {transition-delay:0.3s;}

	@media only screen and (max-width:1025px){
		.animate_op {opacity:1 !important;transition:0s !important;transform:translateY(0) !important;}
	}


/* 풀페이지 컨트롤 */
#menu {position: absolute;right:30px;top:50%;transform:translateY(-50%);z-index: 1;}
#menu li {opacity: .5;}
#menu li.active {opacity:1;}
#menu li:nth-child(n+2) {margin-top:20px;}
#menu li a {display:flex;align-items:center;justify-content:flex-end;font-size:14px;color:#fff;text-decoration: none;}
#menu li a span {display:grid;place-items:center;width:5px;height:5px;margin-left:20px;background: rgba(255,255,255,0.3);border-radius: 100%;font-size:0;line-height:1;color:#1f2c5c;outline: 0;font-weight: 900;transition: 0.2s ease;}
#menu li.active a span {background: #fff;outline: 5px solid rgba(255,255,255,0.3);}

/* 마우스 스크롤 */
.mousy {position:absolute;left:0;right:0;bottom:40px;width:50px;margin:auto;text-align: center;z-index: 99;}
.mousy span {display:block;font-size:11px;color:#fff;font-weight:bold;margin-bottom:15px;}
.mousy .imouse {display:inline-block;border:1px solid rgba(255,255,255,.7);width:22px;height:32px;border-radius:40px;position:relative;}
.mousy .imouse span {display:inline-block;width:4px;height:4px;border-radius:10px;background:#fff;position:absolute;left:0;right:0;top:5px;margin:auto;animation:mousy 1.5s infinite;}
@keyframes mousy {
	0% {opacity:1;top:5px;}
	100% {opacity:0;top:50%;}
}

/* 슬라이드 컨트롤*/
.slide_arrow .arrow {display:flex;align-items:center;justify-content:center;position:absolute;right:0;bottom:0;width:80px;height:auto;aspect-ratio: 8/6;background:#fff;cursor: pointer;z-index:10;}
.slide_arrow .arrow:first-child:after {content:'';position:absolute;right:0;top:0;bottom:0;width:1px;height:20px;background:#ddd;margin:auto;}
.slide_arrow .arrow span {position:relative;font-size:0;display:inline-block;width:17px;height:auto;aspect-ratio: 1/1;opacity: .3;transition:all .3s;-webkit-transition:all .3s;}
.slide_arrow .arrow span:after {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:url("/assets/images/main/slide_arrow.png") no-repeat center;width:100%;height:100%;}
.slide_arrow .arrow:hover span {opacity: 1;}
.slide_arrow .arrow.arrow_prev {right:80px;}
.slide_arrow .arrow.arrow_prev span:after {transform:rotate(180deg);}


	@media only screen and (max-width:1459px){
		/* 풀페이지 컨트롤 */
		#menu {right:30px;}
		#menu li a {font-size:0;}
		#menu li a span {margin-left:10px;}
		#menu li.active a {font-size:14px;}

		/* 마우스 스크롤 */
		.mousy {bottom:20px;}
		.mousy span {margin-bottom:10px;}
	}
	@media only screen and (max-width:1299px){
		.mousy {display: none;}
	}
	@media only screen and (max-width:1199px){
		#menu {display: none;}
	}
	@media only screen and (max-width:767px){
		.slide_arrow .arrow {width:60px;}
		.slide_arrow .arrow.arrow_prev {right:60px;}
	}

/* 풀페이지 내용시작 */
#fullpage {}
#fullpage .section {overflow:hidden;}
#fullpage .section [class^="box"] {}


/* ==================== section1 검색 */
#section1 {background:url("/assets/images/main/vis_img00.jpg") no-repeat center center / cover;position:relative;}
#section1 .sect_wrp {display: flex;align-items: center;justify-content: center;flex-direction:column;text-align: center;}
#section1 .sect_wrp .titbox {color:#fff;}
#section1 .sect_wrp .tit {font-size:48px;font-weight:800;}
#section1 .sect_wrp .stit {font-size:20px;margin-top:10px;}
#section1 .sect_wrp .sch_area {margin:60px 0;width:100%;}
#section1 .sect_wrp .sch_area .inputbox {position:relative;display:flex;flex-wrap:wrap;max-width:700px;width:100%;margin:auto;background:#fff;text-align: left;border-radius:20px;border:5px solid #177ce8;padding:5px;line-height:60px;}
#section1 .sect_wrp .sch_area .inputbox:after {content:'';position:absolute;right:0;top:-124px;background:url("/assets/images/main/sch_chr.png") no-repeat center;width:78px;height:auto;aspect-ratio:78/121;background-size:contain;}
#section1 .sect_wrp .sch_area .inputbox input {padding-left:30px;border:0;background:none;display:block;width:calc(100% - 60px);line-height:55px;height:auto;}
#section1 .sect_wrp .sch_area .inputbox button.main_sch_btn {width:60px;height:auto;aspect-ratio: 1/1;background:#177ce8;border-radius:10px;transition:all .3s;-webkit-transition:all .3s;}
#section1 .sect_wrp .sch_area .inputbox button.main_sch_btn:hover {background:#10539C;}
#section1 .sect_wrp .sch_area .inputbox button.main_sch_btn span {font-size:0;background:url("/assets/images/common/icon_search.png") no-repeat center;display:block;width:100%;height:100%;}
#section1 .sect_wrp .icon_area {}
#section1 .sect_wrp .icon_area ul {display:flex;gap:60px;}
#section1 .sect_wrp .icon_area ul li a {display:block;color:#fff;}
#section1 .sect_wrp .icon_area ul li a:hover {text-decoration: underline;}
#section1 .sect_wrp .icon_area ul li a img {transition:all .3s;-webkit-transition:all .3s;}
#section1 .sect_wrp .icon_area ul li a:hover img {transform:translateY(-5px);}
#section1 .sect_wrp .icon_area ul li a span {display:block;font-size:17px;font-weight:500;margin-top:20px;}

	@media only screen and (max-width:767px){
		#section1 .sect_wrp {padding:0 15px;}
		#section1 .sect_wrp .tit {font-size:34px;}
		#section1 .sect_wrp .tit em {display:block;}
		#section1 .sect_wrp .stit {font-size:15px;}
		#section1 .sect_wrp .sch_area .inputbox {line-height:50px;}
		#section1 .sect_wrp .sch_area .inputbox:after {width:68px;top:-108px;}
		#section1 .sect_wrp .sch_area .inputbox input {line-height:45px;width:calc(100% - 45px)}
		#section1 .sect_wrp .sch_area .inputbox button.main_sch_btn {width:45px;}
		#section1 .sect_wrp .icon_area ul {gap:30px;}
		#section1 .sect_wrp .icon_area ul li a img {max-width:36px;}
		#section1 .sect_wrp .icon_area ul li a span {font-size:16px;}
	}
	@media only screen and (max-width:599px){
		#section1 .sect_wrp .sch_area .inputbox {border-radius:10px;border-width:4px;}
		#section1 .sect_wrp .sch_area .inputbox:after {width:50px;top:-80px;}
		#section1 .sect_wrp .sch_area .inputbox input {padding-left:15px;}
		#section1 .sect_wrp .icon_area ul {gap:15px;}
		#section1 .sect_wrp .icon_area ul li a span {font-size:15px;}
	}
	@media only screen and (max-width:499px){
		#section1 .sect_wrp .sch_area {margin:40px 0;}
		#section1 .sect_wrp .sch_area .inputbox:after {display:none;}
	}

/* ==================== section2 NRF캠페인 */
.bg_box::-webkit-scrollbar {width: 6px;  /* 스크롤바의 너비 */}

.bg_box::-webkit-scrollbar-thumb {
    height: auto; /* 스크롤바의 길이 */ 
    background: #bbb; /* 스크롤바의 색상 */
    border-radius: 10px;
}

.bg_box::-webkit-scrollbar-track {
    background: rgba(221, 221, 221, .1);  /*스크롤바 뒷 배경 색상*/
}

#section2 {background:url("/assets/images/main/vis_img01.png") no-repeat center center / cover;}
#section2 .box0 {display:flex;}
#section2 .box0 > div {padding-top:135px;height:100vh;}
/* section2의 left 영역 제거 20250619
#section2 .box0 > .left {width:100%;max-width:700px;color:#fff;display:none;}
#section2 .box0 > .left .webzine {display: block;height: 100%;}
#section2 .box0 > .left .webzine a {display:block;width:100%;position:relative;}
#section2 .box0 > .left .webzine a .imgbox {display:flex;width:100%;height:100vh;align-items: center;justify-content: center;}
#section2 .box0 > .left .webzine a .imgbox img {width:auto;max-width:unset;height:100%;}
#section2 .box0 > .left .webzine a .txt_area {position:absolute;left:60px;bottom:20%;background:none;padding-right:60px;}
#section2 .box0 > .left .webzine a .txt_area .stit {color:#2ce688;font-weight:800;}
#section2 .box0 > .left .webzine a .txt_area .tit {margin:15px 0 30px;font-size:48px;line-height:1.4em;font-weight:800;}
#section2 .box0 > .left .webzine a .txt_area .info strong {font-size:18px;font-weight:bold;}
#section2 .box0 > .left .webzine a .txt_area .info p {font-size:15px;margin-top:5px;}

#section2 .box0 > .left .webzine-area {position:relative;height:100%;}
 */
 
/* 기존 max-width:900px -> 1200px 수정  width: 100%; 추가  padding-left: 80px; 삭제  margin:0 auto; 추가  20250619 */
#section2 .box0 > .right {flex-grow: 1;display: flex;justify-content:center;flex-direction: column;max-width:1200px;position:relative;width:100%;margin:0 auto;}
#section2 .box0 > .right .top .txtbox {position:relative;}
#section2 .box0 > .right .top .txtbox .tit {font-size:32px;color:#fff;font-weight:800;margin-bottom:20px;margin-right:100px;}
#section2 .box0 > .right .top .txtbox .bg_box {border-radius:15px;background:rgba(255,255,255,.2);padding:30px;max-height:200px;overflow-y:auto;}
#section2 .box0 > .right .top .txtbox .bg_box p {max-width:700px;color:#eee;font-size:15px;line-height:1.7em;font-weight:normal;}
#section2 .box0 > .right .top .txtbox .more_box {position:absolute;right:0;top:20px;}
#section2 .box0 > .right .top .txtbox .more_box a{display:flex;justify-content:flex-end;align-items: center;font-size:14px;color:#fff;transition: 0.4s;}
#section2 .box0 > .right .top .txtbox .more_box a img {margin-left:10px;vertical-align: middle;margin-top:-2px;transition: 0.4s;}
#section2 .box0 > .right .top .txtbox .more_box a:is(:hover,:focus,:active) img {margin-left:6px;}

#section2 .box0 > .right .bot {display: flex;gap:10px;margin-top:30px;padding-bottom:40px;}
#section2 .box0 > .right .bot li {width:calc(25% - 5px);height:auto;aspect-ratio: 3/4;}
#section2 .box0 > .right .bot li a {position:relative;display: block;overflow:hidden;width:100%;height:100%;border-radius: 20px;}
#section2 .box0 > .right .bot li a:after {content: "";display: block;position: absolute;left:0;top:0;z-index:2;width: 100%;height: 100%;background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);}
#section2 .box0 > .right .bot li a .etc {position: absolute;left:20px;top:30px;z-index:3;font-size:14px;color:#fff;}
#section2 .box0 > .right .bot li a .etc em {font-weight: 800;text-transform: uppercase;}
#section2 .box0 > .right .bot li a .etc span {display: block;margin-top:5px;}
#section2 .box0 > .right .bot li a img {position: absolute;left:50%;top:50%;max-width:100%;min-height:100%;z-index:1;transform:translate(-50%,-50%);transition: 0.4s;}
#section2 .box0 > .right .bot li a:is(:hover,:focus,:active) img {transform: translate(-50%,-50%) scale(1.2,1.2);}

	@media only screen and (max-width:1459px){
		#section2 .box0 {padding-right:160px;}
		#section2 .box0 > .left {max-width:600px;}
		#section2 .box0 > .left .webzine a .txt_area {left:30px;}
		#section2 .box0 > .left .webzine a .txt_area .tit {font-size:40px;margin:10px 0 20px;}
		#section2 .box0 > .right {padding-left:40px;width:calc(100% - 600px);}
		#section2 .box0 > .right .top .txtbox .bg_box p {line-height: 1.5em;}
		#section2 .box0 > .right .bot {margin-top:15px;}
	}
	@media only screen and (max-width:1299px){
		#section2 .box0 {padding-right:40px;}
		#section2 .box0 > .left {max-width:unset;width:45%;}
		#section2 .box0 > .right {max-width:unset;width:55%;}
		#section2 .box0 > .left .webzine a .imgbox {width:auto;height:100%;aspect-ratio: 3/4;}
		#section2 .box0 > .left .webzine a .imgbox img {width:auto;height:100%;}
	}
	@media only screen and (max-width:1199px){
		#section2 .box0 > div {padding-top:0;}
		#section2 .box0 > .left .webzine a {height:100vh;}
	}
	@media only screen and (max-width:1025px){
		#section2 {}
		#section2 .box0 {flex-direction:column;padding:0;}
		#section2 .box0 > div {width:100%;}
		#section2 .box0 > .left {width:100%;height:auto;}
		#section2 .box0 > .left .webzine a {height:600px;}
		#section2 .box0 > .left .webzine a .imgbox {width:100%;height:auto;aspect-ratio: unset;}
		#section2 .box0 > .left .webzine a .imgbox img {height:auto;width:100%;}
		#section2 .box0 > .left .webzine a .txt_area {bottom:unset;top:60px;}
		#section2 .box0 > .left .webzine a .txt_area .tit {font-size:32px;line-height:1.3em;}
		#section2 .box0 > .right {width:100%;height:100%;padding:80px 30px;}
	}
	@media only screen and (max-width:767px){
		#section2 .box0 > .left {width: 100%;}
		#section2 .box0 > .left .webzine-area {height:auto;}
		#section2 .box0 > .left .webzine a {height:400px;}
		#section2 .box0 > .left .webzine a .imgbox {height:100%;}
		#section2 .box0 > .left .webzine a .txt_area {left:15px;padding:0;}
		#section2 .box0 > .left .webzine a .txt_area .tit {font-size:28px;}
		#section2 .box0 > .left .webzine a .txt_area .info strong {font-size:17px;}
		#section2 .box0 > .right {width: 100%;padding:60px 15px;}
		#section2 .box0 > .right .top .txtbox .tit {font-size:28px;margin-bottom:10px;}
		#section2 .box0 > .right .top .txtbox .bg_box {padding:30px 20px;border-radius:5px;}
		#section2 .box0 > .right .bot {flex-wrap:wrap;justify-content: center;}
		#section2 .box0 > .right .bot li {width:calc(50% - 5px);max-width:300px;}
	}


/* ==================== 3 자료실 */
.bot .more1 {display:flex;justify-content:flex-end;align-items: center;margin:20px 10px 0 0;font-size:14px;color:#fff;transition: 0.4s;opacity: .5;}
.bot .more1 span {display:flex;align-items:center;justify-content:center;width:25px;height:25px;background:#fff;border-radius:40px;margin-left:10px;transition: 0.4s;-webkit-transition: 0.4s;}
.bot .more1 img {transition: 0.4s;-webkit-transition: 0.4s;max-width:12px;}
.bot .more1:hover {opacity: 1;}
.bot .more1:hover img {transform:rotate(-45deg);}
.bot .more2 {position:relative;display:flex;align-items:center;margin-top:40px;width:140px;background:rgba(255,255,255,.2);font-weight:bold;border:1px solid rgba(255,255,255,.5);color:#fff;line-height:40px;padding:0 20px;border-radius:50px;font-size:14px;transition: 0.4s;-webkit-transition: 0.4s;}
.bot .more2 img {position:absolute;right:25px;top:0;bottom:0;margin:auto;transition: 0.4s;-webkit-transition: 0.4s;}
.bot .more2:hover {background:rgba(255,255,255,.9);color:#222;}
.bot .more2:hover img {right:20px;filter:brightness(0) saturate(100%) invert(14%) sepia(0%) saturate(68%) hue-rotate(49deg) brightness(96%) contrast(100%);}

#section3 {background:url("/assets/images/main/vis_img02.jpg") no-repeat center center / cover;overflow:hidden;}
#section3 .box1 {display: flex;height: 100%;}
#section3 .box1 [class^="con_box"] {width:25%;padding:290px 30px 0 30px;border-left:1px solid rgba(255,255,255,0.3);background: rgba(0,0,0,.05);transition: 0.4s;}
#section3 .box1 [class^="con_box"] .top {}
#section3 .box1 [class^="con_box"] .top h3 {font-weight:800;font-size:32px;color:#fff;}
#section3 .box1 [class^="con_box"] .top h3:after {content: "";display:block;margin:20px 0;width: 20px;height: 5px;border-radius: 50px;background: rgb(255,255,255);transition: 0.4s;}
#section3 .box1 [class^="con_box"] .top p {overflow:hidden;height: 75px;margin-bottom:10px;line-height:1.5;letter-spacing:-0.4px;color:#eee;}

#section3 .box1 [class^="con_box"]:is(:hover,:focus,:active) {background: rgba(1,43,88,0.9);}
#section3 .box1 [class^="con_box"]:is(:hover,:focus,:active) .top h3:after {background: rgb(23,124,232);background: linear-gradient(90deg, rgba(23,124,232,1) 0%, rgba(50,204,126,1) 100%);}
#section3 .box1 .con_box1 .bd_list {margin-top:40px;}
#section3 .box1 .con_box1 .bd_list > ul {border-radius:10px;background:rgba(0,0,0,.6);}
#section3 .box1 .con_box1 .bd_list > ul > li {padding:20px 25px;}
#section3 .box1 .con_box1 .bd_list > ul > li + li {border-top:1px solid rgba(255,255,255,.3);}
#section3 .box1 .con_box1 .bd_list > ul > li a.tit {color:#fff;font-size:14px;font-weight:600;min-height:34px;line-height:1.3em;}
#section3 .box1 .con_box1 .bd_list > ul > li > ul.info {display:flex;gap:20px;justify-content:flex-end;margin-top:10px;color:#ddd;font-size:13px;}
#section3 .box1 .con_box1 .bd_list > ul > li > ul.info li {position:relative;}
#section3 .box1 .con_box1 .bd_list > ul > li > ul.info li + li:after {content:'';position:absolute;left:-10px;top:0;bottom:0;width:1px;height:10px;background:#ddd;margin:auto;}
	@media only screen and (max-width:1459px){
		#section3 .box1 [class^="con_box"] {padding:200px 15px 0 15px;}
		#section3 .box1 .con_box1 .bd_list > ul > li {padding:20px 15px;}
	}
	@media only screen and (max-width:1299px){
		#section3 .box1 [class^="con_box"] .top h3 {font-size:24px;}
	}
	@media only screen and (max-width:1199px){
		#section3 .box1 {flex-wrap: wrap;}
		#section3 .box1 [class^="con_box"] {width:20%;padding-top:100px;}
	}
	@media only screen and (max-width:1025px){
		#section3 .box1 [class^="con_box"] {width:33%;padding-top:60px;height:50%;flex-grow: 1;}
		#section3 .box1 [class^="con_box"]:nth-child(-n+3) {border-bottom:1px solid rgba(255,255,255,0.3);}
		#section3 .box1 [class^="con_box"]:last-child {border-right:1px solid rgba(255,255,255,0.3);}
		#section3 .box1 .con_box1 {position: relative;}
		#section3 .box1 .con_box1 .bd_list li:nth-child(n+3) {display: none;}
		#section3 .box1 .con_box1 .bot {position:absolute;right:20px;top:110px;}
		#section3 .box1 .con_box1 .bot .more1 {margin:0;}
	}
	@media only screen and (max-width:767px){
		#section3 .box1 [class^="con_box"]{width:100%;padding:40px 20px;height:auto;position: relative;}
		#section3 .box1 [class^="con_box"]:last-child {border-top:1px solid rgba(255,255,255,0.3);}
		#section3 .box1 [class^="con_box"] .top h3:after {margin:10px 0;}
		#section3 .box1 [class^="con_box"] .bot .more2 {margin-top:20px;line-height:35px;width:120px;justify-content: center;}
		#section3 .box1 [class^="con_box"] .bot .more2 img {display: none;}
		#section3 .box1 .con_box1 .bot {top:65px;}
		#section3 .box1 .con_box1 .bd_list {margin-top:20px;}
	}
/* ==================== 4 상담 제보 */
#section4 {}
#section4 .wrp {display:flex; flex-wrap:wrap;}
#section4 .wrp .w50 {width:50%;height:100vh;position:relative;display:flex;align-items: center;}
#section4 .wrp .w50 .bg {position:absolute;left:0;top:0;width:100%;height:100%;}
#section4 .wrp .w50 .txtbox {position:relative;z-index: 1;padding-left:60px;color:#fff;}
#section4 .wrp .w50 .txtbox .tit {font-size:36px;font-weight:800;}
#section4 .wrp .w50 .txtbox p {margin:15px 0 30px;line-height:1.5em;}
#section4 .wrp .w50 .txtbox .bot .more2 {padding:0 30px;line-height:60px;border-radius:100px;width:auto;max-width:200px;}
#section4 .wrp .w50 .txtbox .bot .more2 img {right:35px;}
#section4 .wrp .w50 .txtbox .bot .more2:hover img {right:30px;}
#section4 .wrp .left .bg {background:url('/assets/images/main/vis_img03-1.jpg') no-repeat center;background-size:cover;}
#section4 .wrp .right .bg {background:url('/assets/images/main/vis_img03-2.jpg') no-repeat center;background-size:cover;}
	@media only screen and (max-width:1459px){
		#section4 .wrp .w50 .txtbox {padding-left:30px;}
	}
	@media only screen and (max-width:767px){
		#section4 .wrp {flex-direction: column;height:100%;}
		#section4 .wrp .w50 {width:100%;height:50%;}
		#section4 .wrp .w50 .txtbox {padding-left:15px;margin:80px 0;}
		#section4 .wrp .w50 .txtbox .tit {font-size:32px;max-width:300px}

		#section4 .wrp .w50 .txtbox .bot .more2 {line-height:50px;max-width:160px;}
	}


/* ==================== 5 공지 알림 */
#section5 {background:url("/assets/images/main/vis_img03.png") no-repeat right center #012b58;}
#section5 .box {display: flex;align-items: center;max-width:1400px;margin:auto;height:100vh;padding-top:135px;}
#section5 .box > div .more {position: absolute;right: 40px;top:40px;font-size:14px;color:#fff;}
#section5 .box > div .more img {margin-left:10px;vertical-align: middle;margin-top:-2px;transition: 0.4s;}
#section5 .box > div .more:is(:hover,:focus,:active) img {margin-left:6px;}

#section5 .box > .left {align-self:stretch;display: flex;justify-content:center;flex-direction:column;width:100%;max-width:500px;margin:60px 0;}
#section5 .box > .left h3 {font-size:20px;font-weight: 800;color:#fff;}
#section5 .box > .left .trend_wrp {padding:40px 30px;height:100%;background:rgba(255,255,255, 0.2);border:1px solid rgba(255,255,255, 0.7);border-radius: 10px;overflow:hidden;}
#section5 .box > .left .trend_wrp .t_list {margin-top:40px;border-top:1px solid #fff;color:#fff;}
#section5 .box > .left .trend_wrp .t_list li {padding:15px 0;border-bottom:1px solid rgba(255,255,255,.3);}
#section5 .box > .left .trend_wrp .t_list a .tit {line-height:1.4;font-weight:600;margin-bottom:10px;}
#section5 .box > .left .trend_wrp .t_list a:hover .tit {text-decoration: underline;}
#section5 .box > .left .trend_wrp .t_list a .date {display:block;color:rgba(255,255,255,0.6);font-size:14px;color:#ddd;}

#section5 .box > .right {width:calc(100% - 500px);padding-left:40px;color:#fff;align-self: stretch;margin:60px 0;}
#section5 .box > .right .top {position:relative;padding:40px 30px;background: rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.7);border-radius: 10px;overflow:hidden;height: calc(50% - 20px);}
#section5 .box > .right .top .tit {font-weight:800;}
#section5 .box > .right .top .cont {}
#section5 .box > .right .top .cont [class^="bd_list"] {display: flex;flex-wrap:wrap;margin:35px 0 20px;position:relative;}
#section5 .box > .right .top .cont [class^="bd_list"] .bd_item {width:30%;padding:0 20px;border-right:1px solid rgba(255,255,255,0.1);}
#section5 .box > .right .top .cont [class^="bd_list"] .bd_item a .etc {display:inline-block;padding:6px 14px 5px 14px;background: #177ce8;font-size:14px;border-radius: 4px;}
#section5 .box > .right .top .cont [class^="bd_list"] .bd_item a .tit {margin:17px 0 12px 0;line-height:1.4;font-size:17px;font-weight: 700;}
#section5 .box > .right .top .cont [class^="bd_list"] .bd_item a .data {display:block;color:rgba(255,255,255,0.6);font-size:14px;}
#section5 .box > .right .top .cont [class^="bd_list"] .bd_item a:is(:hover,:focus,:active) .tit {text-decoration: underline;}
#section5 .box > .right .top .cont .slide_arrow .arrow {width:60px;}
#section5 .box > .right .top .cont .slide_arrow .arrow.arrow_prev {right:60px;border-radius:10px 0 0 0;}

#section5 .box > .right .top .cont .bd_list2 .bd_item a .etc {background: #32cc7e;}
#section5 .box > .right .top .cont .bd_list2 .bd_item a .tit {min-height:44px;}

	@media only screen and (max-width:1599px){
		#section5 .box {margin:auto 120px auto 30px;}
		#section5 .box > .left {max-width:400px;}
		#section5 .box > .right {padding-left:20px;width:calc(100% - 400px);}
		#section5 .box > .right .top.mt40 {margin-top:20px;}

		#section5 .box > .right .top .cont [class^="bd_list"] .bd_item a .tit {font-size:15px;min-height:34px;}
	}
	@media only screen and (max-width:1199px){
		#section5 .box {margin:auto 30px;}
		#section5 .box {padding-top:0;}

		#section5 .box > .left {align-self: flex-start;}
		#section5 .box > .left .top {min-height:620px;}
		#section5 .box > .right .top {height:300px;}
	}
	@media only screen and (max-width:1025px){
		#section5 {height:auto !important;}
		#section5 .fp-tableCell {height:auto !important;vertical-align: top;}
		#section5 .box {flex-direction: column;height:auto;margin:60px 30px;}
		#section5 .box > .left {width:100%;height:auto;max-width:unset;margin:0;}
		#section5 .box > .left .top {min-height:unset;}
		#section5 .box > .left .trend_wrp {position:relative;}
		#section5 .box > .left .trend_wrp .t_list {margin-top:20px;}
		#section5 .box > .left .trend_wrp .t_list li:nth-child(n+4) {display: none;}
		#section5 .box > .right {align-self: auto;width:100%;padding:0;margin:20px 0 0;}
		#section5 .box > .right .top {height:auto;padding:30px 15px;}
	}
	@media only screen and (max-width:767px){
		#section5 .box {margin:60px 15px;}
		#section5 .box > .left .trend_wrp {padding:30px 15px;}
		#section5 .box > .right .top .cont [class^="bd_list"] .bd_item a .etc {padding:3px 10px;font-size:13px;}
		#section5 .box > div .more {right:15px;}
	}
	@media only screen and (max-width:499px){
		#section5 .box > .right .top .cont [class^="bd_list"] .bd_item {padding-left:0;}
	}