@charset "UTF-8";

.bg { background:#F6F6F6; }

.pc-block { display:block !important; }
.mo-block { display:none !important; }

@media (max-width: 767px) {

	.pc-block { display:none !important; }
	.mo-block { display:block !important; }

}

/* BG */
.sub_bg > div{ position:absolute; z-index:-1; left:50%; }
.sub_bg > .rd1{ top:400px; margin-left:-830px; width:220px; height:220px; background:url('/assets/eng/images/sub_bg1.png') no-repeat center; animation: r1 20s linear infinite 0s; transform-origin: 48% 48%;}
.sub_bg > .rd2{ top:600px; margin-left:832px; width:200px; height:200px; background:url('/assets/eng/images/sub_bg2.png') no-repeat center; animation: r2 30s linear infinite 0s; transform-origin: 42% 42%;}
.sub_bg > .rd3{ top:800px; margin-left:560px; width:360px; height:360px; background:url('/assets/eng/images/sub_bg3.png') no-repeat center; animation: r1 3s linear infinite 0s; transform-origin: 48% 48%;}
.sub_bg > .rd4{ top:900px; margin-left:-1050px; width:600px; height:600px; background:url('/assets/eng/images/sub_bg4.png') no-repeat center; animation: r1 5s linear infinite 0s; transform-origin: 42% 42%;}

@keyframes r1 {
0% { transform: rotate( 0 ); -webkit-transform: rotate( 0 ); -moz-transform: rotate( 0 ); }
100% { transform: rotate( 360deg ); -webkit-transform: rotate( 360deg ); -moz-transform: rotate( 360deg ); }
}

@keyframes r2 {
0% { transform: rotate( 0 ); -webkit-transform: rotate( 0 ); -moz-transform: rotate( 0 ); }
100% { transform: rotate( -360deg ); -webkit-transform: rotate( -360deg ); -moz-transform: rotate( -360deg ); }
}

@media (max-width: 1399px) {
   /* BG */
   .sub_bg { display:none !important; }
}

/* transition:all 0.2s ease-out; */

.header {min-width:140rem; width:100%; position:fixed; top:0; left:0; z-index:99999; }
.header.active { background:#fff; }
.header .inner { width:140rem; height:9.8rem; margin:0 auto; display:flex; align-items: center; padding:4.5rem 0 2.7rem;  }
.header .inner .logo { margin-top:-1.8rem; }
.header .inner .logo a { display:block; width:18.5rem; height:4.4rem; background:url("/assets/eng/images/ico_logo.svg") center center no-repeat; background-size:contain; }
.header .inner .gnb { margin-left:12.3rem; display:flex; align-items:center;  }
.header .inner .gnb > li { position:relative; padding:5rem 4rem; }
.header .inner .gnb > li:first-child { padding-left:0; }
.header .inner .gnb > li > a { position:relative; font-size:2.1rem; font-weight:500; color:#222; }
.header .inner .gnb > li:hover > a { font-weight:500; color:#28348A; }
.header .inner .gnb > li:hover > a::after { content:""; position:absolute; top:-1rem; right:-1rem; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; }
.header .inner .gnb > li:hover .gnbDepth2 { display:block; }

.header .inner .gnb > li.active > a { font-weight:700; color:#28348A; }
.header .inner .gnb > li.active > a::after { content:""; position:absolute; top:-1rem; right:-1rem; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; }

.header .inner .link { margin-left:auto; display:flex; align-items:center; gap:0.6rem; }
.header .inner .link .link_1 { width:10.8rem; transition:all 0.2s ease-out; display:block; padding:0; line-height:3.9rem; text-align:center; border-radius:2.75rem; background:#48B070; font-size:1.6rem; font-weight:500; color:#fff; }
.header .inner .link .link_1:hover  { opacity:0.9; }

.header .inner .link .link_2 { width:10.8rem; transition:all 0.2s ease-out; display:block; padding:0; line-height:3.9rem; text-align:center; border-radius:2.75rem; background:#fff; border:1px solid #C3C3C3; font-size:1.6rem; font-weight:500; color:#1B9A4C; }
.header .inner .link .link_2:hover { border:1px solid #1B9A4C; }

.header .inner .unit { margin-left:0.6rem; display:flex; align-items:center; gap:0.6rem; }
.header .inner .unit .link_eng { position:relative; display:flex; align-items: center; justify-content: center; width:3.9rem; height:3.9rem; border:1px solid #C3C3C3; border-radius:100%; }
.header .inner .unit .link_eng:hover::after { content:"";  position:absolute; bottom:-4.2rem; left:50%; margin-left:-2.7rem; width:5.8rem; height:5rem; background:url("/assets/eng/images/ico_eng_hover.svg") center center no-repeat; }

.header .inner .unit .btn_total_menu { position:relative; width:3.9rem; height:3.9rem; background:url("/assets/eng/images/ico_totalmenu.svg") center center no-repeat; }
.header .inner .unit .btn_total_menu:hover::after { content:"";  position:absolute; bottom:-4.4rem; right:-1rem; width:8.2rem; height:5.1rem; background:url("/assets/eng/images/ico_totalmenu_hover.svg") center center no-repeat; }

.gnbDepth2 { display:none; position:fixed; top:9.8rem; left:0; z-index:999999; width:100%; box-shadow:0 10px 30px 0 rgba(0,0,0,.05); }
.gnbDepth2 .inner2 { display:flex;  width:100%; height:35rem; background:#28348A; }
.gnbDepth2 .inner2 .tit { position:relative; width:31rem; margin:6rem 0 0 35rem; }
.gnbDepth2 .inner2 .tit h2 { font-size:3.2rem; font-weight:600; color:#fff;  }
.gnbDepth2 .inner2 .area { display:flex; gap:1rem; padding:5.5rem 0 3.7rem 0; background:url("/assets/eng/images/bg_gnb_sub_2.svg") 0 0 no-repeat;text-align:center; }
.gnbDepth2 .inner2 .area > ul > li .depth2 { display:block; margin:0 auto; padding:0 1.5rem; font-size:1.9rem; font-weight:500; color:#fff; width:22rem; height:4.6rem; line-height:4.6rem; border:1px solid #BEC0CA; border-radius:2.3rem; letter-spacing:-0.3px; }
.gnbDepth2 .inner2 .area > ul > li:hover .depth2 { background:#fff; color:#28348A; font-weight:700; }
.gnbDepth2 .inner2 .area > ul > li:hover .depth2 span { position:relative; }
.gnbDepth2 .inner2 .area > ul > li:hover .depth2 span::after { content:""; position:absolute; top:-0.5rem; right:-1.3rem; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; }
.gnbDepth2 .inner2 .area .depth3 { margin:2rem 0 0 1.5rem;text-align: -webkit-left; }
.gnbDepth2 .inner2 .area .depth3 .depth3a { position:relative; line-height:3.2rem; padding-left:1rem; font-size:1.8rem; font-weight:400; color:#C2C6E4; }
.gnbDepth2 .inner2 .area .depth3 .depth3a::before { content:""; position:absolute; top:1.3rem; left:0; width:0.2rem; height:0.2rem; background:#C2C6E4; border-radius:100%; }
.gnbDepth2 .inner2 .area .depth3 .depth3a:hover { position:relative; line-height:3.2rem; padding-left:1rem; font-size:1.8rem; font-weight:600; color:#fff; text-decoration:underline; }
.gnbDepth2 .inner2 .area .depth3 .depth3a:hover::before { content:""; position:absolute; top:1.3rem; left:0; width:0.2rem; height:0.2rem; background:#fff; border-radius:100%; }

.totalMenu { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(40,52,138,.95); z-index:9999999; }
.totalMenu .inner { width:126rem; margin:0 auto; padding:8.4rem 0 0; position:relative; }
.totalMenu .inner .tit { text-align:center; margin:0 0 8rem; }
.totalMenu .inner .tit h2 { display:inline-block; position:relative; text-align:center; font-size:3.6rem; font-weight:600; color:#fff; text-transform: uppercase; }
.totalMenu .inner .tit h2::after { content:""; position:absolute; top:-1rem; right:-1rem; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; }
.totalMenu .inner .link { display:none; }
.totalMenu .inner .btn_total_close { position:absolute; top:3.3rem; right:-7.2rem; width:3.9rem; height:3.9rem; background:url("/assets/eng/images/ico_total_close.svg") center center no-repeat; }
.totalMenu .inner .col { display:flex; margin:0 0 6.5rem; }
.totalMenu .inner .col:last-child { margin:0; }
.totalMenu .inner .col h3 { min-width:26.3rem; font-size:3.2rem; font-weight:600; color:#fff;  }
.totalMenu .inner .col .area { display:flex; gap:1rem; }
.totalMenu .inner .col .area > ul:last-child { margin-right:0; }
.totalMenu .inner .col .area > ul > li .depth2 { display:block; margin:0 auto; padding:0 1.5rem; font-size:1.9rem; font-weight:500; color:#fff; width:22rem; height:4.6rem; line-height:4.6rem; border:1px solid #BEC0CA; border-radius:2.3rem; letter-spacing:-0.3px; }
.totalMenu .inner .col .area > ul > li:hover .depth2 { background:#fff; color:#28348A; font-weight:700; }
.totalMenu .inner .col .area > ul > li:hover .depth2 span { position:relative; }
.totalMenu .inner .col .area > ul > li:hover .depth2 span::after { content:""; position:absolute; top:-0.5rem; right:-1.3rem; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; }
.totalMenu .inner .col .depth3 { margin:2rem 0 0 1.5rem; }
.totalMenu .inner .col .depth3 .depth3a { position:relative; line-height:3.2rem; padding-left:1rem; font-size:1.8rem; font-weight:400; color:#C2C6E4; }
.totalMenu .inner .col .depth3 .depth3a::before { content:""; position:absolute; top:1.3rem; left:0; width:0.2rem; height:0.2rem; background:#C2C6E4; border-radius:100%; }
.totalMenu .inner .col .depth3 .depth3a:hover { position:relative; line-height:3.2rem; padding-left:1rem; font-size:1.8rem; font-weight:600; color:#fff; text-decoration:underline; }
.totalMenu .inner .col .depth3 .depth3a:hover::before { content:""; position:absolute; top:1.3rem; left:0; width:0.2rem; height:0.2rem; background:#fff; border-radius:100%; }

@media all and (max-width:767px){

	body { word-break: keep-all; }
	img { max-width:100%; height:auto; }

	.header { min-width:auto; width:100%; position:fixed; top:0; left:0; z-index:99999; }
	.header.active { background:#fff; }
	.header .inner { width:100%; height:7rem; margin:0 auto; display:flex; align-items: center; padding:0 1.6rem;  }
	.header .inner .logo { margin-top:-1rem; }
	.header .inner .logo a { display:block; width:18.5rem; height:4.4rem; background:url("/assets/eng/images/ico_logo.svg") center center no-repeat; background-size:contain; }
	.header .inner .gnb { margin-left:8rem; display:flex; align-items:center; display:none; }
	.header .inner .gnb > li { position:relative; padding:5rem 4rem; }
	.header .inner .gnb > li:first-child { padding-left:0; }
	.header .inner .gnb > li > a { position:relative; font-size:2.1rem; font-weight:500; color:#222; }
	.header .inner .gnb > li:hover > a { font-weight:500; color:#28348A; }
	.header .inner .gnb > li:hover > a::after { content:""; position:absolute; top:-1rem; right:-1rem; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center 	no-repeat; }
	.header .inner .gnb > li:hover .gnbDepth2 { display:block; }
	
	.header .inner .gnb > li.active > a { font-weight:700; color:#28348A; }
	.header .inner .gnb > li.active > a::after { content:""; position:absolute; top:-1rem; right:-1rem; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center 	no-repeat; }
	
	.header .inner .link { margin-left:auto; display:flex; align-items:center; gap:0.6rem; display:none; }
	.header .inner .link .link_1 { transition:all 0.2s ease-out; display:block; padding:0 2rem; line-height:3.9rem; text-align:center; border-radius:2.75rem; background:#48B070; font-size:1.6rem; 	font-weight:500; color:#fff; }
	.header .inner .link .link_1:hover  { opacity:0.9; }
	
	.header .inner .link .link_2 { transition:all 0.2s ease-out; display:block; padding:0 2rem; line-height:3.9rem; text-align:center; border-radius:2.75rem; background:#fff; border:1px solid 	#C3C3C3; font-size:1.6rem; font-weight:500; color:#1B9A4C; }
	.header .inner .link .link_2:hover { border:1px solid #1B9A4C; }
	
	.header .inner .unit { margin-left:auto; display:flex; align-items:center; gap:0.6rem; }
	.header .inner .unit .link_eng { position:relative; display:flex; align-items: center; justify-content: center; width:3.9rem; height:3.9rem; border:1px solid #C3C3C3; border-radius:100%; }
	.header .inner .unit .link_eng:hover::after { content:"";  position:absolute; bottom:-4.2rem; left:50%; margin-left:-2.7rem; width:5.8rem; height:5rem; background:url("/assets/eng/images/	ico_eng_hover.svg") center center no-repeat; }
	
	.header .inner .unit .btn_total_menu { position:relative; width:3.9rem; height:3.9rem; background:url("/assets/eng/images/ico_totalmenu.svg") center center no-repeat; }
	.header .inner .unit .btn_total_menu:hover::after { content:"";  position:absolute; bottom:-4.4rem; right:-1rem; width:8.2rem; height:5.1rem; background:url("/assets/eng/images/	ico_totalmenu_hover.svg") center center no-repeat; }
	
	.gnbDepth2 { display:none; position:fixed; top:9.8rem; left:0; z-index:999999; width:100%; box-shadow:0 10px 30px 0 rgba(0,0,0,.05); }
	.gnbDepth2 .inner2 { display:flex;  width:100%; height:35rem; background:#28348A; }
	.gnbDepth2 .inner2 .tit { position:relative; width:31rem; margin:6rem 0 0 35rem; }
	.gnbDepth2 .inner2 .tit h2 { font-size:3.2rem; font-weight:600; color:#fff;  }
	.gnbDepth2 .inner2 .area { display:flex; gap:1rem; padding:5.5rem 0 3.7rem 0; background:url("/assets/eng/images/bg_gnb_sub_2.svg") 0 0 no-repeat; }
	.gnbDepth2 .inner2 .area > ul > li .depth2 { display:block; margin:0 auto; padding:0 1.5rem; font-size:1.9rem; font-weight:500; color:#fff; width:19.2rem; height:4.6rem; line-height:4.6rem; 	border:1px solid #BEC0CA; border-radius:2.3rem; }
	.gnbDepth2 .inner2 .area > ul > li:hover .depth2 { background:#fff; color:#28348A; font-weight:700; }
	.gnbDepth2 .inner2 .area > ul > li:hover .depth2 span { position:relative; }
	.gnbDepth2 .inner2 .area > ul > li:hover .depth2 span::after { content:""; position:absolute; top:-0.5rem; right:-1.3rem; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/	ico_point.svg") center center no-repeat; }
	.gnbDepth2 .inner2 .area .depth3 { margin:2rem 0 0 1.5rem; }
	.gnbDepth2 .inner2 .area .depth3 .depth3a { position:relative; line-height:3.2rem; padding-left:1rem; font-size:1.8rem; font-weight:400; color:#C2C6E4; }
	.gnbDepth2 .inner2 .area .depth3 .depth3a::before { content:""; position:absolute; top:1.3rem; left:0; width:0.2rem; height:0.2rem; background:#C2C6E4; border-radius:100%; }
	.gnbDepth2 .inner2 .area .depth3 .depth3a:hover { position:relative; line-height:3.2rem; padding-left:1rem; font-size:1.8rem; font-weight:600; color:#fff; text-decoration:underline; }
	.gnbDepth2 .inner2 .area .depth3 .depth3a:hover::before { content:""; position:absolute; top:1.3rem; left:0; width:0.2rem; height:0.2rem; background:#fff; border-radius:100%; }
	
	.totalMenu { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(40,52,138,.95); z-index:9999999; }
	.totalMenu .inner { width:100%; height:calc(100% - 10rem); overflow-x:hidden; overflow-y:auto; margin:0 auto; padding:0 1.6rem 2rem; margin:9rem 0 0; position:relative; }
	.totalMenu .inner .tit { text-align:center; margin:0 0 8rem; display:none; }
	.totalMenu .inner .tit h2 { display:inline-block; position:relative; text-align:center; font-size:3.6rem; font-weight:600; color:#fff; }
	.totalMenu .inner .tit h2::after { content:""; position:absolute; top:-1rem; right:-1rem; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center 	no-repeat; }

	.totalMenu .inner .link { position:fixed; top:1.8rem; left:1.6rem; display:flex; align-items:center; gap:0.6rem;  }
	.totalMenu .inner .link .link_1 { width:10.8rem; transition:all 0.2s ease-out; display:block; padding:0; line-height:3.9rem; text-align:center; border-radius:2.75rem; background:#48B070; font-size:1.6rem; 	font-weight:500; color:#fff; }
	.totalMenu .inner .link .link_1:hover  { opacity:0.9; }
	
	.totalMenu .inner .link .link_2 { width:10.8rem; transition:all 0.2s ease-out; display:block; padding:0; line-height:3.9rem; text-align:center; border-radius:2.75rem; background:#fff; border:1px solid  #C3C3C3; font-size:1.6rem; font-weight:500; color:#1B9A4C; }
	.totalMenu .inner .link .link_2:hover { border:1px solid #1B9A4C; }

	.totalMenu .inner .btn_total_close {  position:fixed; top:1.8rem; right:1.5rem; width:3.9rem; height:3.9rem; background:url("/assets/eng/images/ico_total_close.svg") center center no-repeat; }
	.totalMenu .inner .col {  display:block; margin:0 0 3.7rem; }
	.totalMenu .inner .col:last-child { margin:0; }
	.totalMenu .inner .col h3 { min-width:auto; font-size:2.6rem; font-weight:600; color:#fff; margin:0 0 2.2rem; }
	.totalMenu .inner .col .area {  display:flex; flex-wrap:wrap; gap:1rem; }
	.totalMenu .inner .col .area > ul { width:calc(100% / 2 - 0.5rem); }
	.totalMenu .inner .col .area > ul:last-child { margin-right:0; }
	.totalMenu .inner .col .area > ul > li .depth2 { display:block; margin:0 auto; padding:0 1.5rem; font-size:1.4rem; font-weight:500; color:#fff; width:100%; height:3.6rem; line-height:3.6rem;   border:1px solid #BEC0CA; border-radius:2.3rem; letter-spacing:-0.3px; }
	.totalMenu .inner .col .area > ul > li:hover .depth2 { background:#fff; color:#28348A; font-weight:700; }
	.totalMenu .inner .col .area > ul > li:hover .depth2 span { position:relative; }
	.totalMenu .inner .col .area > ul > li:hover .depth2 span::after { content:""; position:absolute; top:-0.5rem; right:-1.3rem; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/	ico_point.svg") center center no-repeat; }
	.totalMenu .inner .col .depth3 { margin:0.7rem 0 0 1.7rem; }
	.totalMenu .inner .col .depth3 .depth3a { position:relative; line-height:2.6rem; padding-left:1rem; font-size:1.4rem; font-weight:400; color:#C2C6E4; }
	.totalMenu .inner .col .depth3 .depth3a::before { content:""; position:absolute; top:0.7rem; left:0; width:0.2rem; height:0.2rem; background:#C2C6E4; border-radius:100%; }
	.totalMenu .inner .col .depth3 .depth3a:hover { position:relative; line-height:2.6rem; padding-left:1rem; font-size:1.4rem; font-weight:400; color:#fff; text-decoration:underline; }
	.totalMenu .inner .col .depth3 .depth3a:hover::before { content:""; position:absolute; top:0.7rem; left:0; width:0.2rem; height:0.2rem; background:#fff; border-radius:100%; }
		
}


.container { padding-top:12.5rem; padding-bottom:8rem; }

.section_main { width:140rem; margin:0 auto; }
.section_main .tit { margin:0 0 2rem; font-size:3rem; font-weight:800; color:#28348A; }
.section_main .tit span { color:#48B070; }
.section_main .inner { display:flex; gap:4rem; }
.section_main .search { width:45.2rem; height:32rem; background:#28348A url("/assets/eng/images/bg_main_search.svg") left -4rem bottom -3rem no-repeat; background-size:49rem; border-radius:2.5rem 2.5rem 2.5rem 6rem; padding:3.8rem 4.8rem; }
.section_main .search .col { position:relative; margin:3rem 0 0; }
.section_main .search .col .frm_input { transition: all 0.2s ease-out; font-size:1.9rem; font-weight:400; color:#777; width:100%; height:6rem; background:#fff; border:3px solid #28348A; border-radius:3rem; padding:0 7rem 0 3rem; }
.section_main .search .col .frm_input:focus { border:3px solid #38a1ca !important; }
.section_main .search .col .btn_search { position:absolute; top:0.8rem; right:1rem; width:4.2rem; height:4.2rem; background:url("/assets/eng/images/btn_search.svg") center center no-repeat; }
.section_main .search .tagWrap { margin:3.6rem 0 0; display:flex;  }
.section_main .search .tagWrap .tit { margin-right:1.5rem; font-size:1.8rem; font-weight:600; color:#fff; padding:0 1.7rem; height:3.5rem; line-height:3.5rem; text-align:center; border-radius:1.8rem; background:#848CC0; }
.section_main .search .tag { flex:1; display:flex; flex-wrap:wrap; gap:1rem 2rem; }
.section_main .search .tag li { word-break: keep-all; font-size:1.7rem; font-weight:400; color:#fff; }
.section_main .search .tag li a { word-break: keep-all; font-size:1.7rem; font-weight:400; color:#fff; }
.section_main .visualSwiper { position:relative; width:90.8rem; height:32rem; border-radius:2.5rem 12rem 2.5rem 2.5rem; overflow:hidden; }
.section_main .visualSwiper .swiper-slide { position:relative;  }
.section_main .visualSwiper .swiper-slide .thumb { width:100%; height:100%; background-size:cover !important; }
.section_main .visualSwiper .swiper-slide .txtWrap { position:absolute; top:4.5rem; left:5rem; }
.section_main .visualSwiper .swiper-slide .txtWrap .txt-big { font-size:3rem; font-weight:800; color:#fff; }
.section_main .visualSwiper .swiper-slide .txtWrap .txt-sm { margin:2.5rem 0 0; font-size:1.5rem; font-weight:500; color:#fff; line-height:2.3rem; }
.section_main .visualSwiper .swiper-pagination { left:5.5rem !important; bottom:3.9rem !important; text-align:left;  }
.section_main .visualSwiper .swiper-pagination .swiper-pagination-bullet { opacity:1; width:0.8rem; height:0.8rem; border-radius:100%; background:#fff; }
.section_main .visualSwiper .swiper-pagination .swiper-pagination-bullet-active { width:10rem; height:0.8rem; border-radius:0.4rem; }
.section_main .visualSwiper .btn-prev::after,
.section_main .visualSwiper .btn-next::after {
  display: none;
}
.section_main .visualSwiper .btn-prev { position:absolute; margin:0 !important; bottom:2.5rem !important; right:9.5rem !important; top:auto; left:auto; transition:all 0.2s ease-out; width:3.6rem; height:3.6rem; background:url("/assets/eng/images/ico_sw_prev.svg") center center no-repeat; }
.section_main .visualSwiper .btn-prev:hover { background:url("/assets/eng/images/ico_sw_prev_hover.svg") center center no-repeat;  }
.section_main .visualSwiper .btn-next { position:absolute; margin:0 !important; bottom:2.5rem !important; right:5.5rem !important; top:auto; left:auto; transition:all 0.2s ease-out; width:3.6rem; height:3.6rem; background:url("/assets/eng/images/ico_sw_next.svg") center center no-repeat; }
.section_main .visualSwiper .btn-next:hover { background:url("/assets/eng/images/ico_sw_next_hover.svg") center center no-repeat; }

@media all and (max-width:767px){
	
	.container { padding:10rem 1.6rem; }
	.section_main { width:100%; margin:0 auto; }
	.section_main .tit { margin:0 0 1.5rem; font-size:2.4rem; font-weight:800; color:#28348A; }
	.section_main .tit span { color:#48B070; }
	.section_main .inner { display:block; gap:4rem; }
	.section_main .search { width:100%; height:auto; background:#28348A url("/assets/eng/images/bg_main_search.svg") left -4rem bottom -3rem no-repeat; background-size:49rem; border-radius:2.5rem 2.5rem 2.5rem 6rem; padding:2.7rem 2.4rem; }
	.section_main .search .col { position:relative; margin:1.5rem 0 0; }
	.section_main .search .col .frm_input { transition: all 0.2s ease-out; font-size:1.9rem; font-weight:400; color:#777; width:100%; height:5rem; background:#fff; border:3px solid #28348A; border-radius:3rem; padding:0 7rem 0 3rem; }
	.section_main .search .col .frm_input:focus { border:3px solid #38a1ca !important; }
	.section_main .search .col .btn_search { position:absolute; top:0.6rem; right:0.5rem; width:3.8rem; height:3.8rem; background:url("/assets/eng/images/btn_search.svg") center center no-repeat; background-size:contain; }
	.section_main .search .tagWrap { margin:1.4rem 0 0; display:flex;  }
	.section_main .search .tagWrap .tit { margin-right:1.2rem; font-size:1.4rem; font-weight:600; color:#fff; padding:0 1rem; height:3rem; line-height:3rem; text-align:center; border-radius:1.5rem; background:#848CC0; }
	.section_main .search .tag { flex:1; max-height:7rem; overflow:hidden; display:flex; flex-wrap:wrap; gap:1rem 2rem; }
	.section_main .search .tag li { font-size:1.4rem; font-weight:400; color:#fff; }
	.section_main .search .tag li a { font-size:1.4rem; font-weight:400; color:#fff; }
	.section_main .visualSwiper { margin:2rem 0 0; position:relative; width:100%; height:32rem; border-radius:2.5rem 12rem 2.5rem 2.5rem; overflow:hidden; }
	.section_main .visualSwiper .swiper-slide { position:relative; }
	.section_main .visualSwiper .swiper-slide .thumb { width:100%; height:100%; background-size:cover !important; }
	.section_main .visualSwiper .swiper-slide .txtWrap { position:absolute; top:3rem; left:2.4rem; right:4rem; }
	.section_main .visualSwiper .swiper-slide .txtWrap .txt-big { font-size:2rem; font-weight:800; color:#fff; }
	.section_main .visualSwiper .swiper-slide .txtWrap .txt-sm { margin:1rem 0 0; font-size:1.3rem; font-weight:500; color:#fff; line-height:150%; }
	.section_main .visualSwiper .swiper-pagination { left:2.4rem !important; bottom:3.9rem !important; text-align:left;  }
	.section_main .visualSwiper .swiper-pagination .swiper-pagination-bullet { opacity:1; width:0.8rem; height:0.8rem; border-radius:100%; background:#fff; }
	.section_main .visualSwiper .swiper-pagination .swiper-pagination-bullet-active { width:10rem; height:0.8rem; border-radius:0.4rem; }
	.section_main .visualSwiper .btn-prev::after,
	.section_main .visualSwiper .btn-next::after { display: none; }
	.section_main .visualSwiper .btn-prev { position:absolute; margin:0 !important; bottom:2.5rem !important; right:6.5rem !important; top:auto; left:auto; transition:all 0.2s ease-out; width:3.6rem; height:3.6rem; background:url("/assets/eng/images/ico_sw_prev.svg") center center no-repeat; }
	.section_main .visualSwiper .btn-prev:hover { background:url("/assets/eng/images/ico_sw_prev_hover.svg") center center no-repeat;  }
	.section_main .visualSwiper .btn-next { position:absolute; margin:0 !important; bottom:2.5rem !important; right:2.5rem !important; top:auto; left:auto; transition:all 0.2s ease-out; width:3.6rem; height:3.6rem; background:url("/assets/eng/images/ico_sw_next.svg") center center no-repeat; }
	.section_main .visualSwiper .btn-next:hover { background:url("/assets/eng/images/ico_sw_next_hover.svg") center center no-repeat; }
	
}

.section_news { width:140rem; margin:4rem auto 0; display:flex; gap:4rem; }
.section_news .tit { display:inline-block; margin:0 0 2.5rem; position:relative; font-size:3rem; font-weight:700; color:#28348A; }
.section_news .tit::after { content:""; position:absolute; top:-0.3rem; right:-1.2rem; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; }
.section_news .btn_link_more { transition:all 0.2s ease-out; position:absolute; top:0; right:0; width:3.6rem; height:3.6rem; background:url("/assets/eng/images/ico_link_more.svg") center center no-repeat; }
.section_news .btn_link_more:hover { background:url("/assets/eng/images/ico_link_more_hover.svg") center center no-repeat; }
.section_news .newsWrap { flex:1; position:relative; }
.section_news .newsWrap .dataList > * { transition:all 0.2s ease-out; }
.section_news .newsWrap .dataList li { overflow:hidden; position:relative; height:5.5rem; border:2px solid transparent; padding:1.3rem 5rem; background:#fff; box-shadow:3px 8px 15px 0 rgba(199,201,211,.2); margin:0 0 0.8rem; border-radius:2rem; }
.section_news .newsWrap .dataList li:last-child { margin:0; }
.section_news .newsWrap .dataList li .col { display:flex; align-items: center; }
.section_news .newsWrap .dataList li .col .categoryWrap { width:11rem; }
.section_news .newsWrap .dataList li .col .category { background:#616060; display:inline-block; line-height:2.6rem; border-radius:1.8rem; padding:0 1rem; font-size:1.6rem; font-weight:600; color:#fff; }
.section_news .newsWrap .dataList li .col .subject { position:relative; font-size:1.7rem; font-weight:400; color:#333; }
.section_news .newsWrap .dataList li .col .datetime { margin-left:auto; font-size:1.5rem; font-weight:400; color:#888; }
.section_news .newsWrap .dataList li .content { display:none; margin:1.4rem 0 0 0; line-height:2.4rem;  font-size:1.6rem; font-weight:400; color:#666; }
.section_news .newsWrap .dataList li:hover .category { background:#28348A; }
.section_news .newsWrap .dataList li:hover { height:12rem; border:2px solid #28348A; }
.section_news .newsWrap .dataList li:hover .subject { /*font-size:2rem;*/ font-weight:600; color:#28348A; }
.section_news .newsWrap .dataList li:hover .subject::after { content:""; position:absolute; top:-0.3rem; right:-1.7rem; width:0.6rem; height:0.6rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; background-size:contain; }
@media (max-width:767px){
.section_news .newsWrap .dataList li:hover .subject::after { content:""; position:absolute; top:-0.3rem; right:-1.7rem; width:0.6rem; height:0.6rem; background:none; background-size:contain; }
}

.section_news .newsWrap .dataList li:hover .content { display:block; position:relative;  }
.section_news .newsWrap .dataList li:hover .content .more { position:absolute; right:-3rem; bottom:0; width:2.4rem; height:2.3rem; background:url("/assets/eng/images/ico_more.svg") center center no-repeat; background-size:contain; }

@media all and (max-width:767px){

	.section_news { width:100%; margin:4rem auto 0; display:block; gap:4rem; }
	.section_news .tit { display:inline-block; margin:0 0 1.5rem; position:relative; font-size:2.4rem; font-weight:700; color:#28348A; }
	.section_news .tit::after { content:""; position:absolute; top:-0.3rem; right:-1.2rem; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; }
	.section_news .btn_link_more { transition:all 0.2s ease-out; position:absolute; top:-0.5rem; right:0; width:3.6rem; height:3.6rem; background:url("/assets/eng/images/ico_link_more.svg") center center no-repeat; }
	.section_news .btn_link_more:hover { background:url("/assets/eng/images/ico_link_more_hover.svg") center center no-repeat; }
	.section_news .newsWrap { flex:1; position:relative; }
	.section_news .newsWrap .dataList > * { transition:all 0.2s ease-out; }
	.section_news .newsWrap .dataList li { overflow:hidden; position:relative; height:auto; border:2px solid transparent; padding:1.5rem 2rem; background:#fff; box-shadow:3px 8px 15px 0 rgba(199,201,211,.2); margin:0 0 1.9rem; border-radius:2rem; }
	.section_news .newsWrap .dataList li:last-child { margin:0; }
	.section_news .newsWrap .dataList li .col { display:flex; align-items: center; }
	.section_news .newsWrap .dataList li .col .categoryWrap { width:11rem; }
	.section_news .newsWrap .dataList li .col .subject { flex:1; margin-left:1rem; position:relative; font-size:1.7rem; font-weight:400; color:#333; }
	.section_news .newsWrap .dataList li .col .datetime { margin-left:auto; font-size:1.5rem; font-weight:400; color:#888; display:none; }
	.section_news .newsWrap .dataList li .content { display:none; margin:1.4rem 0 0 0; line-height:2.2rem;  font-size:1.5rem; font-weight:400; color:#666; }
	.section_news .newsWrap .dataList li:hover { height:auto; border:2px solid #28348A; }
	.section_news .newsWrap .dataList li:hover .subject { /*font-size:2rem;*/ font-weight:600; color:#28348A; }
	.section_news .newsWrap .dataList li:hover .subject::after { content:""; position:absolute; top:-0.3rem; right:-1.7rem; width:0.6rem; height:0.6rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; background-size:contain; display:none; }
	.section_news .newsWrap .dataList li:hover .content { display:block; position:relative;  }
	.section_news .newsWrap .dataList li:hover .content .more { position:absolute; right:-3rem; bottom:0; width:2.4rem; height:2.3rem; background:url("/assets/eng/images/ico_more.svg") center center no-repeat; background-size:contain; display:none; }

}

.section_data { width:140rem; margin:5rem auto 0; position:relative; display:flex; gap:4rem; }
.section_data .row { position:relative; }
.section_data .d_flex { display:flex; }
.section_data .tit { display:inline-block; margin:0 0 2.5rem; position:relative; font-size:3rem; font-weight:700; color:#28348A; }
.section_data .tit::after { content:""; position:absolute; top:-0.3rem; right:-1.2rem; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; }
.section_data .btn_link_more { margin-left:2.2rem; position:absolute; top:0; right:0; transition:all 0.2s ease-out; width:3.6rem; height:3.6rem; background:url("/assets/eng/images/ico_link_more.svg") center center no-repeat; }
.section_data .btn_link_more.relative { position:relative; }
.section_data .btn_link_more:hover { background:url("/assets/eng/images/ico_link_more_hover.svg") center center no-repeat; }

.section_data .row.data { width:39.9rem; }
.section_data .row.data .des { margin: 0 0 7.2rem; padding-left:5.2rem; font-size:1.6rem; font-weight:400; color:#666; background:url("/assets/eng/images/ico_data_tit.svg") left center no-repeat; }
.section_data .row.data .des strong { font-size:2rem; font-weight:700; color:#333; }

.section_data .row.trends { position:relative; width:38rem; padding-top:6.2rem; }
.section_data .row.trends .box { border-radius:2.5rem; width:100%; height:28.2rem; position:relative; background:#90A2B6; padding:3.4rem 2.4rem; }
.section_data .row.trends .box::before { content:""; z-index:9; width:2.6rem; height:2.6rem; position:absolute; top:calc(50% - 1.3rem); left:-1.3rem; background:url("/assets/kor/images/ico_main_arrow.svg") center center no-repeat; }
.section_data .row.trends .box .des { word-break: keep-all; font-size:1.2rem; font-weight:500; color:#fff; line-height:2.2rem; color:#fff; }
.section_data .row.trends .box .year { display:inline-block; margin:4.8rem 0 0; position:relative; font-size:2.6rem; font-weight:700; color:#fff; }
.section_data .row.trends .box .year::after { content:""; position:absolute; top:-0.3rem; right:-1.2rem; width:0.8rem; height:0.8rem; background:url("/assets/kor/images/ico_point.svg") center center no-repeat; }
.section_data .row.trends .box .txt { margin:0.4rem 0 0; font-size:1.6rem; font-weight:400; color:#fff;  }
.section_data .row.trends .box .status { margin:1.6rem 0 0; display:inline-block; height:3rem; line-height:3rem; background:#fff; border-radius:0.5rem; padding:0 0.5rem; font-size:1.0rem; font-weight:600; color:#374AD7; }
.section_data .row.trends .box .number { position:absolute; right:2.7rem; bottom:2rem; width:14.6rem; height:14.6rem; border-radius:100%; background:#48B070; display:flex; align-items: center; justify-content: center; font-size:5.3rem; font-weight:700; color:#fff; font-family: 'GmarketSans'; }

.section_data .row.photoWrap { width:49.8rem; }
.section_data .row.photoWrap .photoSwiper { position:relative; border-radius:2rem; overflow:hidden; }
.section_data .row.photoWrap .photoSwiper .swiper-slide .thumb { width:100%; height:31.4rem; margin:0 auto;  box-shadow:3px 8px 15px 0 rgba(211, 199, 199, 0.2); border-radius:2rem; overflow:hidden; }
.section_data .row.photoWrap .photoSwiper .swiper-slide .thumb img { width:100%; height:100%; object-fit:cover; }
.section_data .row.photoWrap .photoSwiper .control {  position:absolute; bottom:2.5rem; left:auto; right:4rem; width:100%; display:flex; align-items: center; justify-content: flex-end; gap:0.3rem; }
.section_data .row.photoWrap .photoSwiper .control .btn-autoplay { cursor:pointer; width:3.6rem; height:3.6rem; background:url("/assets/eng/images/ico_sw_pause.svg") 50% 50% no-repeat; }
.section_data .row.photoWrap .photoSwiper .control .btn-autoplay.active { width:3.6rem; height:3.6rem; background:url("/assets/eng/images/ico_sw_play.svg") 50% 50% no-repeat; }

.section_data .row.photoWrap .photoSwiper .btn-prev::after,
.section_data .row.photoWrap .photoSwiper .btn-next::after {
  display: none;
  
}
.section_data .row.photoWrap .photoSwiper .btn-prev { position:relative; margin:0; top:0; left:0; right:0; bottom:0; transition:all 0.2s ease-out; width:3.6rem; height:3.6rem; background:url("/assets/eng/images/ico_sw_prev.svg") center center no-repeat; background-size:contain; }
.section_data .row.photoWrap .photoSwiper .btn-prev:hover { background:url("/assets/eng/images/ico_sw_prev_hover.svg") center center no-repeat; background-size:contain;  }
.section_data .row.photoWrap .photoSwiper .btn-next { position:relative; margin:0; top:0; left:0; right:0; bottom:0; transition:all 0.2s ease-out; width:3.6rem; height:3.6rem; background:url("/assets/eng/images/ico_sw_next.svg") center center no-repeat; background-size:contain;  }
.section_data .row.photoWrap .photoSwiper .btn-next:hover { background:url("/assets/eng/images/ico_sw_next_hover.svg") center center no-repeat; background-size:contain; }

@media all and (max-width:767px){

	.section_data { width:100%; margin:4rem auto 0; position:relative; display:block; }
	.section_data .row { position:relative; }
	.section_data .d_flex { display:flex; }
	.section_data .tit { display:inline-block; margin:0 0 1.5rem; position:relative; font-size:2.4rem; font-weight:700; color:#28348A; }
	.section_data .tit::after { content:""; position:absolute; top:-0.3rem; right:-1.2rem; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; }
	.section_data .btn_link_more { margin-left:2.2rem; position:absolute; top:0; right:0; transition:all 0.2s ease-out; width:3.6rem; height:3.6rem; background:url("/assets/eng/images/ico_link_more.svg") center center no-repeat; }
	.section_data .btn_link_more.relative { position:absolute; }
	.section_data .btn_link_more:hover { background:url("/assets/eng/images/ico_link_more_hover.svg") center center no-repeat; }

	.section_data .row:nth-child(1) { margin-right:0; }
	.section_data .row:nth-child(2) { margin-right:0; }
	.section_data .row.data { width:100%; margin:0 0 2rem; }
	.section_data .row.data .des { margin: 2rem 0; padding-left:5.2rem; font-size:1.6rem; font-weight:400; color:#666; background:url("/assets/eng/images/ico_data_tit.svg") left center no-repeat; }
	.section_data .row.data .des strong { font-size:2rem; font-weight:700; color:#333; }
	.section_data .row.data .thumb img { width:100%; }
	.section_data .row.trends { position:relative; width:100%; padding-top:0; }
	.section_data .row.trends .box { margin:2rem 0 0; border-radius:2.5rem; width:100%; height:auto; position:relative; background:#28348A; padding:2rem; }
	.section_data .row.trends .box::before { content:""; z-index:9; width:2.6rem; height:2.6rem; position:absolute; top:calc(50% - 1.3rem); left:-1.3rem; background:url("/assets/kor/images/ico_main_arrow.svg") center center no-repeat; }
	.section_data .row.trends .box .des { word-break: keep-all; font-size:1.5rem; font-weight:500; color:#fff; line-height:2.2rem; color:#fff; }
	.section_data .row.trends .box .year { display:inline-block; margin:2.6rem 0 0; position:relative; font-size:2.6rem; font-weight:700; color:#fff; }
	.section_data .row.trends .box .year::after { content:""; position:absolute; top:-0.3rem; right:-1.2rem; width:0.8rem; height:0.8rem; background:url("/assets/kor/images/ico_point.svg") center center no-repeat; }
	.section_data .row.trends .box .txt { margin:0.4rem 0 0; font-size:1.6rem; font-weight:400; color:#fff;  }
	.section_data .row.trends .box .status { margin:1.6rem 0 0; display:inline-block; height:3rem; line-height:3rem; background:#fff; border-radius:0.5rem; padding:0 1.5rem; }
	.section_data .row.trends .box .number { position:absolute; right:2rem; bottom:2rem; width:12rem; height:12rem; border-radius:100%; background:#48B070; display:flex; align-items: center; justify-content: center; font-size:4rem; font-weight:700; color:#fff; font-family: 'GmarketSans'; }

	.section_data .row.photoWrap { width:100%; margin:4rem 0 0; }
	.section_data .row.photoWrap .photoSwiper { position:relative;  }
	.section_data .row.photoWrap .photoSwiper .swiper-slide .thumb { overflow:hidden; width:100%; height:auto; margin:0 auto;  box-shadow:3px 8px 15px 0 rgba(211, 199, 199, 0.2); border-radius:2rem; }
	.section_data .row.photoWrap .photoSwiper .swiper-slide .thumb img { width:100%; height:100%; object-fit:cover; }
	.section_data .row.photoWrap .photoSwiper .control { position:absolute; bottom:1rem; left:auto; right:1rem; width:100%; display:flex; align-items: center; justify-content: flex-end; gap:0.3rem; }

	.section_data .row.photoWrap .photoSwiper .control .btn-autoplay { cursor:pointer; width:3.6rem; height:3.6rem; background:url("/assets/eng/images/ico_sw_pause.svg") 50% 50% no-repeat; }
	.section_data .row.photoWrap .photoSwiper .control .btn-autoplay.active { width:3.6rem; height:3.6rem; background:url("/assets/eng/images/ico_sw_play.svg") 50% 50% no-repeat; }

	.section_data .row.photoWrap .photoSwiper .btn-prev::after,
	.section_data .row.photoWrap .photoSwiper .btn-next::after { display: none; }
	.section_data .row.photoWrap .photoSwiper .btn-prev { position:relative; margin:0; top:0; left:0; right:0; bottom:0; transition:all 0.2s ease-out; width:3rem; height:3rem; background:url("/assets/eng/images/ico_sw_prev.svg") center center no-repeat; background-size:contain; }
	.section_data .row.photoWrap .photoSwiper .btn-prev:hover { background:url("/assets/eng/images/ico_sw_prev_hover.svg") center center no-repeat; background-size:contain;  }
	.section_data .row.photoWrap .photoSwiper .btn-next { position:relative; margin:0; top:0; left:0; right:0; bottom:0; transition:all 0.2s ease-out; width:3rem; height:3rem; background:url("/assets/eng/images/ico_sw_next.svg") center center no-repeat; background-size:contain; }
	.section_data .row.photoWrap .photoSwiper .btn-next:hover { background:url("/assets/eng/images/ico_sw_next_hover.svg") center center no-repeat; background-size:contain;  }

}

.section_magazine { width:140rem; margin:4rem auto 0; position:relative;  }
.section_magazine .tit { display:inline-block; margin:0 0 2.5rem; position:relative; font-size:3rem; font-weight:700; color:#28348A; }
.section_magazine .tit::after { content:""; position:absolute; top:-0.3rem; right:-1.2rem; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; }
.section_magazine .btn_link_more { transition:all 0.2s ease-out; position:absolute; top:0; right:0; width:3.6rem; height:3.6rem; background:url("/assets/eng/images/ico_link_more.svg") center center no-repeat; }
.section_magazine .btn_link_more:hover { background:url("/assets/eng/images/ico_link_more_hover.svg") center center no-repeat; }
.section_magazine .thumb { border-radius:2rem; overflow:hidden;  }
.section_magazine .thumb img { width:100%; height:100%; object-fit:cover; }

@media all and (max-width:767px){
	.section_magazine { width:100%; margin:4rem auto 0; position:relative;  }
	.section_magazine .tit { display:inline-block; margin:0 0 1.5rem; position:relative; font-size:2.4rem; font-weight:700; color:#28348A; }
	.section_magazine .tit::after { content:""; position:absolute; top:-0.3rem; right:-1.2rem; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; }
	.section_magazine .btn_link_more { transition:all 0.2s ease-out; position:absolute; top:0; right:0; width:3.6rem; height:3.6rem; background:url("/assets/eng/images/ico_link_more.svg") center center no-repeat; }
	.sectiosection_magazinen_news .btn_link_more:hover { background:url("/assets/eng/images/ico_link_more_hover.svg") center center no-repeat; }
	.section_magazine .thumb { border-radius:1rem; overflow:hidden;  }
	.section_magazine .thumb img { width:100%; height:100%; object-fit:cover; }
}

.section_sns { width:140rem; margin:4rem auto 0; position:relative; }
.section_sns .d_flex { display:flex; margin:0 0 1rem; }
.section_sns .tit { display:inline-block; margin:0 0 2.5rem; position:relative; font-size:3rem; font-weight:700; color:#28348A; }
.section_sns .tit::after { content:""; position:absolute; top:-0.3rem; right:-1.2rem; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; }
.section_sns .tit.mb-0 { margin-bottom:0 ; }

.section_sns .ico_sns { margin-left:4rem; display:flex; align-items: center; gap:1.2rem; }
.section_sns .ico_sns li:nth-child(1) a { display:block; width:3.2rem; height:3.2rem; background:url("/assets/eng/images/ico_sns_instagram.svg") center center no-repeat; }
.section_sns .ico_sns li:nth-child(2) a { display:block; width:3.2rem; height:3.2rem; background:url("/assets/eng/images/ico_sns_youtube.svg") center center no-repeat; }
.section_sns .ico_sns li:nth-child(3) a { display:block; width:3.2rem; height:3.2rem; background:url("/assets/eng/images/ico_sns_kakao.svg") center center no-repeat; }
.section_sns .ico_sns li:nth-child(1):hover a { display:block; width:3.2rem; height:3.2rem; background:url("/assets/eng/images/ico_sns_instagram_hover.svg") center center no-repeat; }
.section_sns .ico_sns li:nth-child(2):hover a { display:block; width:3.2rem; height:3.2rem; background:url("/assets/eng/images/ico_sns_youtube_hover.svg") center center no-repeat; }
.section_sns .ico_sns li:nth-child(3):hover a { display:block; width:3.2rem; height:3.2rem; background:url("/assets/eng/images/ico_sns_kakao_hover.svg") center center no-repeat; }

.section_sns .snsSwiper .swiper-slide { position:relative; padding-top:1.5rem; }
.section_sns .snsSwiper .swiper-slide .thumb { transition:all 0.2s ease-out; overflow:hidden; border-radius:2rem;  }
.section_sns .snsSwiper .swiper-slide .thumb img { }
.section_sns .snsSwiper .swiper-slide:hover .thumb { margin-top:-1.5rem; }

.section_sns .snsSwiper .swiper-slide .txt { margin:1.9rem 0 0; }
.section_sns .snsSwiper .swiper-slide .txt .ico_s_youtebe { display:block; width:1.8rem; height:1.8rem; background:url("/assets/eng/images/ico_s_youtube.svg") center center no-repeat; background-size:contain; }
.section_sns .snsSwiper .swiper-slide .txt .ico_s_instagram { display:block; width:1.8rem; height:1.8rem; background:url("/assets/eng/images/ico_s_instagram.svg") center center no-repeat; background-size:contain; }
.section_sns .snsSwiper .swiper-slide .txt .subject { margin:0.5rem 0 0; font-size:1.6rem; font-weight:500; line-height:2.2rem; }

.section_sns .btn-prev::after,
.section_sns .btn-next::after {
  display: none;
}
.section_sns .btn-prev { position:absolute; margin:0 !important; bottom:0 !important; left:auto; right:3.8rem !important; top:0 !important;  transition:all 0.2s ease-out; width:3.6rem; height:3.6rem; background:url("/assets/eng/images/ico_sw_prev.svg") center center no-repeat; }
.section_sns .btn-prev:hover { background:url("/assets/eng/images/ico_sw_prev_hover.svg") center center no-repeat;  }
.section_sns .btn-next { position:absolute; margin:0 !important; bottom:auto !important; left:auto; right:0; top:0 !important; transition:all 0.2s ease-out; width:3.6rem; height:3.6rem; background:url("/assets/eng/images/ico_sw_next.svg") center center no-repeat; }
.section_sns .btn-next:hover { background:url("/assets/eng/images/ico_sw_next_hover.svg") center center no-repeat; }

@media all and (max-width:767px){

	.section_sns { width:100%; margin:4rem auto 0; position:relative; }
	.section_sns .d_flex { display:flex; margin:0 0 1rem; }
	.section_sns .tit { display:inline-block; margin:0 0 1.5rem; position:relative; font-size:2.4rem; font-weight:700; color:#28348A; }
	.section_sns .tit::after { content:""; position:absolute; top:-0.3rem; right:-1.2rem; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; }
	.section_sns .tit.mb-0 { margin-bottom:0 ; }

	.section_sns .ico_sns { margin-left:4rem; display:flex; align-items: center; gap:1.2rem; }
	.section_sns .ico_sns li:nth-child(1) a { display:block; width:3.2rem; height:3.2rem; background:url("/assets/eng/images/ico_sns_instagram.svg") center center no-repeat; }
	.section_sns .ico_sns li:nth-child(2) a { display:block; width:3.2rem; height:3.2rem; background:url("/assets/eng/images/ico_sns_youtube.svg") center center no-repeat; }
	.section_sns .ico_sns li:nth-child(3) a { display:block; width:3.2rem; height:3.2rem; background:url("/assets/eng/images/ico_sns_kakao.svg") center center no-repeat; }
	.section_sns .ico_sns li:nth-child(1):hover a { display:block; width:3.2rem; height:3.2rem; background:url("/assets/eng/images/ico_sns_instagram_hover.svg") center center no-repeat; }
	.section_sns .ico_sns li:nth-child(2):hover a { display:block; width:3.2rem; height:3.2rem; background:url("/assets/eng/images/ico_sns_youtube_hover.svg") center center no-repeat; }
	.section_sns .ico_sns li:nth-child(3):hover a { display:block; width:3.2rem; height:3.2rem; background:url("/assets/eng/images/ico_sns_kakao_hover.svg") center center no-repeat; }

	.section_sns .snsSwiper .swiper-slide { position:relative; padding-top:3rem; }
	.section_sns .snsSwiper .swiper-slide .thumb { transition:all 0.2s ease-out; overflow:hidden; border-radius:2rem;  }
	.section_sns .snsSwiper .swiper-slide .thumb img { width:100%; height:100%; object-fit:cover; }
	.section_sns .snsSwiper .swiper-slide:hover .thumb { margin-top:-1.5rem; }

	.section_sns .snsSwiper .swiper-slide .txt { margin:1.9rem 0 0; }
	.section_sns .snsSwiper .swiper-slide .txt .ico_s_youtebe { display:block; width:1.8rem; height:1.8rem; background:url("/assets/eng/images/ico_s_youtube.svg") center center no-repeat; background-size:contain; }
	.section_sns .snsSwiper .swiper-slide .txt .ico_s_instagram { display:block; width:1.8rem; height:1.8rem; background:url("/assets/eng/images/ico_s_instagram.svg") center center no-repeat; background-size:contain; }
	.section_sns .snsSwiper .swiper-slide .txt .subject { word-break: keep-all; margin:0.5rem 0 0; font-size:1.6rem; font-weight:500; line-height:2.2rem; }

	.section_sns .btn-prev::after,
	.section_sns .btn-next::after {
	display: none;
	}
	.section_sns .btn-prev { position:absolute; margin:0 !important; bottom:0 !important; left:auto; right:3.8rem !important; top:0 !important;  transition:all 0.2s ease-out; width:3.6rem; height:3.6rem; background:url("/assets/eng/images/ico_sw_prev.svg") center center no-repeat; }
	.section_sns .btn-prev:hover { background:url("/assets/eng/images/ico_sw_prev_hover.svg") center center no-repeat;  }
	.section_sns .btn-next { position:absolute; margin:0 !important; bottom:auto !important; left:auto; right:0; top:0 !important; transition:all 0.2s ease-out; width:3.6rem; height:3.6rem; background:url("/assets/eng/images/ico_sw_next.svg") center center no-repeat; }
	.section_sns .btn-next:hover { background:url("/assets/eng/images/ico_sw_next_hover.svg") center center no-repeat; }

}

.footer { min-width:140rem; padding:0 3.2rem 3rem; }
.footer .top {  background:#D3D3D3; padding:4.4rem 0 3.3rem; border-radius:3rem 3rem 0 0; }
.footer .top .inner { display:flex; width:140rem; margin:0 auto; position:relative; }
.footer .top .txtWrap .logo { margin:0 0 3.8rem; }
.footer .top .txtWrap .snsLink { display:flex; align-items:center; gap:4rem; margin:0 0 2.7rem; }
.footer .top .txtWrap .companyInfo { font-size:1.6rem; font-weight:400; color:#333; line-height:2.4rem; }
.footer .top .bannerWrap { margin-left:auto; display:flex; gap:4rem; }
.footer .top .bannerWrap li a { font-size:1.8rem; font-weight:500; color:#333; letter-spacing:-1px; padding-top:16rem; text-align:center; word-break: keep-all; }
.footer .top .bannerWrap li:hover a { text-decoration: underline;}
.footer .top .bannerWrap li:nth-child(1) a { display:block; width:16.3rem; background:url("/assets/eng/images/ico_ft_link_1.png") center top no-repeat; }
.footer .top .bannerWrap li:nth-child(2) a { display:block; width:16.3rem; background:url("/assets/eng/images/ico_ft_link_2.png") center top no-repeat; }
.footer .top .bannerWrap li:nth-child(3) a { display:block; width:16.3rem; background:url("/assets/eng/images/ico_ft_link_3.png") center top no-repeat; }

.footer .ft {  background:#7C7C7C; border-radius:0 0 3rem 3rem; }
.footer .ft .inner { display:flex; align-items:center; width:140rem; height:5.3rem; margin:0 auto; position:relative; }
.footer .ft .copyright { font-size:1.6rem; font-weight:400; color:rgba(255,255,255,.7); }
.footer .ft .link { margin-left:auto; display:flex; gap:0.8rem; }
.footer .ft .link .link_1 { padding:0 2.1rem; display:block; height:3rem; line-height:3rem; text-align:center; border:1px solid #3D4AA6; background:#28348A; border-radius:1.5rem; font-size:1.4rem; font-weight:600; color:rgba(255,255,255,.9); }
.footer .ft .link .link_2 { padding:0 1.1rem; display:block; height:3rem; line-height:3rem; text-align:center; border:1px solid #64CE8D; background:#48B070; border-radius:1.5rem; font-size:1.4rem; font-weight:600; color:rgba(255,255,255,.9); }

@media all and (max-width:1399px){
   .footer { min-width:140rem; padding:0 2rem 2rem; }
   .footer .top .inner { display:flex; max-width:140rem; margin:0 auto; position:relative; padding:0 3rem; }
   .footer .ft {  background:#7C7C7C; border-radius:0 0 3rem 3rem; padding:0 3rem; }
}

@media all and (max-width:767px){

	.footer {  min-width:auto; padding:0 }
	.footer .top {  background:#D3D3D3; padding:3rem 1.6rem; border-radius:0; }
	.footer .top .inner { display:block; width:100%; margin:0 auto; position:relative; }
	.footer .top .txtWrap .logo { margin:0 0 4rem; text-align:center;}
	.footer .top .txtWrap .snsLink { display:block; align-items:center; gap:4rem; margin:0 0 2rem; }
	.footer .top .txtWrap .snsLink li { margin:0 0 2rem; }
	.footer .top .txtWrap .companyInfo { word-break: keep-all; font-size:1.4rem; font-weight:400; color:#333; line-height:2.4rem; }
	.footer .top .bannerWrap { margin-left:auto; margin:2rem auto 0; display:flex; justify-content: center; gap:0.5rem; }
	.footer .top .bannerWrap li { width:calc(100% / 3); text-align:center; }
	.footer .top .bannerWrap li a { margin:0 auto; font-size:1.2rem; font-weight:500; color:#333; letter-spacing:-0.5px; padding-top:13rem; text-align:center; }
	.footer .top .bannerWrap li:nth-child(1) a { display:block; width:11rem; background:url("/assets/eng/images/ico_ft_link_1.png") center top no-repeat; background-size:contain; }
	.footer .top .bannerWrap li:nth-child(2) a { display:block; width:11rem; background:url("/assets/eng/images/ico_ft_link_2.png") center top no-repeat; background-size:contain; }
	.footer .top .bannerWrap li:nth-child(3) a { display:block; width:11rem; background:url("/assets/eng/images/ico_ft_link_3.png") center top no-repeat; background-size:contain; }

	.footer .ft {  background:#7C7C7C; border-radius:0; padding:2rem 1.6rem; }
	.footer .ft .inner { display:block; align-items:center; width:100%; height:auto; margin:0 auto; position:relative; }
	.footer .ft .copyright { font-size:1.2rem; font-weight:400; color:rgba(255,255,255,.7); }
	.footer .ft .link { margin-left:auto; display:flex; gap:0.8rem; }
	.footer .ft .link li { flex:1; }
	.footer .ft .link .link_1 { padding:0 2.1rem; display:block; height:3rem; line-height:3rem; text-align:center; border:1px solid #3D4AA6; background:#28348A; border-radius:1.5rem; font-size:1.4rem; font-weight:600; color:rgba(255,255,255,.9); }
	.footer .ft .link .link_2 { padding:0 1.1rem; display:block; height:3rem; line-height:3rem; text-align:center; border:1px solid #64CE8D; background:#48B070; border-radius:1.5rem; font-size:1.4rem; font-weight:600; color:rgba(255,255,255,.9); }

}


.sub_container { padding-top:12.5rem; padding-bottom:10rem; }
.sub_container.cibg { background:url("/assets/eng/images/bg_ci.png") 50% 100% no-repeat; background-size:contain; }
.sub_container.event { padding-top:9.8rem !important; }

.visual { margin:0 5rem; height:24.4rem; border-radius:2.5rem; overflow:hidden; }
.visual.Introduction { background:url("/assets/eng/images/bg_Introduction.png") 50% 50% no-repeat; background-size:cover; }
.visual.Newsroom { background:url("/assets/eng/images/bg_Newsroom.png") 50% 50% no-repeat; background-size:cover; }
.visual.IssueFocus { background:url("/assets/eng/images/bg_IssueFocus.png") 50% 50% no-repeat; background-size:cover; }
.visual.Notice { background:url("/assets/eng/images/bg_Notice.png") 50% 50% no-repeat; background-size:cover; }

.visual .inner { width:140rem; height:100%; margin:0 auto; display:flex; align-items: center; }
.visual .inner .tit .location { font-size:1.8rem; font-weight:600; color:#fff; display:flex; align-items: center; gap:1rem; }
.visual .inner .tit .location span { font-size:1.4rem; font-weight:100; color:#fff; }
.visual .inner .tit h1 { margin:0.7rem 0 0; font-size:5rem; font-weight:700; color:#fff; }

.contents .col { display:flex; position:relative; }
.contents .col.mt-70 { margin-top:7rem; }
.contents .col.mt-50 { margin-top:5rem; }
.contents .col.mt-100 { margin-top:10rem; }
.contents .col .d_flex { display:flex; align-items: center; }
.contents .col .p_tit { width:40rem; }
.contents .col .p_tit.absolute { position:absolute; top:0; left:0; }
.contents .col .p_tit.w-350 { width:35rem; }
.contents .col .p_tit.w-auto { width:auto; margin-right:8rem; }
.contents .col .p_tit.w-auto2 { width:auto; margin-right:22.3rem; }
.contents .col .p_tit.w-auto3 { width:auto; margin-right:17.5rem; }
.contents .col .p_tit.w-auto4 { width:auto; margin-right:9.5rem; }
.contents .col .p_tit.w-none { width:auto; }
.contents .col .p_tit .eng { font-size:3rem; font-weight:600; color:#48B070; }
.contents .col .p_tit h2 { line-height:6.4rem; display:inline-block; position:relative; font-size:4rem; font-weight:700; color:#28348A; }
.contents .col .p_tit h2::after { content:""; position:absolute; top:0.7rem; right:-1.2rem; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; }

.contents .col .txt { flex:1; margin:1.2rem 0 0; }
.contents .col .txt .bigTxt { font-size:3rem; font-weight:600; color:#333; line-height:4rem;  margin:0 0 3rem; }
.contents .col .txt .bigTxt strong { color:#28348A; }
.contents .col .txt .basicTxt { font-size:2.1rem; font-weight:400; color:#333; line-height:4rem; }
.contents .col .txt .conImg { margin:8.3rem 0 0; }
.contents .col .txt .link { text-align:left; }
.contents .col .txt .btn_link { margin-left:1rem; display:inline-block; align-items: center; justify-content: center; background:#DD6400; line-height:3.6rem; border-radius:1.6rem; font-size:1.5rem; font-weight:600; color:#fff; padding:0 1.5rem; }
.contents .col .txt .btn_link_big { margin:2.4rem 0 0; display:inline-block; align-items: center; justify-content: center; background:#DD6400; line-height:5.5rem; border-radius:2.75rem; font-size:2rem; font-weight:700; color:#fff; padding:0 3rem; }

.contents .inner { width:140rem;  margin:0 auto; }
.contents .inner.line { border-top:1px solid #D9D9D9; margin-top:2.5rem; }
.contents .lnb { margin:4rem 0 0; display:flex; align-items:flex-end; gap:0.4rem; }
.contents .lnb li { transition:all 0.1s ease-out; flex:1; line-height:6.5rem !important; background:#28348A; text-align:center; border-radius:3rem 3rem 0 0; }
.contents .lnb li a { transition:all 0.1s ease-out; display:block; font-size:2.2rem; font-weight:500; color:#fff; letter-spacing:-0.5px; }
.contents .lnb li:hover { line-height:9rem !important; background:#48B070; }
.contents .lnb li:hover a { font-size:2.2rem; font-weight:700;  }
.contents .lnb li.active { line-height:9rem !important; background:#48B070; }
.contents .lnb li.active a { font-size:2.2rem; font-weight:700;  }

@media all and (max-width:767px){

	.sub_container { padding:8rem 1.6rem 10rem; }

	.visual { margin:0; height:13rem; border-radius:2.5rem; overflow:hidden; padding:0 2.5rem; position:relative; }
	.visual::before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3); z-index:1; }
	.visual.Introduction { background:url("/assets/eng/images/bg_Introduction.png") 50% 50% no-repeat; background-size:cover; }
	.visual.Newsroom { background:url("/assets/eng/images/bg_Newsroom.png") 50% 50% no-repeat; background-size:cover; }
	.visual.IssueFocus { background:url("/assets/eng/images/bg_IssueFocus.png") 50% 50% no-repeat; background-size:cover; }
	.visual.Notice { background:url("/assets/eng/images/bg_Notice.png") 50% 50% no-repeat; background-size:cover; }

	.visual .inner { position:relative; z-index:2; width:100%; height:100%; margin:0 auto; display:flex; align-items: center; }
	.visual .inner .tit .location { font-size:1.6rem; font-weight:600; color:#fff; display:flex; align-items: center; gap:1rem; }
	.visual .inner .tit .location span { font-size:1.4rem; font-weight:100; color:#fff; }
	.visual .inner .tit h1 { margin:0.5rem 0 0; font-size:3.2rem; font-weight:700; color:#fff; }

	.contents .col { display:block; position:relative; }
	.contents .col.mt-70 { margin-top:2rem; }
	.contents .col.mt-50 { margin-top:2rem; }
	.contents .col.mt-100 { margin-top:2rem; }
	.contents .col .d_flex { display:flex; align-items: center; }
	.contents .col .p_tit { width:auto;  }
	.contents .col .p_tit.absolute { position:relative; top:0; left:0; }
	.contents .col .p_tit.w-350 { width:35rem; }
	.contents .col .p_tit.w-auto { width:auto; margin-right:0; }
	.contents .col .p_tit.w-auto2 { width:auto; margin-right:0; }
	.contents .col .p_tit.w-auto3 { width:auto; margin-right:0; }
	.contents .col .p_tit.w-auto4 { width:auto; margin-right:0; }
	.contents .col .p_tit .eng { word-break: keep-all; font-size:2.5rem; font-weight:600; color:#48B070; }
	.contents .col .p_tit h2 { word-break: keep-all; line-height:6.4rem; display:inline-block; position:relative; font-size:2.8rem; font-weight:700; color:#28348A; }
	.contents .col .p_tit h2::after { content:""; position:absolute; top:0.7rem; right:-1.2rem; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; }

	.contents .col .txt { flex:1; margin:2rem 0 0; }
	.contents .col .txt .bigTxt { font-size:3rem; font-weight:600; color:#333; line-height:4rem;  margin:0 0 3rem; }
	.contents .col .txt .bigTxt strong { color:#28348A; }
	.contents .col .txt .basicTxt { font-size:2.1rem; font-weight:400; color:#333; line-height:4rem; }
	.contents .col .txt .conImg { margin:8.3rem 0 0; }
	.contents .col .txt .link { text-align:left; }
	.contents .col .txt .btn_link { margin-left:1rem; display:inline-block; align-items: center; justify-content: center; background:#DD6400; line-height:3.6rem; border-radius:1.6rem; font-size:1.5rem; font-weight:600; color:#fff; padding:0 1.5rem; }
	.contents .col .txt .btn_link_big { margin:2.4rem 0 0; display:inline-block; align-items: center; justify-content: center; background:#DD6400; line-height:5.5rem; border-radius:2.75rem; font-size:2rem; font-weight:700; color:#fff; padding:0 3rem; }

	.contents .inner { width:100%; margin:0 auto; }
	.contents .inner.line { border-top:1px solid #D9D9D9; margin-top:0; }
	.contents .lnb { margin:1.5rem 0 0; display:flex; align-items:center; flex-wrap:wrap; gap:0.4rem; }
	.contents .lnb li { width:calc(100% / 2 - 0.2rem); transition:all 0.1s ease-out; flex:auto; line-height:4.5rem !important; background:#28348A; text-align:center; border-radius:1rem; }
	.contents .lnb li a { transition:all 0.1s ease-out; display:block; font-size:1.8rem; font-weight:500; color:#fff;  }
	.contents .lnb li:hover { line-height:4.5rem !important; background:#48B070; }
	.contents .lnb li:hover a { font-size:1.8rem; font-weight:700;  }
	.contents .lnb li.active { line-height:4.5rem !important; background:#48B070; }
	.contents .lnb li.active a { font-size:1.8rem; font-weight:700;  }

}


/* 한경협소개 - 인사말 */
.contents .Greeting { margin:10rem 0 0; display:flex; gap:12rem; }
.contents .Greeting .img { }
.contents .Greeting .img p { margin:3rem 0 0; font-size:2.2rem; font-weight:400; }
.contents .Greeting .img p strong { font-size:3.2rem; font-weight:600; margin-right:1.7rem; }
.contents .Greeting .img p span { display:block; margin:0.8rem 0 0; }
.contents .Greeting .txt h3 { font-size:3.4rem; line-height:5.5rem; word-break: keep-all; font-weight:500; color:#333; }
.contents .Greeting .txt h3 strong { font-size:3.4rem; font-weight:700; color:#28348A; }
.contents .Greeting .txt .basicTxt { margin:4rem 0 0; font-size:2.2rem; font-weight:400; color:#333; line-height:3.6rem; word-break: keep-all; }

@media all and (max-width:767px){

	/* 한경협소개 - 인사말 */
	.contents .Greeting { margin:3rem 0 0; display:block; gap:12rem; }
	.contents .Greeting .img { text-align:center; }
	.contents .Greeting .img img { max-width:100%; }
	.contents .Greeting .img p { margin:1rem 0 0; font-size:1.8rem; font-weight:400; }
	.contents .Greeting .img p strong { font-size:2.2rem; font-weight:600; margin-right:1rem; }
	.contents .Greeting .txt { margin:3rem 0 0; }
	.contents .Greeting .txt h3 { font-size:2rem; line-height:140%; word-break: keep-all; font-weight:500; color:#333; }
	.contents .Greeting .txt h3 strong { font-size:2rem; font-weight:700; color:#28348A; }
	.contents .Greeting .txt .basicTxt { margin:2rem 0 0; font-size:1.5rem; font-weight:400; color:#333; line-height:150%; word-break: keep-all; }

}

.contents .col .ico_sns { margin-left:4rem; display:flex; align-items: center; gap:1.2rem; }
.contents .col .ico_sns li:nth-child(1) a { display:block; width:3.2rem; height:3.2rem; background:url("/assets/eng/images/ico_sns_instagram.svg") center center no-repeat; }
.contents .col .ico_sns li:nth-child(2) a { display:block; width:3.2rem; height:3.2rem; background:url("/assets/eng/images/ico_sns_youtube.svg") center center no-repeat; }
.contents .col .ico_sns li:nth-child(1):hover a { display:block; width:3.2rem; height:3.2rem; background:url("/assets/eng/images/ico_sns_instagram_hover.svg") center center no-repeat; }
.contents .col .ico_sns li:nth-child(2):hover a { display:block; width:3.2rem; height:3.2rem; background:url("/assets/eng/images/ico_sns_youtube_hover.svg") center center no-repeat; }

/* 한경협소개 - 기관소개 */
.contents .bg_vision { position:relative; margin:7rem 0 0; height:51.2rem; background:url("/assets/eng/images/bg_vision.png") 50% 0 no-repeat; background-size:contain;  }
.contents .bg_vision .txt { position:absolute; left:50%; bottom:0; transform:translateX(-50%); text-align:center; }
.contents .bg_vision .txt p { margin:0 0 3rem; font-size:4rem; font-weight:400; color:#666; }
.contents .bg_vision .txt p strong { font-weight:700; color:#28348A; }

.contents .infoBox { margin:5rem 0 0; display:flex; align-items:center; background:#28348A; border-radius:2rem; padding:4.1rem 6.5rem;  }
.contents .infoBox div { flex:1; }
.contents .infoBox ul { list-style-type: disc; }
.contents .infoBox ul li { font-size:2rem; font-weight:500; color:#fff; line-height:3.4rem; }

.contents .section_bg { background:#F9F9F9; margin:6.5rem 0 0; padding:7.5rem 0 10rem; }

.contents .col .txt .info h3 { margin:0 0 4rem; padding-left:4.4rem; line-height:3.6rem; font-size:3rem; font-weight:700; color:#48B070; background:url("/assets/eng/images/ico_vision_1.svg") 0 50% no-repeat; }

.contents .col .txt .info ul { display:flex; flex-wrap:wrap; }
.contents .col .txt .info ul li { flex:1 1 auto; display:flex; align-items: center; gap:3rem; margin:0 0 4rem; }
.contents .col .txt .info ul li:last-child { margin:0; }
.contents .col .txt .info ul li .ico-1 { width:8rem; height:8rem;  background:url("/assets/eng/images/ico_vision_info_1.svg") 50% 50% no-repeat;  }
.contents .col .txt .info ul li .ico-2 { width:8rem; height:8rem;  background:url("/assets/eng/images/ico_vision_info_2.svg") 50% 50% no-repeat;  }
.contents .col .txt .info ul li .ico-3 { width:8rem; height:8rem;  background:url("/assets/eng/images/ico_vision_info_3.svg") 50% 50% no-repeat;  }
.contents .col .txt .info ul li .ico-4 { width:8rem; height:8rem;  background:url("/assets/eng/images/ico_vision_info_4.svg") 50% 50% no-repeat;  }
.contents .col .txt .info ul li .ico-5 { width:8rem; height:8rem;  background:url("/assets/eng/images/ico_vision_info_5.svg") 50% 50% no-repeat;  }
.contents .col .txt .info ul li .tt { flex:1; }
.contents .col .txt .info ul li .tt p { font-size:2.1rem; font-weight:400; color:#777; margin:0 0 0.6rem; }
.contents .col .txt .info ul li .tt p:last-child { margin:0; }
.contents .col .txt .info ul li .tt p strong { color:#333; font-weight:500; }

.contents .col .historyTabs { flex:1; display:flex; align-items: center; justify-content:flex-end; gap:4.3rem; }
.contents .col .historyTabs li { line-height:5.5rem; cursor:pointer; position:relative; }
.contents .col .historyTabs li a { font-size:3.5rem; font-weight:600; color:#999; }
.contents .col .historyTabs li.active a { font-weight:800;  color:#28348A; }
.contents .col .historyTabs li::after { content:""; position:absolute; top:50%; right:-2.15rem; margin-top:-1.5rem; border-right:1px solid #D9D9D9; height:3rem; }
.contents .col .historyTabs li:last-child::after { display:none; }
.contents .col.border { border-bottom:1px solid #D9D9D9; padding:0 0 3.1rem; }

.contents .col .center { text-align:center; }
.contents .col .bodyTxt { word-break: keep-all; margin:5rem 0 0; text-align:center; font-size:3rem; font-weight:400; line-height:4.7rem; }
.contents .col .bodyTxt strong { color:#28348A; }
.contents .col .bodyTxt .sm { font-size:2.4rem;  }
.contents .col .mt-130 { margin-top:13rem; }
.contents .col .blueBoxInfo { margin:7rem 0 0; border-radius:2rem; text-align:center; background:#FAFAFA; padding:3.2rem; border:1px solid rgba(86,86,86,.3); }
.contents .col .blueBoxInfo ul { display:inline-block; list-style-type: disc; }
.contents .col .blueBoxInfo ul li { font-size:2.2rem; font-weight:500; color:#333; line-height:3.6rem; text-align:left; }

.contents .col .txt .txtCol { margin:0 0 2rem; }
.contents .col .txt .txtCol h4 { font-size:2.3rem; font-weight:500; color:#333; margin:0 0 0.6rem; }
.contents .col .txt .txtCol p { font-size:2.1rem; font-weight:400; color:#777; }

.contents .historyWrap { margin:6rem 0 0;  display:flex; }
.contents .historyWrap .leftBox { width:28rem; margin-right:11.5rem; height: fit-content; position: sticky; top:12rem;  animation: history_upBox 1s .5s ease both; z-index: 4; }

@keyframes history_upBox {
  0% {
      transform: translateY(-20%);
      opacity: 0;
  }

  100% {
      transform: none;
      opacity: 1;
  }
}

.contents .historyWrap .leftBox .historySlideWrap {
  position: relative;
  padding: 7rem 0 4rem;
}


.contents .historyWrap .btn-prev::after,
.contents .historyWrap .btn-next::after {
  display: none;
}
.contents .historyWrap .btn-prev { position:absolute; margin:0; top:0; left:50%; margin-left:-1.8rem; transition:all 0.2s ease-out; width:3.6rem; height:3.6rem; background:url("/assets/eng/images/ico_sw_his_prev.svg") center center no-repeat; }
.contents .historyWrap .btn-prev:hover { background:url("/assets/eng/images/ico_sw_his_prev_hover.svg") center center no-repeat;  }
.contents .historyWrap .btn-next { position:absolute; margin:0; top:auto; bottom:0; left:50%; margin-left:-1.8rem; transition:all 0.2s ease-out; width:3.6rem; height:3.6rem; background:url("/assets/eng/images/ico_sw_his_next.svg") center center no-repeat; }
.contents .historyWrap .btn-next:hover { background:url("/assets/eng/images/ico_sw_his_next_hover.svg") center center no-repeat; }

.contents .historyWrap .leftBox .historySlide {
  max-height: 38rem;
  height: 100%;
}

.contents .historyWrap .leftBox .historySlide .swiper-slide {
  font-size: 3rem;
  color: #999;
  font-weight: 600;
  text-align: center;
  height: 4rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contents .historyWrap .leftBox .historySlide .swiper-slide-active {
  font-size: 8rem;
  color:#28348A;
  font-weight: 700;
  transform: translateY(-1rem);
}

.contents .historyWrap .rightBox {
  flex:1;
  padding-bottom: 10%;
}

.contents .historyWrap .rightBox .contBox:first-child { padding-top:0; }
.contents .historyWrap .rightBox .contBox {
  padding: 4rem 0;
  border-bottom: 1px solid #D9D9D9;
  position: relative;
  display:flex;
  align-items: center;
  min-height:30rem;
}
.contents .historyWrap .rightBox .contBox .year { position:absolute; left:0; bottom:-1rem; font-size:9rem; font-weight:800; color:rgba(0,0,0,.1); }


.contents .historyWrap .rightBox .txt { padding-right:5rem; flex:1; }
.contents .historyWrap .rightBox .txt ul li { position:relative; font-size:2rem; font-weight:500; color:#333; padding-left:2rem; margin:0 0 1rem; line-height:3.6rem; }
.contents .historyWrap .rightBox .txt ul li:last-child { margin:0; }
.contents .historyWrap .rightBox .txt ul li::after { content:""; position:absolute; top:1.2rem; left:0; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; }

.contents .historyWrap .rightBox .img_magnify { margin-left:auto; width:50rem; height:33.3rem; border-radius:2rem; overflow:hidden; }
.contents .historyWrap .rightBox .img_magnify.col2 { margin-left:auto; height:auto; }
.contents .historyWrap .rightBox .img_magnify.col2 > div { width:50rem; height:33.3rem; border-radius:2rem; overflow:hidden; margin:0 0 1rem; }
.contents .historyWrap .rightBox .img_magnify.col2 > div:last-child { margin:0; }
.contents .historyWrap .rightBox .img_magnify img { width:100%; height:100%; object-fit:cover; }

.modal-wrapper { width: 100%;height: 100%;position: fixed; top: 0; left: 0; z-index:9999999; display: flex;align-items: center;justify-content: center;visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out;}
.modal-wrapper.pop_open { opacity: 1;visibility: visible;}
.modal-wrapper .modal {display: block; position: relative;opacity: 0;transition: all 0.5s ease-in-out;}
.modal-wrapper .modalBg  {position: absolute;top: 0px;left: 0;width: 100%;height: 100%;background: rgba(30, 67, 108, 0);transition: all .4s ease-out;}
.modal-wrapper.pop_open .modal { opacity: 1;z-index:999;}
.modal-wrapper.pop_open .modalBg {background: rgba(30, 67, 108, 0.85);}
.modal_head .btn-close {position:absolute; top:-46px; right:0;width:30px; height:30px;font-size:0;vertical-align:middle;background:url("/assets/eng/images/ico_pop_close.png") no-repeat center center;background-size:100% auto; display:inline-block;cursor: pointer;}
.modal_content {width:800px;height:450px;background: #fff;overflow: hidden;box-shadow: 12px 7px 24px 0px rgba(0, 0, 0, 0.4);}

.modal_content.img {overflow: auto;}
.modal_content.img img {width:100%; height:auto;}
@media screen and (max-width:767px) { 
   .modal-wrapper.pop_open .modal {width:90%;}
   .modal_content {width:100%;height:40vh;}
   .modal_content.img {height:70vh;}
   .modal_content iframe {width:101%;height:40vh;}
}
/* (04-18)이미지 팝업용 스타일 추가 */
.modal_content.img-magnify{width:100%; height:auto; max-width:1000px; max-height:90vh;}
.modal_content.img-magnify img{max-width:100%;}

.popup_btn.img_magnify {cursor:pointer; position:relative; }
.popup_btn.img_magnify::before { content:""; transition:all 0.2s ease-out;  position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(30, 67, 108, 0); }
.popup_btn.img_magnify::after { content:""; opacity:0; transition:all 0.2s ease-out;  position:absolute; right:2rem; bottom:2rem; width:5rem; height:5rem; background:url("/assets/eng/images/ico_history_thumb.svg") 50% 50% no-repeat; }
.popup_btn.img_magnify:hover::before { content:""; background: rgba(30, 67, 108, 0.7); }
.popup_btn.img_magnify:hover::after { content:""; opacity:1; transform: rotate(360deg); }

.contents .ciWrap { margin:0rem 0 0;  }
.contents .ciWrap .bigTxt { text-align:center; font-size:3.2rem; font-weight:600; line-height:5rem; color:#222; }
.contents .ciWrap .basicTxt { margin:3rem 0 0; text-align:center; font-size:2.4rem; font-weight:500; line-height:3.8rem; color:#333; }
.contents .ciWrap .smTxt { margin:3rem 0 0; text-align:center; font-size:2.8rem; font-weight:600; color:#333; }
.contents .ciWrap .ciInfo { margin:19.3rem 0 0; display:flex; align-items: center; justify-content: center; gap:4.8rem; }
.contents .ciWrap .ciInfo .img {  }
.contents .ciWrap .ciInfo .txt { font-size:2.6rem; font-weight:500; line-height:4.1rem; }
.contents .ciWrap .ciInfo2 { margin:7.8rem 0 0; }
.contents .ciWrap .ciInfo2 .img { text-align:center; }
.contents .ciWrap .ciInfo2 ul { width:110.4rem; position:relative; margin:0 auto; display:flex; align-items: center; justify-content: center; gap:12rem; }
.contents .ciWrap .ciInfo2 ul:before { content:""; position:absolute; z-index:-1; top:50%; left:50%; transform:translate(-50%, -50%); margin-top:-7rem; width:25.8rem; border-bottom:1px solid #E2E2E2; }
.contents .ciWrap .ciInfo2 ul:after { content:""; position:absolute; z-index:-1; top:50%; left:50%; transform:translate(-50%, -50%); margin-top:-7rem; width:5.2rem; height:5.2rem; background:url("/assets/eng/images/ico_ci_plus.svg") center center no-repeat; }
.contents .ciWrap .ciInfo2 ul li { word-break: keep-all; flex:1; font-size:2.2rem; font-weight:500; line-height:3.6rem; text-align:center; position:relative; z-index:2; letter-spacing:-1px; }
.contents .ciWrap .ciInfo2 ul li strong { font-size:2.8rem; font-weight:500; line-height:4.3rem; }
.contents .ciWrap .ciInfo2 ul li:nth-child(1) i { display:block; width:36rem; height:36rem; margin:0 auto 3.4rem; background:url("/assets/eng/images/ico_ci_1.svg") center center no-repeat; background-size:contain; }
.contents .ciWrap .ciInfo2 ul li:nth-child(2) i { display:block; width:36rem; height:36rem; margin:0 auto 3.4rem; background:url("/assets/eng/images/ico_ci_2.svg") center center no-repeat; background-size:contain; }
.contents .ciWrap .ciInfo2 ul li:nth-child(1) span { font-weight:700; color:#0B318F; }
.contents .ciWrap .ciInfo2 ul li:nth-child(2) span { font-weight:700; color:#3EB370; }
.contents .ciWrap .txt2 { margin:15.9rem 0 0; text-align:center; font-size:2.8rem; line-height:4.4rem; }
.contents .ciWrap .txt2 strong { display:block; margin:0 0 1rem; font-size:4.2rem; font-weight:600; line-height:6.3rem;  }

.contents .membersImg { margin:4.5rem 0 0; padding:5rem 0; text-align:center; background:#FAFAFA; }
.contents .OrganizationImg { margin:4rem 0 0; text-align:center; }

.contents .col .txt .txtList { margin:3rem 0 0; display:flex; flex-wrap:wrap; gap:2rem;  }
.contents .col .txt .txtList li { position:relative; padding-left:2rem; font-size:2.2rem; font-weight:400; color:#666; line-height:4rem; }
.contents .col .txt .txtList li::before { content:""; position:absolute; top:1.6rem; left:0; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; }
.contents .col .txt .txtList li strong { font-weight:600; color:#333; }

.contents .GlobalMap { margin:7.4rem 0 0; text-align:center; }

.contents .Brochure { margin:7.5rem 0 0; }
.contents .Brochure h3 { font-size:3rem; font-weight:500; color:#333; letter-spacing:-1px; line-height:5rem; }
.contents .Brochure h3 span { display:block; font-size:5rem; font-weight:600; color:#28348A; line-height:5.1rem; margin:0 0 1.2rem; }
.contents .Brochure h3 span strong { font-weight:800; }
.contents .Brochure .txtWrap { margin:3.2rem 0 0; position:relative; display:flex; gap:5.7rem; }
.contents .Brochure .txtWrap p { word-break: keep-all; font-size:2.2rem; font-weight:400; line-height:4rem; }
.contents .Brochure .txtWrap .download {  display:flex; align-items: center; gap:2rem; }
.contents .Brochure .txtWrap .download .down_1 { line-height:2.5rem; display:block; width:18rem; height:18rem; border-radius:100%; padding-top:8.7rem; text-align:center; background:#48B070 url("/assets/eng/images/ico_Brochure_1.svg") 50% 4.4rem no-repeat; font-size:2.1rem; font-weight:600; color:#fff; }
.contents .Brochure .txtWrap .download .down_2 { line-height:2.5rem; display:block; width:18rem; height:18rem; border-radius:100%; padding-top:8.7rem; text-align:center; background:#28348A url("/assets/eng/images/ico_Brochure_1.svg") 50% 4.4rem no-repeat; font-size:2.1rem; font-weight:600; color:#fff; }
.contents .Brochure .txtWrap .download .down_3 { line-height:2.5rem; display:block; width:18rem; height:18rem; border-radius:100%; padding-top:8.7rem; text-align:center; background:#48B070 url("/assets/eng/images/ico_Brochure_1.svg") 50% 4.4rem no-repeat; font-size:2.1rem; font-weight:600; color:#fff; }

.contents .Brochure .conImg { margin:-6.4rem 0 0; height:51.8rem; background:url("/assets/eng/images/img_Brochure_3.png") 50% 50% no-repeat; background-size:cover;  }

@media all and (max-width:767px){

	/* 한경협소개 - 기관소개 */
	.contents .bg_vision { position:relative; margin:7rem 0 0; height:51.2rem; background:url("/assets/eng/images/bg_vision.png") 50% 0 no-repeat; background-size:contain;  }
	.contents .bg_vision .txt { position:absolute; left:50%; bottom:0; transform:translateX(-50%); text-align:center; }
	.contents .bg_vision .txt p { margin:0 0 3rem; font-size:4rem; font-weight:400; color:#666; }
	.contents .bg_vision .txt p strong { font-weight:700; color:#28348A; }

	.contents .infoBox { margin:5rem 0 0; display:flex; align-items:center; background:#28348A; border-radius:2rem; padding:4.1rem 6.5rem;  }
	.contents .infoBox div { flex:1; }
	.contents .infoBox ul { list-style-type: disc; }
	.contents .infoBox ul li { font-size:2rem; font-weight:500; color:#fff; line-height:3.4rem; }

	.contents .section_bg { background:#F9F9F9; margin:3rem 0 0; padding:2rem; }

	.contents .col .txt .info h3 { margin:0 0 4rem; padding-left:4.4rem; line-height:3.6rem; font-size:3rem; font-weight:700; color:#48B070; background:url("/assets/eng/images/ico_vision_1.svg") 0 50% no-repeat; }

	.contents .col .txt .info ul { display:block; flex-wrap:wrap; }
	.contents .col .txt .info ul li { flex:1 1 auto; display:flex; align-items: center; gap:3rem; margin:0 0 2rem; }
	.contents .col .txt .info ul li:last-child { margin:0; }
	.contents .col .txt .info ul li .ico-1 { width:6rem; height:6rem;  background:url("/assets/eng/images/ico_vision_info_1.svg") 50% 50% no-repeat; background-size:contain; }
	.contents .col .txt .info ul li .ico-2 { width:6rem; height:6rem;  background:url("/assets/eng/images/ico_vision_info_2.svg") 50% 50% no-repeat; background-size:contain; }
	.contents .col .txt .info ul li .ico-3 { width:6rem; height:6rem;  background:url("/assets/eng/images/ico_vision_info_3.svg") 50% 50% no-repeat; background-size:contain; }
	.contents .col .txt .info ul li .ico-4 { width:6rem; height:6rem;  background:url("/assets/eng/images/ico_vision_info_4.svg") 50% 50% no-repeat; background-size:contain; }
	.contents .col .txt .info ul li .ico-5 { width:6rem; height:6rem;  background:url("/assets/eng/images/ico_vision_info_5.svg") 50% 50% no-repeat; background-size:contain; }
	.contents .col .txt .info ul li .tt { flex:1; }
	.contents .col .txt .info ul li .tt p { font-size:1.6rem; font-weight:400; color:#777; margin:0 0 0.6rem; }
	.contents .col .txt .info ul li .tt p:last-child { margin:0; }
	.contents .col .txt .info ul li .tt p strong { color:#333; font-weight:500; }

	.contents .col .historyTabs { flex:1; margin:0; display:flex; align-items: center; justify-content:center; flex-wrap:wrap; gap:1rem; }
	.contents .col .historyTabs li { text-align:center; width:calc(100% / 2 - 0.5rem); line-height:150%; cursor:pointer; position:relative; border-right:1px solid #D9D9D9; padding-right:1rem; }
	.contents .col .historyTabs li:nth-child(2) { border-right:0; }
	.contents .col .historyTabs li:last-child { padding:0; border:0; }
	.contents .col .historyTabs li a { font-size:1.7rem; font-weight:600; color:#999; }
	.contents .col .historyTabs li.active a { font-weight:800;  color:#28348A; }
	.contents .col .historyTabs li::after { content:""; position:absolute; top:50%; right:-4.5rem; margin-top:-1.5rem; border-right:1px solid #D9D9D9; height:3rem; display:none; }
	.contents .col .historyTabs li:last-child::after { display:none; }
	.contents .col.border { border-bottom:1px solid #D9D9D9; padding:0 0 2rem; }

	.contents .col .center { text-align:center; }
	.contents .col .bodyTxt { word-break: keep-all; margin:3rem 0 0; text-align:center; font-size:2rem; font-weight:400; line-height:150%; }
	.contents .col .bodyTxt strong { color:#28348A; }
	.contents .col .bodyTxt .sm { font-size:1.8rem;  }
	.contents .col .mt-130 { margin-top:3rem; }
	.contents .col .blueBoxInfo { margin:3rem 0 0; border-radius:2rem; text-align:center; background:#28348A; padding:2rem 2rem 2rem 4rem; }
	.contents .col .blueBoxInfo ul { display:inline-block; list-style-type: disc; }
	.contents .col .blueBoxInfo ul li { font-size:1.5rem; font-weight:500; color:#fff; line-height:150%; text-align:left; margin:0 0 1rem; }
	.contents .col .blueBoxInfo ul li:last-child { margin:0; }

	.contents .col .txt .txtCol { margin:0 0 2rem; }
	.contents .col .txt .txtCol h4 { font-size:2rem; font-weight:500; color:#333; margin:0 0 0.6rem; }
	.contents .col .txt .txtCol p { font-size:1.6rem; font-weight:400; color:#777; }

	.contents .historyWrap { margin:3rem 0 0;  display:block; }
	.contents .historyWrap .leftBox { width:28rem; margin-right:11.5rem; height: fit-content; position: sticky; top:12rem;  animation: history_upBox 1s .5s ease both; z-index: 4; display:none; }

	@keyframes history_upBox {
	0% {
		transform: translateY(-20%);
		opacity: 0;
	}

	100% {
		transform: none;
		opacity: 1;
	}
	}

	.contents .historyWrap .leftBox .historySlideWrap {
	position: relative;
	padding: 7rem 0 4rem;
	}


	.contents .historyWrap .btn-prev::after,
	.contents .historyWrap .btn-next::after {
	display: none;
	}
	.contents .historyWrap .btn-prev { position:absolute; margin:0; top:0; left:50%; margin-left:-1.8rem; transition:all 0.2s ease-out; width:3.6rem; height:3.6rem; background:url("/assets/eng/images/ico_sw_his_prev.svg") center center no-repeat; }
	.contents .historyWrap .btn-prev:hover { background:url("/assets/eng/images/ico_sw_his_prev_hover.svg") center center no-repeat;  }
	.contents .historyWrap .btn-next { position:absolute; margin:0; top:auto; bottom:0; left:50%; margin-left:-1.8rem; transition:all 0.2s ease-out; width:3.6rem; height:3.6rem; background:url("/assets/eng/images/ico_sw_his_next.svg") center center no-repeat; }
	.contents .historyWrap .btn-next:hover { background:url("/assets/eng/images/ico_sw_his_next_hover.svg") center center no-repeat; }

	.contents .historyWrap .leftBox .historySlide {
	max-height: 38rem;
	height: 100%;
	}

	.contents .historyWrap .leftBox .historySlide .swiper-slide {
	font-size: 3rem;
	color: #999;
	font-weight: 600;
	text-align: center;
	height: 4rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	}

	.contents .historyWrap .leftBox .historySlide .swiper-slide-active {
	font-size: 8rem;
	color:#28348A;
	font-weight: 700;
	transform: translateY(-1rem);
	}

	.contents .historyWrap .rightBox {
	flex:1;
	padding-bottom: 0;
	}

	.contents .historyWrap .rightBox .contBox:first-child { padding-top:0; }
	.contents .historyWrap .rightBox .contBox {
		padding:2rem 0;
		border-bottom: 1px solid #D9D9D9;
		position: relative;
		display:block;
		align-items: center;
		min-height:auto;
	}
	.contents .historyWrap .rightBox .contBox .year { margin:0 0 1rem; position:relative; left:0; bottom:0; font-size:6rem; font-weight:800; color:rgba(0,0,0,.1); }


	.contents .historyWrap .rightBox .txt { padding-right:0; flex:1; margin:0 0 1rem; }
	.contents .historyWrap .rightBox .txt ul li { position:relative; font-size:1.6rem; font-weight:500; color:#333; padding-left:2rem; margin:0 0 1rem; line-height:3.6rem; }
	.contents .historyWrap .rightBox .txt ul li:last-child { margin:0; }
	.contents .historyWrap .rightBox .txt ul li::after { content:""; position:absolute; top:1.2rem; left:0; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; }

	.contents .historyWrap .rightBox .img_magnify { margin-left:auto; width:100%; height:auto; border-radius:2rem; overflow:hidden; }
	.contents .historyWrap .rightBox .img_magnify.col2 { margin-left:auto; height:auto; }
	.contents .historyWrap .rightBox .img_magnify.col2 > div { width:50rem; height:33.3rem; border-radius:2rem; overflow:hidden; margin:0 0 1rem; }
	.contents .historyWrap .rightBox .img_magnify.col2 > div:last-child { margin:0; }
	.contents .historyWrap .rightBox .img_magnify img { width:100%; height:100%; object-fit:cover; }

	.modal-wrapper { width: 100%;height: 100%;position: fixed; top: 0; left: 0; z-index:9999999; display: flex;align-items: center;justify-content: center;visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out;}
	.modal-wrapper.pop_open { opacity: 1;visibility: visible;}
	.modal-wrapper .modal {display: block; position: relative;opacity: 0;transition: all 0.5s ease-in-out;}
	.modal-wrapper .modalBg  {position: absolute;top: 0px;left: 0;width: 100%;height: 100%;background: rgba(30, 67, 108, 0);transition: all .4s ease-out;}
	.modal-wrapper.pop_open .modal { opacity: 1;z-index:999;}
	.modal-wrapper.pop_open .modalBg {background: rgba(30, 67, 108, 0.85);}
	.modal_head .btn-close {position:absolute; top:-46px; right:0;width:30px; height:30px;font-size:0;vertical-align:middle;background:url("/assets/eng/images/ico_pop_close.png") no-repeat center center;background-size:100% auto; display:inline-block;cursor: pointer;}
	.modal_content {width:800px;height:450px;background: #fff;overflow: hidden;box-shadow: 12px 7px 24px 0px rgba(0, 0, 0, 0.4);}

	.modal_content.img {overflow: auto;}
	.modal_content.img img {width:100%; height:auto;}
	@media screen and (max-width:767px) { 
	.modal-wrapper.pop_open .modal {width:90%;}
	.modal_content {width:100%;height:40vh;}
	.modal_content.img {height:70vh;}
	.modal_content iframe {width:101%;height:40vh;}
	}
	/* (04-18)이미지 팝업용 스타일 추가 */
	.modal_content.img-magnify{width:100%; height:auto; max-width:1000px; max-height:90vh;}
	.modal_content.img-magnify img{max-width:100%;}

	.popup_btn.img_magnify {cursor:pointer; position:relative; }
	.popup_btn.img_magnify::before { content:""; transition:all 0.2s ease-out;  position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(30, 67, 108, 0); }
	.popup_btn.img_magnify::after { content:""; opacity:0; transition:all 0.2s ease-out;  position:absolute; right:2rem; bottom:2rem; width:5rem; height:5rem; background:url("/assets/eng/images/ico_history_thumb.svg") 50% 50% no-repeat; }
	.popup_btn.img_magnify:hover::before { content:""; background: rgba(30, 67, 108, 0.7); }
	.popup_btn.img_magnify:hover::after { content:""; opacity:1; transform: rotate(360deg); }

	.contents .ciWrap { margin:2rem 0 0;  }
	.contents .ciWrap .bigTxt { word-break: keep-all; text-align:center; font-size:2rem; font-weight:600; line-height:150%; color:#222; }
	.contents .ciWrap .basicTxt { word-break: keep-all; margin:2rem 0 0; text-align:center; font-size:1.6rem; font-weight:500; line-height:150%; color:#333; }
	.contents .ciWrap .smTxt { margin:2rem 0 0; text-align:center; font-size:1.8rem; font-weight:600; color:#333; }
	.contents .ciWrap .ciInfo { margin:9rem 0 0; display:block; text-align:center; align-items: center; justify-content: center; gap:4.8rem; }
	.contents .ciWrap .ciInfo .img {  }
	.contents .ciWrap .ciInfo .txt { word-break: keep-all; margin:1.8rem 0 0; font-size:1.6rem; font-weight:500; line-height:150%; }
	.contents .ciWrap .ciInfo2 { margin:4.8rem 0 0; }
	.contents .ciWrap .ciInfo2 .img { text-align:center; }
	.contents .ciWrap .ciInfo2 ul { width:100%; position:relative; margin:0 auto; display:block; align-items: center; justify-content: center; gap:12rem; }
	.contents .ciWrap .ciInfo2 ul:before { content:""; position:absolute; z-index:-1; top:50%; left:50%; transform:translate(-50%, -50%); margin-top:-7rem; width:25.8rem; border-bottom:1px solid #E2E2E2; display:none; }
	.contents .ciWrap .ciInfo2 ul:after { content:""; position:absolute; z-index:-1; top:50%; left:50%; transform:none; margin-top:-3rem; margin-left:-2.1rem; width:4.2rem; height:4.2rem; background:url("/assets/eng/images/ico_ci_plus.svg") center center no-repeat; background-size:contain; }
	.contents .ciWrap .ciInfo2 ul li { flex:1; font-size:1.6rem; font-weight:500; line-height:150%; text-align:center; position:relative; z-index:2; letter-spacing:-1px; }
	.contents .ciWrap .ciInfo2 ul li strong { font-size:2rem; font-weight:500; line-height:150%; }
	.contents .ciWrap .ciInfo2 ul li:nth-child(2) { margin:11.8rem 0 0; }
	.contents .ciWrap .ciInfo2 ul li:nth-child(1) i { display:block; width:25rem; height:25rem; margin:0 auto 1.4rem; background:url("/assets/eng/images/ico_ci_1.svg") center center no-repeat; background-size:contain; }
	.contents .ciWrap .ciInfo2 ul li:nth-child(2) i { display:block; width:25rem; height:25rem; margin:0 auto 1.4rem; background:url("/assets/eng/images/ico_ci_2.svg") center center no-repeat; background-size:contain; }
	.contents .ciWrap .ciInfo2 ul li:nth-child(1) span { font-weight:700; color:#0B318F; }
	.contents .ciWrap .ciInfo2 ul li:nth-child(2) span { font-weight:700; color:#3EB370; }
	.contents .ciWrap .txt2 { margin:5.3rem 0 0; text-align:center; font-size:1.6rem; line-height:150%; }
	.contents .ciWrap .txt2 strong { display:block; margin:0 0 1rem; font-size:2rem; font-weight:600; line-height:150%;  }

	.contents .OrganizationImg { margin:4rem 0 0; text-align:center; }

	.contents .col .txt { flex:1; margin:0; }
	.contents .col .txt .bigTxt { font-size:2rem; font-weight:600; color:#333; line-height:150%;  margin:0 0 2rem;}
	.contents .col .txt .bigTxt span { color:#28348A; }
	.contents .col .txt .basicTxt { font-size:1.5rem; font-weight:400; color:#333; line-height:150%; word-break: keep-all; }
	.contents .col .txt .conImg { margin:3rem 0 0; }
	.contents .col .txt .link { text-align:center; }
	.contents .col .txt .btn_link { margin-left:1rem; display:inline-flex; vertical-align:middle; align-items: center; justify-content: center; background:#DD6400; line-height:3rem; border-radius:1.5rem; font-size:1.5rem; font-weight:600; color:#fff; padding:0 1.5rem; }
	.contents .col .txt .btn_link_big { margin:1.5rem 0 0; display:inline-block; align-items: center; justify-content: center; background:#DD6400; line-height:5rem; border-radius:2.5rem; font-size:1.7rem; font-weight:700; color:#fff; padding:0 2rem; }

	.contents .col .txt .txtList { margin:2rem 0 0 !important; width:100%; display:block; flex-wrap:wrap; gap:0.5rem 0;  }
	.contents .col .txt .txtList li { width:100%; position:relative; padding-left:2rem; font-size:2rem; font-weight:400; color:#666; line-height:180%; }
	.contents .col .txt .txtList li::before { content:""; position:absolute; top:1.4rem; left:0; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; }
	.contents .col .txt .txtList li strong { font-weight:600; color:#333; }

	.contents .GlobalMap { margin:2rem 0 0; text-align:center; }
	.contents .GlobalMap li { border:2px solid #28348A; border-radius:0.5rem; padding:1.3rem; font-size:1.6rem; font-weight:600; color:#28348A; text-align:center; margin:0 0 1rem; }
	.contents .GlobalMap li:last-child { margin:0; }

	.contents .Brochure { margin:0; }
	.contents .Brochure h3 { font-size:2.4rem; font-weight:500; color:#333; letter-spacing:-1px; line-height:150%; }
	.contents .Brochure h3 span { display:block; font-size:2.4rem; font-weight:500; color:#28348A; line-height:150%; margin:0; }
	.contents .Brochure h3 span strong { font-weight:800; }
	.contents .Brochure .txtWrap { margin:2rem 0 0; position:relative; display:block; gap:5.7rem; }
	.contents .Brochure .txtWrap p { word-break: keep-all; font-size:1.5rem; font-weight:400; line-height:150%; }
	.contents .Brochure .txtWrap .download { margin:2rem 0 0; display:flex; align-items: center; gap:1rem; }
	.contents .Brochure .txtWrap .download .down_1 { line-height:150%; display:block; width:100%; height:12rem; border-radius:1rem; padding-top:6rem; text-align:center; background:#48B070 url("/assets/eng/images/ico_Brochure_1.svg") 50% 2rem no-repeat; font-size:1.6rem; font-weight:600; color:#fff; }
	.contents .Brochure .txtWrap .download .down_2 { line-height:150%; display:block; width:100%; height:12rem; border-radius:1rem; padding-top:6rem; text-align:center; background:#28348A url("/assets/eng/images/ico_Brochure_1.svg") 50% 2rem no-repeat; font-size:1.6rem; font-weight:600; color:#fff; }
	.contents .Brochure .txtWrap .download .down_3 { line-height:150%; display:block; width:100%; height:12rem; border-radius:1rem; padding-top:6rem; text-align:center; background:#48B070 url("/assets/eng/images/ico_Brochure_1.svg") 50% 2rem no-repeat; font-size:1.6rem; font-weight:600; color:#fff; }

	.contents .Brochure .conImg {display:none;  margin:-6.4rem 0 0; height:51.8rem; background:url("/assets/eng/images/img_Brochure_3.png") 50% 50% no-repeat; background-size:cover;  }

}


/* 회장단·위원장단 */
.contents .cateTab { margin:3rem 0 0; padding:0 0 3rem; border-bottom:1px solid #D9D9D9; }
.contents .cateTab ul { display:flex; align-items: center; gap:10rem; }
.contents .cateTab ul li { position:relative; }
.contents .cateTab ul li::after { content:""; position:absolute; top:50%; right:-5rem; margin-top:-1.5rem; height:3rem; border-right:1px solid #D9D9D9;  }
.contents .cateTab ul li:last-child::after { display:none; }
.contents .cateTab ul li .btn_catetab { display:block; font-size:3.5rem; font-weight:600; color:#999; }
.contents .cateTab ul li .btn_catetab.active { font-weight:800; color:#28348A; }
.contents .ccprofileWrap { margin:5rem 0 0; }
.contents .ccprofileWrap .colBox { margin:0 0 3rem; display:none;  }
.contents .ccprofileWrap .colBox.active { display:flex; }
.contents .ccprofileWrap .colBox:last-child { margin:0; }
.contents .ccprofileWrap .colBox h3 { display:inline-block; font-size:3.3rem; font-weight:700; position:relative; color:#222; }
.contents .ccprofileWrap .colBox h3::after { content:""; position:absolute; top:0; right:-1.2rem; width:0.6rem; height:0.6rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; background-size:contain; }
.contents .ccprofileWrap .colBox .tit { width:30rem; }
.contents .ccprofileWrap .colBox .box { flex:1; border:1px solid #D9D9D9; border-radius:2rem; padding:4rem; }
.contents .ccprofileWrap .colBox .box .info { font-size:2rem; font-weight:400; color:#666; margin:0 0 2.5rem; }
.contents .ccprofileWrap .colBox .box > ul { display:flex; flex-wrap:wrap; gap:3rem; }
.contents .ccprofileWrap .colBox .box > ul > li { display:flex; width:calc(100% / 3 - 2rem); }
.contents .ccprofileWrap .colBox .box > ul > li.w-auto { display:block; flex:1; }
.contents .ccprofileWrap .colBox .box > ul > li .thumb { width:16rem; height:19rem; border-radius:1rem; overflow:hidden; }
.contents .ccprofileWrap .colBox .box > ul > li .thumb img { width:100%; height:100%; object-fit:cover; }
.contents .ccprofileWrap .colBox .box > ul > li .txt { flex:1; margin-left:2rem; }
.contents .ccprofileWrap .colBox .box > ul > li .txt .des { word-break: keep-all; font-size:1.6rem; font-weight:400; color:#666; margin:0 0 1rem; }
.contents .ccprofileWrap .colBox .box > ul > li .txt .name { word-break: keep-all; font-size:2.1rem; font-weight:700; color:#333; margin:0 0 2rem; }
.contents .ccprofileWrap .colBox .box > ul > li .txt .com { word-break: keep-all; font-size:1.5rem; font-weight:500; color:#666; }

.contents .ccprofileWrap .colBox .box .committee { margin:3rem 0 0; }
.contents .ccprofileWrap .colBox .box .committee .s-tit { font-size:2.4rem; font-weight:400; color:#28348A;  }
.contents .ccprofileWrap .colBox .box .committee .infoLIst { margin:2rem 0 0; }
.contents .ccprofileWrap .colBox .box .committee .infoLIst li { position:relative; font-size:1.9rem; font-weight:400; line-height:3.6rem; }

@media all and (max-width:767px){

	/* 회장단·위원장단 */
	.contents .cateTab { margin:1.5rem 0 0; padding:0 0 3rem; border-bottom:1px solid #D9D9D9; }
	.contents .cateTab ul { display:flex; align-items:center; flex-wrap:wrap; gap:0.4rem; }
	.contents .cateTab ul li { width:calc(100% / 2 - 0.2rem); transition:all 0.1s ease-out; }
	.contents .cateTab ul li::after { content:""; position:absolute; top:50%; right:-5rem; margin-top:-1.5rem; height:3rem; border-right:1px solid #D9D9D9;  }
	.contents .cateTab ul li:last-child::after { display:none; }
	.contents .cateTab ul li .btn_catetab { width:100%; line-height:4.5rem !important; background:#28348A; text-align:center; border-radius:1rem; font-size:1.8rem; font-weight:500; color:#fff; }
	.contents .cateTab ul li .btn_catetab.active { background:#48B070; font-weight:800; color:#fff; }
	
	.contents .ccprofileWrap { margin:3rem 0 0; }
	.contents .ccprofileWrap .colBox { margin:0 0 3rem; display:none;  }
	.contents .ccprofileWrap .colBox.active { display:block; }
	.contents .ccprofileWrap .colBox:last-child { margin:0; }
	.contents .ccprofileWrap .colBox h3 { display:inline-block; margin:0 0 1rem; font-size:2.5rem; font-weight:700; position:relative; color:#222; }
	.contents .ccprofileWrap .colBox h3::after { content:""; position:absolute; top:0; right:-1.2rem; width:0.6rem; height:0.6rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; background-size:contain; }
	.contents .ccprofileWrap .colBox .tit { width:auto; }
	.contents .ccprofileWrap .colBox .box { flex:1; border:1px solid #D9D9D9; border-radius:2rem; padding:1.5rem; }
	.contents .ccprofileWrap .colBox .box .info { font-size:1.8rem; font-weight:400; color:#666; margin:0 0 1rem; }
	.contents .ccprofileWrap .colBox .box > ul { display:flex; flex-wrap:wrap; gap:1rem; }
	.contents .ccprofileWrap .colBox .box > ul > li { display:block; width:calc(100% / 2 - 0.5rem); margin:0 0 1rem; }
	.contents .ccprofileWrap .colBox:first-child .box > ul > li { display:block; width:100%; }
	.contents .ccprofileWrap .colBox:first-child .box > ul > li .txt { text-align:center; }
	.contents .ccprofileWrap .colBox .box > ul > li.w-auto { display:block; flex:1; }
	.contents .ccprofileWrap .colBox .box > ul > li .thumb { width:100%; height:auto; border-radius:1rem; overflow:hidden; }
	.contents .ccprofileWrap .colBox .box > ul > li .thumb img { width:100%; height:100%; object-fit:cover; }
	.contents .ccprofileWrap .colBox .box > ul > li .txt { flex:1; margin-left:0; margin:1rem 0 0; }
	.contents .ccprofileWrap .colBox .box > ul > li .txt .des { word-break: keep-all; font-size:1.7rem; font-weight:400; color:#666; margin:0 0 0.5rem; }
	.contents .ccprofileWrap .colBox .box > ul > li .txt .name { word-break: keep-all; font-size:2rem; font-weight:700; color:#333; margin:0 0 0.5rem; }
	.contents .ccprofileWrap .colBox .box > ul > li .txt .com { word-break: keep-all; font-size:1.7rem; font-weight:500; color:#666; }

	.contents .ccprofileWrap .colBox .box .committee { margin:2rem 0 0; }
	.contents .ccprofileWrap .colBox .box .committee .s-tit { font-size:2rem; font-weight:400; color:#28348A;  }
	.contents .ccprofileWrap .colBox .box .committee .infoLIst { margin:1rem 0 0; }
	.contents .ccprofileWrap .colBox .box .committee .infoLIst li { position:relative; font-size:1.5rem; font-weight:400; line-height:150%; padding-left:1rem; margin:0 0 1rem; }
	.contents .ccprofileWrap .colBox .box .committee .infoLIst li::before { content:""; position:absolute; top:1rem; left:0; width:0.3rem; height:0.3rem; background:#333; border-radius: 100%; }

}


.contents .searchWrap { flex:1; display:flex; align-items: flex-end; justify-content: flex-end; }
.contents .searchWrap fieldset { display:flex; gap:0.4rem; }
.contents .searchWrap .frm_select { width:15rem; height:5rem; padding:0 3rem;  font-size:1.4rem; font-weight:400; color:#777; border:1px solid #E8E8E8; border-radius:1rem; -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url("/assets/eng/images/ico_select_arrow.svg") right 3rem center no-repeat; }
.contents .searchWrap .frm_input { height:5rem; padding:0 7rem 0 3rem;  font-size:1.4rem; font-weight:400; color:#777; border:1px solid #E8E8E8; border-radius:1rem; }
.contents .searchWrap .frm_input::placeholder { font-size:1.4rem; font-weight:400; color:#777; }
.contents .searchWrap .relative { position:relative; }
.contents .searchWrap .btn_search { position:absolute; top:1.6rem; right:3rem; width:1.8rem; height:1.8rem; background:url("/assets/eng/images/ico_search.svg") center center no-repeat; background-size:contain; }

@media all and (max-width:767px){

	.contents .searchWrap { flex:1; display:flex; align-items: flex-end; justify-content: flex-end; }
	.contents .searchWrap form { flex:1; }
	.contents .searchWrap fieldset { display:block; gap:0.4rem; }
	.contents .searchWrap .frm_select { margin:0 0 1rem; width:100%; height:5rem; padding:0 3rem;  font-size:1.4rem; font-weight:400; color:#777; border:1px solid #E8E8E8; border-radius:1rem; -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url("/assets/eng/images/ico_select_arrow.svg") right 3rem center no-repeat; }
	.contents .searchWrap .frm_input { width:100%; height:5rem; padding:0 7rem 0 3rem;  font-size:1.4rem; font-weight:400; color:#777; border:1px solid #E8E8E8; border-radius:1rem; }
	.contents .searchWrap .frm_input::placeholder { font-size:1.4rem; font-weight:400; color:#777; }
	.contents .searchWrap .relative { position:relative; }
	.contents .searchWrap .btn_search { position:absolute; top:1.6rem; right:3rem; width:1.8rem; height:1.8rem; background:url("/assets/eng/images/ico_search.svg") center center no-repeat; background-size:contain; }

}

.contents .tabLinkWrap { flex:1; display:flex; align-items: flex-end; justify-content: flex-end; }
.contents .tabLinkWrap ul { display:flex; }
.contents .tabLinkWrap ul li { position:relative; text-align:center; margin-left:4.9rem; }
.contents .tabLinkWrap ul li::after { content:""; display:inline-flex; padding-right:4.9rem; height:3rem; border-right:1px solid #D9D9D9; }
.contents .tabLinkWrap ul li:last-child::after { display:none; }
.contents .tabLinkWrap ul li a { font-size:3.5rem; font-weight:600; line-height:5.5rem; color:#999; }
.contents .tabLinkWrap ul li a.active { color:#28348A; font-weight:800; }

@media all and (max-width:767px){

	.contents .tabLinkWrap { flex:1; display:flex; align-items: center; justify-content: center; padding:0 0 2rem; margin:1rem 0 0; }
	.contents .tabLinkWrap ul { width:100%; display:flex;  }
	.contents .tabLinkWrap ul li { text-align:center; width:calc(100% / 3 - 0.3rem); line-height:150%; cursor:pointer; position:relative; border-right:1px solid #D9D9D9; margin-left:0; }
	.contents .tabLinkWrap ul li:last-child { padding:0; border:0; }
	.contents .tabLinkWrap ul li::after { content:""; display:inline-flex; padding-right:0; height:3rem; border-right:1px solid #D9D9D9; display:none; }
	.contents .tabLinkWrap ul li:last-child::after { display:none; }
	.contents .tabLinkWrap ul li a { font-size:1.7rem; font-weight:600; line-height:100%; color:#999; }
	.contents .tabLinkWrap ul li a.active { color:#28348A; font-weight:800; }

}

.contents .tblWrap { margin:4rem 0 0; }
.contents .tblWrap .dataList > * { transition:all 0.2s ease-out; }
.contents .tblWrap .dataList li { overflow:hidden; position:relative; height:7.5rem; border:2px solid transparent; padding:1.9rem 6.4rem 2rem 4rem; background:#fff; box-shadow:3px 8px 15px 0 rgba(199,201,211,.2); margin:0 0 0.8rem; border-radius:3rem; display:flex; align-items: center; }
.contents .tblWrap .dataList li .num { width:9rem; font-size:2.6rem; font-weight:700; color:rgba(40,52,138,.3); }
.contents .tblWrap .dataList li .info { flex:1; }
.contents .tblWrap .dataList li:last-child { margin:0; }
.contents .tblWrap .dataList li .col { display:flex; align-items: center; }
.contents .tblWrap .dataList li .col .categoryWrap { margin-right:3rem; }
.contents .tblWrap .dataList li .col .category { background:#616060; display:inline-block; line-height:3.6rem; border-radius:1.8rem; padding:0 1.2rem; font-size:2rem; font-weight:600; color:#fff; }
.contents .tblWrap .dataList li .col .subject { position:relative; font-size:2.1rem; font-weight:500; color:#333; }
.contents .tblWrap .dataList li .col .ico_new { display:none; vertical-align:middle; margin-left:1.5rem; width:2.4rem; height:2.4rem; background:url("/assets/eng/images/ico_new.svg") center center no-repeat;  }
.contents .tblWrap .dataList li .col .datetime { margin-left:auto; font-size:1.6rem; font-weight:400; color:#888; }
.contents .tblWrap .dataList li .col .hit { width:7.3rem; text-align:right; font-size:1.6rem; font-weight:400; color:#888; }
.contents .tblWrap .dataList li .content { display:none; margin:1.2rem 0 0 0; line-height:2.6rem;  font-size:1.8rem; font-weight:400; color:#666; }
.contents .tblWrap .dataList li:hover .category { background:#28348A; }
.contents .tblWrap .dataList li:hover { height:15rem; border:2px solid #28348A; padding:2.5rem 6.4rem 2.5rem 4rem; }
.contents .tblWrap .dataList li:hover .num { color:rgba(40,52,138,.5); }
.contents .tblWrap .dataList li:hover .subject { font-size:2.4rem; font-weight:600; color:#28348A; }
.contents .tblWrap .dataList li:hover .ico_new { display:inline-block;  }
.contents .tblWrap .dataList li:hover .subject::after { content:""; position:absolute; top:-0.3rem; right:-1rem; width:0.6rem; height:0.6rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; background-size:contain; }
.contents .tblWrap .dataList li:hover .content { display:block; position:relative; }
.contents .tblWrap .dataList li:hover .content .more { position:absolute; right:-5rem; bottom:0; width:2.4rem; height:2.4rem; background:url("/assets/eng/images/ico_more.svg") center center no-repeat; background-size:contain; }

.contents .tblWrap .dataList li .col .download { line-height:2.1rem; margin-left:auto; padding-left:4rem; font-size:1.6rem; font-weight:600; color:#333; background:url("/assets/eng/images/ico_download.svg") 0 50% no-repeat; }
.contents .tblWrap .dataList li .col .viewer { line-height:2.1rem; margin-left:auto; padding-left:4rem; font-size:1.6rem; font-weight:600; color:#333; background:url("/assets/eng/images/ico_viewer.svg") 0 50% no-repeat; }


/* 한경협소개 - 사업보고서·공시 */
.contents .BusinessReport { margin:4rem 0 0; display:flex; gap:2rem; }
.contents .BusinessReport li { display:flex; gap:3rem; width:50%; padding:3rem 4rem; position:relative; background:#fff; height:30.8rem; border-radius:2.5rem; box-shadow:3px 8px 20px 0 rgba(199,201,211,.5); }
.contents .BusinessReport li .img { width:17.6rem; height:24.8rem; border-radius:1.5rem; overflow:hidden; }
.contents .BusinessReport li .img img { }
.contents .BusinessReport li .txt { flex:1; }
.contents .BusinessReport li .txt h4 { font-size:2.8rem; font-weight:600; color:#333; margin:0 0 2rem; }
.contents .BusinessReport li .txt p {  font-size:1.7rem; font-weight:400; color:#333; line-height:3rem; }
.contents .BusinessReport li .download { position:absolute; right:4rem; bottom:3rem; padding-top:3rem; font-size:1.6rem; font-weight:600; color:#333; background:url("/assets/eng/images/ico_download.svg") 50% 0 no-repeat; }
.contents .BusinessReport li .viewer { position:absolute; right:4rem; bottom:3rem; padding-top:3rem; font-size:1.6rem; font-weight:600; color:#333; background:url("/assets/eng/images/ico_viewer.svg") 50% 0 no-repeat; }

@media all and (max-width:767px){

	/* 한경협소개 - 사업보고서·공시 */
	.contents .BusinessReport { margin:1.5rem 0 0; display:block; gap:2rem; }
	.contents .BusinessReport li { display:block; gap:3rem; width:100%; padding:2rem; position:relative; background:#fff; height:auto; border-radius:1rem; box-shadow:3px 8px 20px 0 rgba(199,201,211,.5); margin:0 0 1rem; }
	.contents .BusinessReport li .img { margin:0 auto; width:17.6rem; height:24.8rem; border-radius:1.5rem; overflow:hidden; }
	.contents .BusinessReport li .img img { width:100%; height:100%; object-fit: cover; }
	.contents .BusinessReport li .txt { flex:1; margin:2rem 0 0; }
	.contents .BusinessReport li .txt h4 { font-size:2rem; font-weight:600; color:#333; margin:0 0 1rem; }
	.contents .BusinessReport li .txt p {  font-size:1.5rem; font-weight:400; color:#333; line-height:150%; }
	.contents .BusinessReport li .download { position:absolute; right:1rem; bottom:auto; top:1rem; padding-top:3rem; font-size:1.6rem; font-weight:600; color:#333; background:url("/assets/eng/images/ico_download.svg") 50% 0 no-repeat; }
	.contents .BusinessReport li .viewer { position:absolute; right:1rem; bottom:auto; top:1rem; padding-top:3rem; font-size:1.6rem; font-weight:600; color:#333; background:url("/assets/eng/images/ico_viewer.svg") 50% 0 no-repeat; }

}


.contents .tblWrap .category { display:inline-block; line-height:3.6rem; border-radius:1.8rem; padding:0 1.2rem; font-size:1.6rem; font-weight:600; color:#fff; }

/* 페이징 */
.contents .pagingWrap { margin:4rem auto 0;  }
.contents .pagingWrap ul { display:flex; align-items:center; justify-content:center; gap:0.5rem; }
.contents .pagingWrap ul li a { display:flex; align-items:center; justify-content:center; width:3.2rem; height:3.2rem; font-size:1.8rem; font-weight:400; color:#666; }
.contents .pagingWrap ul li .active { width:3.2rem; height:3.2rem; border-radius: 100%; background:#06377A;font-size:2rem; font-weight:600; color:#fff; }
.contents .pagingWrap ul li .btn_paging_start { width:3.5rem; height:3.5rem; background:url("/assets/eng/images/ico_paging_start.svg") 50% 50% no-repeat; }
.contents .pagingWrap ul li .btn_paging_prev { width:3.5rem; height:3.5rem; background:url("/assets/eng/images/ico_paging_prev.svg") 50% 50% no-repeat; margin-right:1.3rem; }
.contents .pagingWrap ul li .btn_paging_next { width:3.5rem; height:3.5rem; background:url("/assets/eng/images/ico_paging_next.svg") 50% 50% no-repeat; margin-left:1.3rem; }
.contents .pagingWrap ul li .btn_paging_end { width:3.5rem; height:3.5rem; background:url("/assets/eng/images/ico_paging_end.svg") 50% 50% no-repeat; }

.contents .shareWrap { flex:1; display:flex; align-items: flex-end; justify-content: flex-end; padding-bottom:1rem; }
.contents .shareWrap .btn_share { position:relative; width:3.9rem; height:3.9rem; background:url("/assets/eng/images/ico_share.svg") 50% 50% no-repeat; }
.contents .shareWrap .btn_share:hover .tip { position:absolute; right:-1rem; bottom:-4.3rem; width:8.2rem; height:5.1rem; background:url("/assets/eng/images/ico_share_hover.svg") 50% 50% no-repeat; }

/* 상세 */
.contents .tblWrap.detail { margin:4rem 0 0; }
.contents .tblWrap.detail .box { padding:5rem 5rem 7rem; background:#fff; border-radius:3rem; box-shadow:3px 8px 15px 0 rgba(105,116,198,.03); }
.contents .tblWrap.detail .box .hd { border-bottom:1px solid #D9D9D9; padding:0 0 3rem; }
.contents .tblWrap.detail .box .hd .tit { display:flex; align-items: center; }
.contents .tblWrap.detail .box .hd .tit .num { font-size:2.6rem; font-weight:700; color:rgba(40,52,138,.5); margin-right:3.7rem; }
.contents .tblWrap.detail .box .hd .tit .category { margin-right:3rem; background:#28348A; }
.contents .tblWrap.detail .box .hd .tit .p-tit { flex:1; font-size:2.4rem; font-weight:600; color:#28348A; }
.contents .tblWrap.detail .box .hd .info {margin:2rem 0 0; display:flex; gap:2rem; }
.contents .tblWrap.detail .box .hd .info li { font-size:1.6rem; font-weight:400; color:#888; }
.contents .tblWrap.detail .box .body .engTit { font-size:2.4rem; font-weight:500; text-align:center; margin:0 0 3rem; }
.contents .tblWrap.detail .box .body .mt-60 { margin-top:6rem; }
.contents .tblWrap.detail .box .body .txt { padding:5.5rem 0 7rem; border-bottom:1px solid #333; }
/*
.contents .tblWrap.detail .box .body .txt .big { text-align:center !important; font-size:3.5rem !important; font-weight:600 !important; line-height:130% !important; color:#000 !important; }
.contents .tblWrap.detail .box .body .txt p { font-size:1.8rem; font-weight:400; line-height:150%; color:#666; }
.contents .tblWrap.detail .box .body .txt strong { display:block; font-size:2.4rem; font-weight:500; color:#333; }
.contents .tblWrap.detail .box .body .txt.line { padding:3.3rem 0 7rem; }
.contents .tblWrap.detail .box .body .txt.line .big { padding-bottom:3rem; border-bottom:1px solid #d9d9d9; text-align:center !important; font-size:3.5rem !important; font-weight:600 !important; line-height:130% !important; color:#000 !important; }
.contents .tblWrap.detail .box .body .txt .conImg { max-width:120rem; text-align:center; margin:2.4rem auto; }
*/

.contents .tblWrap.detail .box .fileDownload { margin:1.5rem 0 0; }
.contents .tblWrap.detail .box .fileDownload a { font-size:1.6rem; font-weight:400; color:#666; padding-left:2.8rem; background:url("/assets/eng/images/ico_file.svg") 0 50% no-repeat; }
.contents .tblWrap.detail .box .fileDownload a:hover { color:#333; text-decoration: underline; }
.contents .tblWrap.detail .btnWrap { margin:4rem 0 0; display:flex; justify-content: center; gap:1rem; }
.contents .tblWrap.detail .btnWrap .btn_solid { font-size:2rem; font-weight:500; color:#28348A; width:16rem; height:6.5rem; border:1px solid #28348A; border-radius:3.3rem; display:flex; align-items: center; justify-content: center; }
.contents .tblWrap.detail .btnWrap .btn_primary { font-size:2.2rem; font-weight:600; color:#fff; width:16rem; height:6.5rem; border:1px solid #28348A; background:#28348A; border-radius:3.3rem; display:flex; align-items: center; justify-content: center; }

@media all and (max-width:767px){

	/* 상세 */
	.contents .tblWrap.detail { margin:1.5rem 0 0; }
	.contents .tblWrap.detail .box { padding:2rem; background:#fff; border-radius:3rem; box-shadow:3px 8px 15px 0 rgba(105,116,198,.03); }
	.contents .tblWrap.detail .box .hd { border-bottom:1px solid #D9D9D9; padding:0 0 3rem; }
	.contents .tblWrap.detail .box .hd .tit { display:block; align-items: center; }
	.contents .tblWrap.detail .box .hd .tit .num { font-size:2rem; font-weight:700; color:rgba(40,52,138,.5); margin-right:3.7rem; }
	.contents .tblWrap.detail .box .hd .tit .category { margin-right:3rem; margin:1rem 0; }
	.contents .tblWrap.detail .box .hd .tit .p-tit { flex:1; font-size:2rem; font-weight:600; color:#28348A; }
	.contents .tblWrap.detail .box .hd .info {margin:1rem 0 0; display:flex; gap:2rem; }
	.contents .tblWrap.detail .box .hd .info li { font-size:1.5rem; font-weight:400; color:#888; }
	.contents .tblWrap.detail .box .body .txt { padding:2rem 0; border-bottom:1px solid #333; }
/*	
	.contents .tblWrap.detail .box .body .txt .big { text-align:left !important; font-size:2.5rem !important; font-weight:600 !important; line-height:130% !important; color:#000 !important; }
	.contents .tblWrap.detail .box .body .txt p { word-break: keep-all; font-size:1.5rem; font-weight:400; line-height:150%; color:#666; }
	.contents .tblWrap.detail .box .body .txt strong { display:block; font-size:2.4rem; font-weight:500; color:#333; line-height:150%;}
	.contents .tblWrap.detail .box .body .txt.line { padding:3.3rem 0 7rem; }
	.contents .tblWrap.detail .box .body .txt.line .big { padding-bottom:3rem; border-bottom:1px solid #d9d9d9; text-align:center !important; font-size:3.5rem !important; font-weight:600 !important; line-height:130% !important; color:#000 !important; }
*/

	.contents .tblWrap.detail .box .fileDownload { margin:1.5rem 0 0; }
	.contents .tblWrap.detail .box .fileDownload a { font-size:1.4rem; font-weight:400; color:#666; padding-left:2rem; background:url("/assets/eng/images/ico_file.svg") 0 50% no-repeat; background-size:contain; }
	.contents .tblWrap.detail .box .fileDownload a:hover { color:#333; text-decoration: underline; }
	.contents .tblWrap.detail .btnWrap { margin:4rem 0 0; display:flex; justify-content: center; gap:1rem; }
	.contents .tblWrap.detail .btnWrap .btn_solid { font-size:1.8rem; font-weight:500; color:#28348A; width:16rem; height:5.5rem; border:1px solid #28348A; border-radius:3.3rem; display:flex; align-items: center; justify-content: center; }
	.contents .tblWrap.detail .btnWrap .btn_primary { font-size:1.8rem; font-weight:600; color:#fff; width:16rem; height:5.5rem; border:1px solid #28348A; background:#28348A; border-radius:3.3rem; display:flex; align-items: center; justify-content: center; }

}



.contents .tblWrap .magazineList { display:flex; flex-wrap:wrap; gap:2rem; }
.contents .tblWrap .magazineList li { width:calc(100% / 3 - 1.5rem); }

.contents .tblWrap .photoList { display:flex; flex-wrap:wrap; gap:5rem 1.9rem; }
.contents .tblWrap .photoList li { cursor:pointer; width:calc(100% / 3 - 1.3rem);  }
.contents .tblWrap .photoList li .thumb { background:#fff; height:29.3rem; display:flex; align-items: center; justify-content: center; position:relative; box-shadow:3px 8px 20px 0 rgba(199,201,211,.8); border-radius:2.5rem; overflow:hidden; }
.contents .tblWrap .photoList li .thumb::before { content:""; border-radius:2.5rem; opacity:0; transition:all 0.2s ease-out; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(40,52,138,.9); }
.contents .tblWrap .photoList li .thumb .ico { opacity:0; transition: all 0.2s ease-out; position:absolute; bottom:0; right:0; width:100%; height:100%; background:url("/assets/eng/images/ico_photo_hover.svg") 50% 50% no-repeat; }
.contents .tblWrap .photoList li .thumb img { transition: all 0.2s ease-out; }
.contents .tblWrap .photoList li .txt { padding:2rem 0 0; }
.contents .tblWrap .photoList li .txt .cate { font-size:1.7rem; font-weight:400; color:#333; }
.contents .tblWrap .photoList li .txt .subject { margin:1rem 0 0; /*height:5.8rem;*/ font-size:2.4rem; font-weight:400; color:#000; }
.contents .tblWrap .photoList li .txt .datetime { margin:1.5rem 0 0; font-size:1.6rem; font-weight:400; color:#888; }
.contents .tblWrap .photoList li:hover .thumb img { transform: scale(1.2); }
.contents .tblWrap .photoList.youtube .thumb { height:25.6rem; }
.contents .tblWrap .photoList.shorts { display:flex; flex-wrap:wrap; gap:5rem 15.9rem; }
.contents .tblWrap .photoList.shorts li { cursor:pointer; width:calc(100% / 4 - 12.3rem); }
.contents .tblWrap .photoList.shorts li .thumb { height:40.3rem; display:flex; align-items: center; justify-content: center; position:relative; box-shadow:3px 8px 20px 0 rgba(199,201,211,.8); border-radius:2.5rem; overflow:hidden; }
.contents .tblWrap .photoList.shorts li .txt .subject {  margin:1rem 0 0; height:5.8rem; font-size:2rem; font-weight:400; color:#000; }
.contents .tblWrap .photoList.instagram { display:flex; flex-wrap:wrap; gap:5rem 12rem; }
.contents .tblWrap .photoList.instagram li { cursor:pointer; width:calc(100% / 4 - 9rem); }
.contents .tblWrap .photoList.instagram li .thumb { height:32.5rem; display:flex; align-items: center; justify-content: center; position:relative; box-shadow:3px 8px 20px 0 rgba(199,201,211,.8); border-radius:2.5rem; overflow:hidden; }

.contents .ResearchBox { margin:4rem 0 0; padding:7.5rem 21.6rem; position:relative; height:30.8rem; background:#fff url("/assets/eng/images/bg_Research_tit.png") 50% 50% no-repeat; background-size:cover; border-radius:2.5rem; box-shadow:3px 8px 20px 0 rgba(199,201,211,.5); }
.contents .ResearchBox .tag { margin:0 0 2rem; font-size:1.6rem; font-weight:500; color:#fff; height:3.1rem; display:inline-flex; align-items: center; justify-content: center; background:#4CBD7C; border-radius:1.5rem; padding:0 1.5rem; }
.contents .ResearchBox h4 { word-break: keep-all; font-size:2.4rem; font-weight:700; color:#333; margin:0 0 1.5rem;  }
.contents .ResearchBox .datetime {  font-size:1.7rem; font-weight:400; color:#777; line-height:3rem; margin:0 0 0.7rem; }
.contents .ResearchBox .name {  font-size:1.7rem; font-weight:400; color:#444; line-height:3rem; }

.contents .Research { margin:4rem 0 0; display:flex; gap:2rem; }
.contents .Research li { display:flex; gap:3rem; width:50%; padding:3rem 4rem; position:relative; background:#fff; height:30.8rem; border-radius:2.5rem; box-shadow:3px 8px 20px 0 rgba(199,201,211,.5); }
.contents .Research li .img { width:17.6rem; height:24.8rem; border-radius:1.5rem; overflow:hidden; }
.contents .Research li .img img { width:100%; height:100%; object-fit: cover; }
.contents .Research li .txt { flex:1; }
.contents .Research li .txt .tag { margin:0 0 2rem; font-size:1.6rem; font-weight:500; color:#fff; height:3.1rem; display:inline-flex; align-items: center; justify-content: center; background:#4CBD7C; border-radius:1.5rem; padding:0 1.5rem; }
.contents .Research li .txt h4 { height:6.6rem; word-break: keep-all; font-size:2.4rem; font-weight:700; color:#333; margin:0 0 1.1rem; line-height:3.3rem; }
.contents .Research li .txt .datetime {  font-size:1.7rem; font-weight:400; color:#777; line-height:3rem; margin:0 0 3.4rem; }
.contents .Research li .txt .name {  font-size:1.7rem; font-weight:400; color:#444; line-height:3rem; }
.contents .Research li .download { position:absolute; right:4rem; bottom:3rem; padding-top:3rem; font-size:1.6rem; font-weight:600; color:#333; background:url("/assets/eng/images/ico_download.svg") 50% 0 no-repeat; }

@media all and (max-width:767px){

	.contents .tblWrap .magazineList { display:flex; flex-wrap:wrap; gap:1rem; }
	.contents .tblWrap .magazineList li { width:calc(100% / 2 - 0.5rem); }

	.contents .tblWrap .photoList { display:flex; flex-wrap:wrap; gap:1rem; }
	.contents .tblWrap .photoList li { cursor:pointer; width:calc(100% / 2 - 0.5rem);  }
	.contents .tblWrap .photoList li .thumb { background:transparent; height:auto; display:flex; align-items: center; justify-content: center; position:relative; box-shadow:3px 8px 20px 0 rgba(199,201,211,.8); border-radius:1rem; overflow:hidden; }
	.contents .tblWrap .photoList li .thumb::before { content:""; border-radius:2.5rem; opacity:0; transition:all 0.2s ease-out; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(40,52,138,.9); }
	.contents .tblWrap .photoList li .thumb .ico { opacity:0; transition: all 0.2s ease-out; position:absolute; bottom:0; right:0; width:100%; height:100%; background:url("/assets/eng/images/ico_photo_hover.svg") 50% 50% no-repeat; }
	.contents .tblWrap .photoList li .thumb img { width:100%; transition: all 0.2s ease-out; }
	.contents .tblWrap .photoList li .txt { padding:1rem 0 0; }
	.contents .tblWrap .photoList li .txt .cate { font-size:1.4rem; font-weight:400; color:#333; }
	.contents .tblWrap .photoList li .txt .subject { margin:1rem 0 0; height:auto; font-size:1.5rem; font-weight:400; color:#000; }
	.contents .tblWrap .photoList li .txt .datetime { margin:1rem 0 0; font-size:1.4rem; font-weight:400; color:#888; }
	.contents .tblWrap .photoList li:hover .thumb img { transform: scale(1.2); }
	.contents .tblWrap .photoList.youtube .thumb { height:auto; }
	.contents .tblWrap .photoList.shorts { display:flex; flex-wrap:wrap; gap:1rem; }
	.contents .tblWrap .photoList.shorts li { cursor:pointer; width:calc(100% / 2 - 0.5rem); }
	.contents .tblWrap .photoList.shorts li .thumb { height:auto; display:flex; align-items: center; justify-content: center; position:relative; box-shadow:3px 8px 20px 0 rgba(199,201,211,.8); border-radius:2.5rem; overflow:hidden; }
	.contents .tblWrap .photoList.shorts li .txt .subject {  margin:1rem 0 0; height:auto; font-size:1.5rem; font-weight:400; color:#000; }
	.contents .tblWrap .photoList.instagram { display:flex; flex-wrap:wrap; gap:1rem; }
	.contents .tblWrap .photoList.instagram li { cursor:pointer; width:calc(100% / 2 - 0.5rem); }
	.contents .tblWrap .photoList.instagram li .thumb { height:auto; display:flex; align-items: center; justify-content: center; position:relative; box-shadow:3px 8px 20px 0 rgba(199,201,211,.8); border-radius:2.5rem; overflow:hidden; }

	.contents .ResearchBox { margin:1.5rem 0 0; padding:1.5rem; position:relative; height:auto; background:#fff url("/assets/eng/images/bg_Research_tit.png") 50% 50% no-repeat; background-size:cover; border-radius:2.5rem; box-shadow:3px 8px 20px 0 rgba(199,201,211,.5); }
	.contents .ResearchBox .tag { margin:0 0 2rem; font-size:1.6rem; font-weight:500; color:#fff; height:3.1rem; display:inline-flex; align-items: center; justify-content: center; background:#4CBD7C; border-radius:1.5rem; padding:0 1.5rem; }
	.contents .ResearchBox h4 { word-break: keep-all; font-size:2rem; font-weight:700; color:#333; margin:0 0 1.5rem;  }
	.contents .ResearchBox .datetime {  font-size:1.7rem; font-weight:400; color:#777; line-height:3rem; margin:0 0 0.7rem; }
	.contents .ResearchBox .name {  font-size:1.7rem; font-weight:400; color:#444; line-height:3rem; }

	.contents .Research { margin:2rem 0 0; display:block; gap:2rem; }
	.contents .Research li { display:block; gap:3rem; width:100%; padding:2rem; position:relative; background:#fff; height:auto; border-radius:1rem; box-shadow:3px 8px 20px 0 rgba(199,201,211,.5); margin:0 0 1rem; }
	.contents .Research li .img { margin:0 auto; width:17.6rem; height:24.8rem; border-radius:1.5rem; overflow:hidden; }
	.contents .Research li .img img { width:100%; height:100%; object-fit: cover; }
	.contents .Research li .txt { flex:1; margin:3rem 0 0; }
	.contents .Research li .txt .tag { margin:0 0 1rem; font-size:1.6rem; font-weight:500; color:#fff; height:3.1rem; display:inline-flex; align-items: center; justify-content: center; background:#4CBD7C; border-radius:1.5rem; padding:0 1.5rem; }
	.contents .Research li .txt h4 { height:auto; font-size:1.7rem; font-weight:600; color:#333; margin:0 0 1rem; line-height:150%; }
	.contents .Research li .txt p {  font-size:1.5rem; font-weight:400; color:#333; line-height:150%; }
	.contents .Research li .txt .datetime {  font-size:1.7rem; font-weight:400; color:#777; line-height:3rem; margin:0; }
	.contents .Research li .txt .name {  font-size:1.7rem; font-weight:400; color:#444; line-height:3rem; }
	.contents .Research li .download { position:absolute; right:1rem; bottom:auto; top:1rem; padding-top:3rem; font-size:1.6rem; font-weight:600; color:#333; background:url("/assets/eng/images/ico_download.svg") 50% 0 no-repeat; }

}

/* FKI 보고서 - 목록 */
.contents .IssueFocustitList { margin:4rem 0 0; }
.contents .IssueFocustitList .topList { display:flex; gap:1.5rem; }
.contents .IssueFocustitList .topList li { width:calc(100% / 4); height:30.8rem; border:2px solid transparent; overflow:hidden; position:relative; padding:3.1rem 3.5rem; background:#fff; box-shadow:3px 8px 15px 0 rgba(199,201,211,.2); margin:0 0 0.8rem; border-radius:3rem; transition:all 0.2s ease-out;  }
.contents .IssueFocustitList .topList li .category { background:#28348A; display:inline-block; line-height:3.6rem; border-radius:1.8rem; padding:0 1.2rem; font-size:2rem; font-weight:600; color:#fff;}
.contents .IssueFocustitList .topList li .subject { word-break: keep-all; overflow:hidden; display:block; height:6.2rem; margin:2rem 0 0; font-size:2.4rem; font-weight:600; }
.contents .IssueFocustitList .topList li .content { word-break: keep-all; overflow:hidden; height:6.2rem; margin:2rem 0 0; font-size:1.7rem; font-weight:400; line-height:2.8rem; }
.contents .IssueFocustitList .topList li .viewer { position:absolute; right:3rem; bottom:2rem; font-size:1.6rem; font-weight:600; color:#333; padding-top:3.2rem; text-align:center; background:url("/assets/eng/images/ico_book.svg") 50% 0 no-repeat; }
.contents .IssueFocustitList .topList li:hover { border:2px solid #28348A; }

.contents .IssueFocustitBox { margin:4rem 0 0; padding:7.5rem 21.6rem; position:relative; height:30.8rem; background:#fff url("/assets/eng/images/bg_IssueFocus_tit.png") 50% 50% no-repeat; background-size:cover; border-radius:2.5rem; box-shadow:3px 8px 20px 0 rgba(199,201,211,.5); }
.contents .IssueFocustitBox .t1 { margin:0 0 1.5rem; font-size:2.6rem; font-weight:600; color:#28348A; }
.contents .IssueFocustitBox .t2 { margin:0 0 2rem; font-size:2.8rem; font-weight:600; color:#333; }
.contents .IssueFocustitBox .t3 { font-size:1.7rem; font-weight:400; color:#333; line-height:150%; }
.contents .IssueFocustitBox .link { position:absolute; right:4rem; bottom:3rem; font-size:1.6rem; font-weight:600; color:#333; padding-top:3.2rem; text-align:center; background:url("/assets/eng/images/ico_book.svg") 50% 0 no-repeat; }

.contents .IssueFocustitBox .txtList { margin-left:1rem; }
.contents .IssueFocustitBox .txtList li { display:flex; align-items: center; line-height: 3rem; position:relative; padding-left:1.5rem; font-size:1.7rem; font-weight:400; color:#333; }
.contents .IssueFocustitBox .txtList li::before { content:""; position:absolute; top:1.3rem; left:0; width:0.3rem; height:0.3rem; background:#333; border-radius: 100%; }
.contents .IssueFocustitBox .txtList li span { width:6rem; text-align: justify; line-height:0; margin-right:0.5rem; }

.contents .IssueFocustitBox .txtList li span::after {
  content: "";
  display: inline-block;
  width: 100%;
}
.contents .IssueFocustitBox .txtList li span::before {
  content: "";
  display: inline-block;
  width: 100%;
}

@media all and (max-width:767px){

	/* FKI 보고서 - 목록 */
	.contents .IssueFocustitList { margin:1.5rem 0 0; }
	.contents .IssueFocustitList .topList { display:flex; flex-wrap: wrap; gap:1rem; }
	.contents .IssueFocustitList .topList li { width:calc(100% / 2 - 0.5rem); height:auto; border:2px solid transparent; overflow:hidden; position:relative; padding:1.5rem; background:#fff; box-shadow:3px 8px 15px 0 rgba(199,201,211,.2); margin:0 0 0.8rem; border-radius:1rem; transition:all 0.2s ease-out;  }
	.contents .IssueFocustitList .topList li .category { line-height:3.6rem; border-radius:1.8rem; }
	.contents .IssueFocustitList .topList li .subject { word-break: keep-all; overflow:hidden; display:block; height:6.2rem; margin:1rem 0 0; font-size:1.7rem; font-weight:600; }
	.contents .IssueFocustitList .topList li .content { word-break: keep-all; overflow:hidden; height:6.2rem; margin:1rem 0 0; font-size:1.4rem; font-weight:400; line-height:150%; }
	.contents .IssueFocustitList .topList li .viewer { display:block; margin:1rem 0 0; position:relative; right:0; bottom:0; font-size:1.6rem; font-weight:600; color:#333; padding-top:3.2rem; text-align:center; background:url("/assets/eng/images/ico_book.svg") 50% 0 no-repeat; }
	.contents .IssueFocustitList .topList li:hover { border:2px solid #28348A; }

	.contents .IssueFocustitBox { margin:1.5rem 0 0; padding:1.5rem; position:relative; height:auto; background:#fff url("/assets/eng/images/bg_IssueFocus_tit.png") 50% 50% no-repeat; background-size:cover; border-radius:2.5rem; box-shadow:3px 8px 20px 0 rgba(199,201,211,.5); }
	.contents .IssueFocustitBox .t1 { word-break: keep-all; margin:0 0 1rem; font-size:2rem; font-weight:600; color:#28348A; line-height:150%; }
	.contents .IssueFocustitBox .t2 { word-break: keep-all; margin:0 0 1rem; font-size:2rem; font-weight:600; color:#333; line-height:150%; }
	.contents .IssueFocustitBox .t3 { word-break: keep-all; font-size:1.7rem; font-weight:400; color:#333; line-height:150%; }
	.contents .IssueFocustitBox .link { position:absolute; right:4rem; bottom:3rem; font-size:1.6rem; font-weight:600; color:#333; padding-top:3.2rem; text-align:center; background:url("/assets/eng/images/ico_book.svg") 50% 0 no-repeat; }

	.contents .IssueFocustitBox .txtList { margin-left:1rem; }
	.contents .IssueFocustitBox .txtList li { display:flex; align-items: center; line-height:150%; position:relative; padding-left:1.5rem; font-size:1.5rem; font-weight:400; color:#333; }
	.contents .IssueFocustitBox .txtList li::before { content:""; position:absolute; top:1.3rem; left:0; width:0.3rem; height:0.3rem; background:#333; border-radius: 100%; }
	.contents .IssueFocustitBox .txtList li span { width:6rem; text-align: justify; line-height:0; margin-right:0.5rem; }

	.contents .IssueFocustitBox .txtList li span::after {
	content: "";
	display: inline-block;
	width: 100%;
	}
	.contents .IssueFocustitBox .txtList li span::before {
	content: "";
	display: inline-block;
	width: 100%;
	}

}

.contents .tblWrap .dataList2 > * { transition:all 0.2s ease-out; }
.contents .tblWrap .dataList2 li { overflow:hidden; position:relative; min-height:7.5rem; border:2px solid transparent; padding:1.9rem 6.4rem 2rem 4rem; background:#fff; box-shadow:3px 8px 15px 0 rgba(199,201,211,.2); margin:0 0 0.8rem; border-radius:3rem; display:flex; align-items: center; }
.contents .tblWrap .dataList2 li .num { width:9rem; font-size:2.6rem; font-weight:700; color:rgba(40,52,138,.3); }
.contents .tblWrap .dataList2 li .info { flex:1; }
.contents .tblWrap .dataList2 li:last-child { margin:0; }
.contents .tblWrap .dataList2 li .col { display:flex; align-items: center; }
.contents .tblWrap .dataList2 li .col .categoryWrap { margin-right:3rem; }
.contents .tblWrap .dataList2 li .col .category { background:#616060; display:inline-block; line-height:3.6rem; border-radius:1.8rem; padding:0 1.2rem; font-size:2rem; font-weight:600;color:#fff; }
.contents .tblWrap .dataList2 li .col .subject { flex:1; position:relative; font-size:2.1rem; font-weight:500; color:#333; }
.contents .tblWrap .dataList2 li .col .ico_new { display:none; vertical-align:middle; margin-left:1.5rem; width:2.4rem; height:2.4rem; background:url("/assets/eng/images/ico_new.svg") center center no-repeat;  }
.contents .tblWrap .dataList2 li .col .datetime { margin-left:auto; font-size:1.6rem; font-weight:400; color:#888; }
.contents .tblWrap .dataList2 li .col .download { line-height:2.1rem; margin-left:4.3rem; padding-left:4rem; font-size:1.6rem; font-weight:600; color:#333; background:url("/assets/eng/images/ico_download.svg") 0 50% no-repeat; }
.contents .tblWrap .dataList2 li .col .viewer { line-height:2.1rem; margin-left:4.3rem; padding-left:4rem; font-size:1.6rem; font-weight:600; color:#333; background:url("/assets/eng/images/ico_viewer.svg") 0 50% no-repeat; }
.contents .tblWrap .dataList2 li:hover .category { background:#28348A; }
.contents .tblWrap .dataList2 li:hover { border:2px solid #28348A; }
.contents .tblWrap .dataList2 li .ml-auto { margin-left:auto; }

/* 이슈포커스 - 한국경제연구원 */
.contents  .centerTxt { margin:6rem 0 0; text-align:center; font-size:2.4rem; font-weight:500; color:#333; line-height:4rem; }
.contents .infoList { margin:4.5rem 0 0; display:flex; gap:1.5rem; }
.contents .infoList li { flex:1; height:53rem; padding:28rem 3.3rem 5rem; text-align:center; }
.contents .infoList li:nth-child(1) { background:#FAFAFA url("/assets/eng/images/ico_infoList_1.svg") 50% 5rem no-repeat; }
.contents .infoList li:nth-child(2) { background:#FAFAFA url("/assets/eng/images/ico_infoList_2.svg") 50% 5rem no-repeat; }
.contents .infoList li:nth-child(3) { background:#FAFAFA url("/assets/eng/images/ico_infoList_3.svg") 50% 5rem no-repeat; }
.contents .infoList li p { font-size:2.2rem; font-weight:400; line-height:4rem; word-break: keep-all; }

.contents .bg_Institute { margin:7.5rem 0 0; padding:7.5rem 0; background:#FAFAFA; }
.contents .bg_Institute .img { }
.contents .bg_Institute .txt { margin:9rem 0 0; text-align:center; font-size:2.4rem; font-weight:500; color:#333; line-height:4rem; }
.contents .bg_Institute .txt span { color:#037F7D; }

.contents .profileWrap { margin:7.5rem 0 0; display:flex; position:relative; }
.contents .profileWrap h2 { display:inline-block; position:relative; font-size:3.3rem; font-weight:700; line-height:5.5rem; }
.contents .profileWrap h2::after { content:""; position:absolute; top:0.7rem; right:-1.2rem; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; }
.contents .profileWrap .profile { margin-left:28.3rem; flex:1; display:flex; gap:3rem; }
.contents .profileWrap .profile .img { width:16rem; height:19rem; border-radius:1rem; overflow:hidden; }
.contents .profileWrap .profile .img img { width:100%; height:100%; object-fit:cover; }
.contents .profileWrap .profile .txt .t1 { font-size:2rem; font-weight:400; color:#666; }
.contents .profileWrap .profile .txt .name { margin:2rem 0 0; font-size:2.6rem; font-weight:700; }
.contents .profileWrap .link { margin-left:auto; }

/* 행사·세미나 */
.contents .tblWrap .eventList { display:flex; flex-wrap:wrap; gap:4rem 3rem; }
.contents .tblWrap .eventList * { transition:all 0.2s ease-out; }
.contents .tblWrap .eventList li { position:relative;  width:calc(100% / 2 - 1.5rem); height:42rem; background:#fff; box-shadow:3px 8px 15px 0 rgba(199,201,211,.2); border:2px solid transparent; border-radius:3rem; padding:4rem; }
.contents .tblWrap .eventList li:hover { border:2px solid #28348A; }
.contents .tblWrap .eventList li:hover .more { background:#48B070; color:#fff; }
.contents .tblWrap .eventList li:hover .info dl dt { background:#28348A; }
.contents .tblWrap .eventList li h2 { font-size:3rem; font-weight:600; color:#28348A; margin:0 0 2.8rem; }
.contents .tblWrap .eventList li .info dl { display:flex; align-items: center; gap:1.5rem; margin:0 0 1.2rem; }
.contents .tblWrap .eventList li .info dl:last-child { margin:0; }
.contents .tblWrap .eventList li .info dl dt { text-align:center; width:9.2rem; line-height:4rem; border-radius:2rem; background:#666; font-size:1.8rem; font-weight:700; color:#fff; }
.contents .tblWrap .eventList li .info dl dd { flex:1; font-size:1.8rem; font-weight:400; color:#666; }
.contents .tblWrap .eventList li .unit { position:absolute; bottom:4rem; right:4rem; display:flex; gap:0.9rem; }
.contents .tblWrap .eventList li .status { width:10rem; height:10rem; border-radius:100%; background:#999; display:flex; align-items:center; justify-content: center; flex-direction:column; font-size:1.8rem; font-weight:700; color:#fff; }
.contents .tblWrap .eventList li .more { width:10rem; height:10rem; border-radius:100%; background:#fff; display:flex; align-items:center; justify-content: center; flex-direction:column;font-size:1.8rem; font-weight:700; color:#48B070; border:1px solid #48B070; text-align:center; }
.contents .tblWrap .btnWrap { margin:6rem 0 0; text-align:center; }
.contents .tblWrap .btnWrap .moreView { display:inline-flex; align-items: center; justify-content: center; width:16rem; height:6.5rem; background:#28348A; border-radius:3.3rem; font-size:2.2rem; font-weight:600; color:#fff; }

/* 통합검색 */
.contents .totalSearch { }
.contents .totalSearch .searchBox { margin:1.5rem 0 0; display:flex; border-radius:2.5rem; padding:3.5rem 20rem 0 10rem; height:17.6rem; box-shadow:2px 5px 25px 0 rgba(227,227,232.1); background:#F8F9FC url("/assets/eng/images/ico_total_search_bg.svg") 50% 50% no-repeat; background-size:cover; }

.contents .totalSearch .searchBox .p_tit .eng { font-size:3rem; font-weight:600; color:#48B070; }
.contents .totalSearch .searchBox .p_tit h2 { margin:0.5rem 0 0; line-height:6.4rem; display:inline-block; position:relative; font-size:4rem; font-weight:700; color:#28348A; }
.contents .totalSearch .searchBox .p_tit h2::after { content:""; position:absolute; top:0.7rem; right:-1.2rem; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; }

.contents .totalSearch .searchBox .search { flex:1; margin-left:15rem; }
.contents .totalSearch .searchBox .search .relative { position:relative; }
.contents .totalSearch .searchBox .search .frm_input { width:100%; height:6rem; border:3px solid #28348A; border-radius:3rem; padding:0 6rem 0 3rem; font-size:1.9rem; font-weight:400; }
.contents .totalSearch .searchBox .search .frm_input:focus { border:3px solid #48B070 !important; }
.contents .totalSearch .searchBox .search .btn_search { width:4.2rem; height:4.2rem; position:absolute; top:1rem; right:1rem; background:url("/assets/eng/images/ico_total_search.svg") center center no-repeat; }
.contents .totalSearch .searchBox .search .tag { margin:1.1rem 0 0 0.6rem; display:flex; }
.contents .totalSearch .searchBox .search .tag .tit { padding:0 1.7rem; height:3.5rem; line-height:3.5rem; text-align:center; background:#848CC0; border-radius:1.8rem; font-size:1.8rem; font-weight:600; color:#fff; }
.contents .totalSearch .searchBox .search .tag ul { flex:1; margin-left:2.1rem; display:flex; align-items: center; gap:1rem 2rem; flex-wrap:wrap; }
.contents .totalSearch .searchBox .search .tag ul li { flex:0 0 auto; font-size:1.8rem; font-weight:400; color:#333; }

.contents .totalSearch .dataResult { margin:5rem 0 0; }
.contents .totalSearch .dataResult .tit { display:flex; align-items: center; border-bottom:1px solid #D9D9D9; padding:0 0 2rem; margin:0 0 4.5rem; }
.contents .totalSearch .dataResult .tit h3 { font-size:3.4rem; font-weight:700; color:#28348A; }
.contents .totalSearch .dataResult .tit p { margin-left:4rem; font-size:2.6rem; font-weight:400; color:#333; }
.contents .totalSearch .dataResult .tit p .green { color:#48B070; }
.contents .totalSearch .dataResult .tit p .blue { color:#28348A; }
.contents .totalSearch .dataResult .data-row { margin:0 0 5.5rem; }
.contents .totalSearch .dataResult .data-row:last-child { margin:0; }
.contents .totalSearch .dataResult .data-row .d_tit { display:flex; align-items: center; }
.contents .totalSearch .dataResult .data-row .d_tit h4 { font-size:2.6rem; font-weight:600; color:#333; }
.contents .totalSearch .dataResult .data-row .d_tit h4 strong { color:#48B070; }
.contents .totalSearch .dataResult .data-row .more { margin-left:auto; font-size:2rem; font-weight:400; padding-right:3.4rem; background:url("/assets/eng/images/ico_search_more.svg") 100% 50% no-repeat; }

.modal_pop { display:none; position:fixed; top:0; left:0; width:100%; height:100%;  background:rgba(0,0,0,.5); z-index:9999999; }
.modal_pop .modal_wrap { position:absolute; z-index:2; width:100%; height:100%; display:flex; align-items:center; justify-content: center; }
.modal_pop .modal_wrap .modal_container { position:relative; background:#fff; padding:2rem 1rem; border-radius:1rem; }
.modal_pop .modal_wrap .modal_container .btn_modal_close { position:absolute; top:-6.5rem; left:50%; transform: translateX(-50%); width:4.5rem; height:4.5rem; background:url("/assets/eng/images/ico_report_close.svg") 50% 50% no-repeat; }
.modal_pop .modal_wrap .modal_container .modal_body { width:80rem; height:70rem;  }
.modal_pop .modal_wrap .modal_container .modal_body img { width:100%; height:auto; object-fit:cover; }


@media all and (max-width:767px){

	.contents .tblWrap { margin:2rem 0 0; }
	.contents .tblWrap .dataList > * { transition:all 0.2s ease-out; }
	.contents .tblWrap .dataList li { overflow:hidden; position:relative; height:auto; border:2px solid transparent; padding:1.5rem; background:#fff; box-shadow:3px 8px 15px 0 rgba(199,201,211,.2); margin:0 0 0.8rem; border-radius:1rem; display:flex; align-items: center; }
	.contents .tblWrap .dataList li .num { width:7rem; font-size:2rem; font-weight:700; color:rgba(40,52,138,.3); }
	.contents .tblWrap .dataList li .info { flex:1; }
	.contents .tblWrap .dataList li:last-child { margin:0; }
	.contents .tblWrap .dataList li .col { display:block; align-items: center; }
	.contents .tblWrap .dataList li .col .categoryWrap { margin-right:1rem; margin:0 0 1rem; }
	.contents .tblWrap .dataList li .col .category { background:#616060; display:inline-block; line-height:3rem; border-radius:1.5rem; padding:0 1rem; font-size:1.5rem; font-weight:600; color:#fff; }
	.contents .tblWrap .dataList li .col .subject { position:relative; font-size:1.7rem; font-weight:500; color:#333; }
	.contents .tblWrap .dataList li .col .ico_new { display:none; vertical-align:top; margin-left:1rem; width:2rem; height:2rem; background:url("/assets/eng/images/ico_new.svg") center center no-repeat; background-size:contain; }
	.contents .tblWrap .dataList li .col .datetime { margin-left:auto; font-size:1.4rem; font-weight:400; color:#888; display:none; }
	.contents .tblWrap .dataList li .col .hit { width:7.3rem; text-align:right; font-size:1.6rem; font-weight:400; color:#888; display:none; }
	.contents .tblWrap .dataList li .content { display:none; margin:1.2rem 0 0 0; line-height:150%;  font-size:1.3rem; font-weight:400; color:#666; }
	.contents .tblWrap .dataList li:hover .category { background:#28348A; }
	.contents .tblWrap .dataList li:hover { height:auto; border:2px solid #28348A; padding:1.5rem; }
	.contents .tblWrap .dataList li:hover .num { color:rgba(40,52,138,.5); }
	.contents .tblWrap .dataList li:hover .subject { font-size:1.7rem; font-weight:600; color:#28348A; }
	.contents .tblWrap .dataList li:hover .ico_new { display:inline-block;  }
	.contents .tblWrap .dataList li:hover .subject::after { content:""; position:absolute; top:-0.3rem; right:-1rem; width:0.6rem; height:0.6rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; background-size:contain; display:none; }
	.contents .tblWrap .dataList li:hover .content { display:block; position:relative; }
	.contents .tblWrap .dataList li:hover .content .more { position:absolute; right:0; bottom:0; width:2.4rem; height:2.4rem; background:url("/assets/eng/images/ico_more.svg") center center no-repeat; background-size:contain; display:none; }

	.contents .tblWrap .dataList li .col .download { display:inline-block; margin:1rem 0 0; line-height:2.1rem; margin-left:auto; padding-left:4rem; font-size:1.6rem; font-weight:600; color:#333; background:url("/assets/eng/images/ico_download.svg") 0 50% no-repeat; background-size:contain !important; }
	.contents .tblWrap .dataList li .col .viewer { display:inline-block; margin:1rem 0 0; line-height:2.1rem; margin-left:auto; padding-left:4rem; font-size:1.6rem; font-weight:600; color:#333; background:url("/assets/eng/images/ico_viewer.svg") 0 50% no-repeat; background-size:contain !important;  }

	.contents .tblWrap .dataList2 > * { transition:all 0.2s ease-out; }
	.contents .tblWrap .dataList2 li { overflow:hidden; position:relative; min-height:7.5rem; border:2px solid transparent; padding:1.5rem; background:#fff; box-shadow:3px 8px 15px 0 rgba(199,201,211,.2); margin:0 0 0.8rem; border-radius:1rem; display:flex; align-items: center; }
	.contents .tblWrap .dataList2 li .num { width:9rem; font-size:2.6rem; font-weight:700; color:rgba(40,52,138,.3); }
	.contents .tblWrap .dataList2 li .info { flex:1; }
	.contents .tblWrap .dataList2 li:last-child { margin:0; }
	.contents .tblWrap .dataList2 li .col { display:flex; align-items: center; }
	.contents .tblWrap .dataList2 li .col .categoryWrap { margin-right:3rem; }
	.contents .tblWrap .dataList2 li .col .subject { flex:1; position:relative; font-size:1.7rem; font-weight:500; color:#333; }
	.contents .tblWrap .dataList2 li .col .ico_new { display:none; vertical-align:middle; margin-left:1.5rem; width:2.4rem; height:2.4rem; background:url("/assets/eng/images/ico_new.svg") center center no-repeat;  }
	.contents .tblWrap .dataList2 li .col .datetime { margin-left:auto; font-size:1.4rem; font-weight:400; color:#888; }
	.contents .tblWrap .dataList2 li .col .download { line-height:2.1rem; margin-left:4.3rem; padding-left:4rem; font-size:1.4rem; font-weight:600; color:#333; background:url("/assets/eng/images/ico_download.svg") 0 50% no-repeat; }
	.contents .tblWrap .dataList2 li .col .viewer { line-height:2.1rem; margin-left:4.3rem; padding-left:4rem; font-size:1.6rem; font-weight:600; color:#333; background:url("/assets/eng/images/ico_viewer.svg") 0 50% no-repeat; }

	.contents .tblWrap .dataList2 li:hover { border:2px solid #28348A; }
	.contents .tblWrap .dataList2 li .ml-auto { margin-left:auto; }

	.contents .tblWrap .dataList2.block > * { transition:all 0.2s ease-out; }
	.contents .tblWrap .dataList2.block li { overflow:hidden; position:relative; min-height:auto; border:2px solid transparent; padding:1.5rem; background:#fff; box-shadow:3px 8px 15px 0 rgba(199,201,211,.2); margin:0 0 0.8rem; border-radius:1rem; display:flex; align-items: center; }
	.contents .tblWrap .dataList2.block li .num { width:7rem; font-size:2rem; font-weight:700; color:rgba(40,52,138,.3); }
	.contents .tblWrap .dataList2.block li .info { flex:1; }
	.contents .tblWrap .dataList2.block li:last-child { margin:0; }
	.contents .tblWrap .dataList2.block li .col { display:block; align-items: center; }
	.contents .tblWrap .dataList2.block li .col .categoryWrap { margin-right:3rem; }
	.contents .tblWrap .dataList2.block li .col .subject { margin:1rem 0; display:block; flex:1; position:relative; font-size:1.7rem; font-weight:500; color:#333; }
	.contents .tblWrap .dataList2.block li .col .ico_new { display:none; vertical-align:middle; margin-left:1.5rem; width:2.4rem; height:2.4rem; background:url("/assets/eng/images/ico_new.svg") center center no-repeat;  }
	.contents .tblWrap .dataList2.block li .col .datetime { margin-left:auto; font-size:1.4rem; font-weight:400; color:#888; margin:0 0 1rem; }
	.contents .tblWrap .dataList2.block li .col .download { display:inline-block; line-height:2.1rem; margin-left:0; padding-left:4rem; font-size:1.4rem; font-weight:600; color:#333; background:url("/assets/eng/images/ico_download.svg") 0 50% no-repeat;  }
	.contents .tblWrap .dataList2.block li .col .viewer { line-height:2.1rem; margin-left:4.3rem; padding-left:4rem; font-size:1.6rem; font-weight:600; color:#333; background:url("/assets/eng/images/ico_viewer.svg") 0 50% no-repeat; }

	.contents .tblWrap .dataList2.block li:hover { border:2px solid #28348A; }
	.contents .tblWrap .dataList2.block li .ml-auto { margin-left:auto; }
	
	/* 이슈포커스 - 한국경제연구원 */
	.contents .centerTxt { word-break: keep-all; margin:2rem 0 0; text-align:left; font-size:1.5rem; font-weight:400; color:#333; line-height:150%; }
	.contents .infoList { margin:2rem 0 0; display:block; gap:1.5rem; }
	.contents .infoList li { flex:1; height:auto; padding:28rem 2rem 2rem; text-align:center; margin:0 0 1rem;  }
	.contents .infoList li:last-child { margin:0; }
	.contents .infoList li:nth-child(1) { background:#FAFAFA url("/assets/eng/images/ico_infoList_1.svg") 50% 5rem no-repeat; }
	.contents .infoList li:nth-child(2) { background:#FAFAFA url("/assets/eng/images/ico_infoList_2.svg") 50% 5rem no-repeat; }
	.contents .infoList li:nth-child(3) { background:#FAFAFA url("/assets/eng/images/ico_infoList_3.svg") 50% 5rem no-repeat; }
	.contents .infoList li p { font-size:1.6rem; font-weight:400; line-height:150%; word-break: keep-all; }

	.contents .bg_Institute { margin:2rem 0 0; padding:2rem; background:#FAFAFA; }
	.contents .bg_Institute .img { }
	.contents .bg_Institute .txt { margin:2rem 0 0; text-align:center; font-size:1.6rem; font-weight:500; color:#333; line-height:150%; }
	.contents .bg_Institute .txt span { color:#037F7D; }

	.contents .profileWrap { margin:2rem 0 0; display:block; position:relative; }
	.contents .profileWrap h2 { display:inline-block; position:relative; font-size:2rem; font-weight:700; line-height:5.5rem; }
	.contents .profileWrap h2::after { content:""; position:absolute; top:0.7rem; right:-1.2rem; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; }
	.contents .profileWrap .profile { margin-left:0; flex:1; display:flex; gap:2rem; }
	.contents .profileWrap .profile .img { width:16rem; height:19rem; border-radius:1rem; overflow:hidden; }
	.contents .profileWrap .profile .img img { width:100%; height:100%; object-fit:cover; }
	.contents .profileWrap .profile .txt { flex:1; }
	.contents .profileWrap .profile .txt .t1 { font-size:2rem; font-weight:400; color:#666; }
	.contents .profileWrap .profile .txt .name { margin:1rem 0 0; font-size:2.6rem; font-weight:700; }
	.contents .profileWrap .link { margin-left:auto; position:absolute; left:20rem; bottom:0; width:12rem; }

	/* 행사·세미나 */
	.contents .tblWrap .eventList { display:block; flex-wrap:wrap; gap:4rem 3rem; }
	.contents .tblWrap .eventList li { position:relative; width:100%; height:auto; background:#fff; box-shadow:3px 8px 15px 0 rgba(199,201,211,.2); border:2px solid transparent; border-radius:3rem; padding:2rem; margin:0 0 1rem; }
	.contents .tblWrap .eventList li > * { transition:all 0.2s ease-out; }
	.contents .tblWrap .eventList li:hover { border:2px solid #28348A; }
	.contents .tblWrap .eventList li:hover .more { background:#48B070; color:#fff; }
	.contents .tblWrap .eventList li h2 { font-size:2rem; font-weight:600; color:#28348A; margin:0 0 2rem; }
	.contents .tblWrap .eventList li .info dl { display:flex; align-items: center; gap:1rem; margin:0 0 1.2rem; }
	.contents .tblWrap .eventList li .info dl:last-child { margin:0; }
	.contents .tblWrap .eventList li .info dl dt { text-align:center; width:7rem; line-height:3rem; border-radius:2rem; background:#28348A; font-size:1.5rem; font-weight:700; color:#fff; }
	.contents .tblWrap .eventList li .info dl dd { flex:1; font-size:1.5rem; font-weight:400; color:#666; }
	.contents .tblWrap .eventList li .unit { margin:2rem 0 0; position:relative; bottom:0; right:0; display:block; justify-content: center; gap:0.9rem; }
	.contents .tblWrap .eventList li .status { width:100%; height:4rem; border-radius:0; background:#999; display:flex; align-items:center; justify-content: center; flex-direction:row;    font-size:1.6rem; font-weight:700; color:#fff; margin:0 0 1rem; }
	.contents .tblWrap .eventList li .more { width:100%; height:4rem; border-radius:0; background:#fff; display:flex; align-items:center; justify-content: center; flex-direction:row; font-size:1.6rem; font-weight:700; color:#48B070; border:1px solid #48B070; text-align:center; }
	.contents .tblWrap .btnWrap { margin:3rem 0 0; text-align:center; }
	.contents .tblWrap .btnWrap .moreView { display:inline-flex; align-items: center; justify-content: center; width:16rem; height:5rem; background:#28348A; border-radius:3.3rem; font-size:1.8rem; font-weight:600; color:#fff; }
	

	/* 통합검색 */
	.contents .totalSearch { }
	.contents .totalSearch .searchBox { margin:1.5rem 0 0; display:block; border-radius:2.5rem; padding:1rem; height:auto; box-shadow:2px 5px 25px 0 rgba(227,227,232.1); background:#F8F9FC url("/assets/eng/images/ico_total_search_bg.svg") 50% 50% no-repeat; background-size:cover; }

	.contents .totalSearch .searchBox .p_tit .eng { font-size:3rem; font-weight:600; color:#48B070; }
	.contents .totalSearch .searchBox .p_tit h2 { margin:0.5rem 0 0; line-height:6.4rem; display:inline-block; position:relative; font-size:3rem; font-weight:700; color:#28348A; }
	.contents .totalSearch .searchBox .p_tit h2::after { content:""; position:absolute; top:0.7rem; right:-1.2rem; width:0.8rem; height:0.8rem; background:url("/assets/eng/images/ico_point.svg") center center no-repeat; }

	.contents .totalSearch .searchBox .search { flex:1; margin-left:0; }
	.contents .totalSearch .searchBox .search .relative { position:relative; }
	.contents .totalSearch .searchBox .search .frm_input { width:100%; height:5rem; border:3px solid #28348A; border-radius:3rem; padding:0 6rem 0 3rem; font-size:1.9rem; font-weight:400; }
	.contents .totalSearch .searchBox .search .frm_input:focus { border:3px solid #48B070 !important; }
	.contents .totalSearch .searchBox .search .btn_search { width:3.2rem; height:3.2rem; position:absolute; top:1rem; right:1rem; background:url("/assets/eng/images/ico_total_search.svg") center center no-repeat; background-size:contain; }
	.contents .totalSearch .searchBox .search .tag { margin:1.1rem 0 0 0.6rem; display:flex; }
	.contents .totalSearch .searchBox .search .tag .tit { width:9rem; height:3rem; line-height:3rem; text-align:center; background:#848CC0; border-radius:1.8rem; font-size:1.5rem; font-weight:600; color:#fff; }
	.contents .totalSearch .searchBox .search .tag ul { flex:1; margin-left:1rem; display:flex; align-items: center; gap:1rem 2rem; flex-wrap:wrap; }
	.contents .totalSearch .searchBox .search .tag ul li { flex:0 0 auto; font-size:1.3rem; font-weight:400; color:#333; }

	.contents .totalSearch .dataResult { margin:3rem 0 0; }
	.contents .totalSearch .dataResult .tit { display:block; align-items: center; border-bottom:1px solid #D9D9D9; padding:0 0 2rem; margin:0 0 2rem; }
	.contents .totalSearch .dataResult .tit h3 { font-size:2.4rem; font-weight:700; color:#28348A; text-align:center; margin:0 0 2rem; }
	.contents .totalSearch .dataResult .tit p { margin-left:0; font-size:1.6rem; font-weight:400; color:#333; line-height:140%; }
	.contents .totalSearch .dataResult .tit p .green { color:#48B070; }
	.contents .totalSearch .dataResult .tit p .blue { color:#28348A; }
	.contents .totalSearch .dataResult .data-row { margin:0 0 3rem; }
	.contents .totalSearch .dataResult .data-row:last-child { margin:0; }
	.contents .totalSearch .dataResult .data-row .d_tit { display:flex; align-items: center; }
	.contents .totalSearch .dataResult .data-row .d_tit h4 { font-size:2rem; font-weight:600; color:#333; }
	.contents .totalSearch .dataResult .data-row .d_tit h4 strong { color:#48B070; }
	.contents .totalSearch .dataResult .data-row .more { margin-left:auto; font-size:1.6rem; font-weight:400; padding-right:2.5rem; background:url("/assets/eng/images/ico_search_more.svg") 100% 50% no-repeat; background-size:contain; }

	.modal_pop { display:none; position:fixed; top:0; left:0; width:100%; height:100%;  background:rgba(0,0,0,.5); z-index:9999999; }
	.modal_pop .modal_wrap { position:absolute; z-index:2; width:100%; height:100%; display:flex; align-items:center; justify-content: center; }
	.modal_pop .modal_wrap .modal_container { width:100%; height:100%; position:relative; background:#fff; padding:1rem; border-radius:1rem; }
	.modal_pop .modal_wrap .modal_container .btn_modal_close { position:absolute; top:1rem; left:auto; right:1rem; transform: auto; width:3rem; height:3rem; background:url("/assets/eng/images/ico_report_close.svg") 50% 50% no-repeat; background-size:contain; }
	.modal_pop .modal_wrap .modal_container .modal_body { width: 100%; height:100%;  }
	.modal_pop .modal_wrap .modal_container .modal_body img { width:100%; height:auto; object-fit:cover; }

	.contents .category { line-height:3rem !important; padding:0 1rem !important; font-size:1.4rem !important; }
}

/*** 로딩중 ***/
.loading-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: fixed;
	background:rgba(0,0,0,.4);
	z-index:9999999;
  }
  .loading-spinner {
	width: 40px;
	height: 40px;
	border: 5px solid #3498db;
	border-top: 5px solid transparent;
	border-radius: 50%;
	animation: rotate 1s linear infinite;
  }

  @keyframes rotate {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(360deg);
	}
  }