@charset "utf-8";

/* common */
#container { width:100%; max-width:none; min-height:auto; margin:0 auto; padding:0; }
.div_diam_page_container { min-height:600px; }
.gji_main { width:100%; }
.section { }
/* .section, .inner { max-width:1420px; } */

/* 메인비주얼 */
#vis_wrap { position:relative; }
#vis_wrap .vis_img { }
#vis_wrap .vis_img img { width:100%; height:100%; object-fit:cover; }
#visual_txt { position:absolute; top:50%; left:50%; transform:translate(-50%, calc(-50% + 50px)); min-width:1420px; color:#fff; line-height:1.2; text-align:left; word-break:keep-all; text-shadow:0 0 18px rgba(11,72,132,1); z-index:1; }
#visual_txt .txt { margin:0; font-size:3.75rem; letter-spacing:-0.05em; font-family:"Noto Sans KR"; font-weight:700; }
#visual_txt .stxt { margin-top:30px; font-size:1.375rem; line-height:1.6; }
#visual_txt .stxt + .stxt { margin-top:0; }
#vis #slider .swiper-slide { height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; background:none !important; overflow:hidden; }
#vis #slider .swiper-slide > img { display:block; margin:auto; opacity:1; width:100%; height:100%; transition:transform 3s; }

/* 공통 : swiper_ctl */
.swiper_ctl .page_wrap { display:flex; justify-content:flex-end; }
.swiper_ctl .page_wrap div { /*margin:0 -0.5px; border:1px solid #d1d1d1;*/ }
.swiper_ctl .page_wrap div i { display:flex; justify-content:center; align-items:center; width:32px; height:32px; color:#000; font-family:"xeicon"; font-size:1.125rem; font-weight:700; cursor:pointer; text-align:center; }
/*.swiper_ctl .page_wrap .swiper-button-pause { border-left:0 none; border-right:0 none; }
.swiper_ctl .page_wrap .swiper-button-pause i.xi-pause { background:#E0E0E0; font-size:1.25rem; font-weight:normal; }
.swiper_ctl .page_wrap .swiper-button-pause i.xi-play { font-size:1.375rem; align-items:normal; font-weight:normal; }*/

/* 공지사항 */
.news_notice_board { position:relative; margin:80px 0; }
.news_notice_board .tit_board { margin-bottom:27px; font-size:2.5rem; font-weight:700; color:#111; }
.news_notice_board .list_board { display:flex; flex-wrap:wrap; }
.news_notice_board .list_board > li { width:50%; padding:40px 50px; border-bottom:1px solid #ddd; }
.news_notice_board .list_board > li:nth-child(odd) { padding-left:0; }
.news_notice_board .list_board > li:nth-child(even) { padding-right:0; }
.news_notice_board .list_board > li a .cate { }
.news_notice_board .list_board > li a .cate span { display:inline-block; padding:2px 8px; font-size:15px; font-weight:700; color:#0072BC; text-align:center; border-radius:4px; background-color:#F2F8F9; }
.news_notice_board .list_board > li a .subj { margin:12px 0 24px; font-size:1.25rem; font-weight:700; color:#111; transition:.3s; }
.news_notice_board .list_board > li a:hover .subj { transform:translate(3px, -3px); }
.news_notice_board .list_board > li a .date { color:#666; }
.news_notice_board .list_board > li a .date span { font-size:14px; color:#666; letter-spacing:0; }
.news_notice_board .list_board > li a .date i { margin-right:6px; font-size:13px; vertical-align:middle; }
.news_notice_board .btn_more { position:absolute; top:20px; right:0; line-height:1; }
.news_notice_board .btn_more a { font-size:1rem; font-weight:700; color:#111; }
.news_notice_board .btn_more i { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; margin-left:12px; font-family:"xeicon"; border:1px solid #ddd; border-radius:50%; transition:all 0.3s; }
.news_notice_board .btn_more a i:before { font-size:0.875rem; font-weight:700; color:#999; vertical-align:middle; }
.news_notice_board .btn_more a:hover i,
.news_notice_board .btn_more a:focus i { transform:rotate(180deg); background-color:#F2F8F9; border-color:#F2F8F9; }
.news_notice_board .btn_more a:hover i:before,
.news_notice_board .btn_more a:focus i:before { color:#0072BC; }

/* section8 : 인포그래픽스, GJI TV */
.section.section8 { position:relative; max-width:none; width:100%; background:url("../images/main/bg_section8.jpg") center/cover no-repeat; }
.section.section8::before { content:""; display:block; position:absolute; bottom:0; right:0; width:631px; height:627px; background-image:url("../images/main/bg_logo.png"); background-position:left top; background-repeat:no-repeat; content:none; }
.section8 .inner { margin:0 auto; }
.section8 .con_wrap { display:flex; width:100%; padding:80px 0; }
.section8 .con_wrap > div { position:relative; padding:30px 60px 40px; }
.section8 .multi_slide { }
.section8 .multi_slide .ban_cate { margin-bottom:30px; font-size:2.5rem; font-weight:700; color:#111; letter-spacing:-0.05em; }
.section8 .con_left { max-width:700px; background-color:#fff; border-radius:32px; box-shadow:0px 0px 8px rgba(0, 0, 0, .05); }
.section8 .con_left .multi_slide ul { }
.section8 .con_left .multi_slide ul li { }
.section8 .con_left .multi_slide ul li.swiper-slide { }
.section8 .con_left .multi_slide ul li a { width:100%; }
.section8 .con_left .multi_slide ul li a .img_con { /*width:270px; height:360px;*/ border:1px solid #ddd; border-radius:20px; overflow:hidden; }
.section8 .con_left .multi_slide ul li a .img_con img { width:100%; height:100%; object-fit:cover; border-radius:20px; transition:.3s; overflow:hidden; }
.section8 .con_left .multi_slide ul li a:hover .img_con img { transform:scale(1.05); }
.section8 .con_left .multi_slide ul li a .txt_con { margin-top:24px; }
.section8 .con_left .multi_slide ul li a .txt_con .ban_title { flex:1 1 auto; margin-bottom:10px; font-size:1.125rem; font-weight:700; color:#111; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; white-space:normal; line-height:1.6; height:54px; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition:.3s; }
.section8 .con_left .multi_slide ul li a:hover .txt_con .ban_title { transform:translate(3px, -3px); }
.section8 .con_left .multi_slide ul li a .txt_con .date { width:100%; color:#666; font-size:1rem; }
.section8 .con_left .multi_slide .swiper_ctl { position:absolute; top:45px; right:60px; z-index:2; }
.section8 .con_left .multi_slide .swiper_ctl .page_wrap { }
.section8 .con_left .multi_slide .swiper_ctl .page_wrap div { background:#fff; }
.section8 .con_left .multi_slide .swiper_ctl .page_wrap .slide-swiper-button-prev.swiper-button-disabled,
.section8 .con_left .multi_slide .swiper_ctl .page_wrap .slide-swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }
.section8 .con_right { }
.section8 .con_right .con_wrap {  }
.section8 .con_right .multi_slide_b { }
.section8 .con_right .multi_slide_b iframe { width:660px; height:360px; margin:0 !important; vertical-align:middle; border-radius:20px; overflow:hidden; }
.section8 .con_right .multi_slide_b .tit { margin:24px 0 10px; }
.section8 .con_right .multi_slide_b .tit a { font-size:1.125rem; font-weight:700; color:#111; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; white-space:normal; line-height:1.6; height:54px; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition:.3s; }
.section8 .con_right .multi_slide_b .tit a:hover { transform:translate(3px, -3px); }
.section8 .con_right .multi_slide_b .date { color:#666; font-size:1rem; }

/* Media Query (PC First) */
@media (max-width: 1600px) {
	/* 메인비주얼 */
	#vis_wrap .vis_img { height:500px; }
	#visual_txt { width:100%; min-width:auto; padding:2rem 1.333rem 0; }
	#visual_txt .txt { font-size:2.5rem; }
	#visual_txt .stxt { font-size:1.125rem; }

	/* 공지사항 */
	.news_notice_board { margin:40px 0; }
	.news_notice_board .tit_board { font-size:2.125rem; }
	.news_notice_board .list_board > li { padding:20px; }
	.news_notice_board .list_board > li a .subj { margin:12px 0 15px; font-size:1.125rem; }

	/* section8 : 인포그래픽스, GJI TV */
	.section8 .con_wrap { padding:40px 0; }
	.section8 .con_wrap > div { padding:20px; }
	.section8 .multi_slide .ban_cate { margin-bottom:20px; font-size:2.125rem; }
	.section8 .con_left .multi_slide .swiper_ctl { top:30px; right:10px; }
}

@media (max-width: 1500px) {
}

@media (max-width: 1420px) {
	.section { padding:0 1.333rem; }

	/* 메인배너 */
	/*.gji_banner .ban_title { font-size:1.125rem; height:50px; }*/

	/* section8 : 인포그래픽스, GJI TV */
	/*.section.section8::before { width:431px; height:428px; background-size:100% auto; }
	.section8 .con_wrap { width:calc(100% + 60px); margin-left:-30px; padding:3.125rem 0; }
	.section8 .con_wrap > div { width:calc(50% - 60px); margin:0 30px; }
	.multi_slide ul li { margin-bottom:40px; }
	.multi_slide ul li a .img_con { width:140px; height:192px; }
	.multi_slide ul li a .txt_con { width:calc(100% - 140px); }
	.multi_slide ul li a .txt_con .con .ban_con { max-width:none; font-size:1rem; height:50px; -webkit-line-clamp:2; }*/

	/* section8 : 인포그래픽스, GJI TV */
	.section8 .con_left,
	.section8 .con_right { width:50%; }
	.section8 .con_left { max-width:none; }
	.section8 .con_right .multi_slide_b iframe { width:100%; height:360px; }
}

@media (max-width: 1200px) {
	/* section8 : 인포그래픽스, GJI TV */
	.section8 .con_wrap { flex-wrap:wrap; }
	.section8 .con_left,
	.section8 .con_right { width:100%; }
	.section8 .con_right { padding:20px 0 0 !important; }
	.section8 .con_right .multi_slide_b iframe { height:500px; }
	.section8 .con_right .multi_slide_b .tit a { height:auto; -webkit-line-clamp:1; }

}

@media (max-width: 992px) {	
	/* section8 : 인포그래픽스, GJI TV */
	.section8 .con_right .multi_slide_b iframe { height:350px; }
	/*.section8 .con_wrap { width:calc(100% + 30px); margin-left:-15px; }
	.section8 .con_wrap > div { width:calc(50% - 30px); margin:0 15px; }
	.multi_slide .ban_cate { font-size:1.25rem; }
	.multi_slide ul { max-height:580px; }
	.multi_slide ul li a .img_con { width:115px; height:157px; }
	.multi_slide ul li a .txt_con { width:calc(100% - 115px); }
	.multi_slide ul li a .txt_con .ban_title { font-size:1.125rem; }
	.multi_slide ul li a .txt_con .con .ban_con { height:28px; -webkit-line-clamp:1; }
	.multi_slide .swiper_ctl .page_wrap { margin-top:0; }
	.multi_slide .swiper_ctl .page_wrap div i { width:25px; height:25px; font-size:0.75rem; }*/
}

@media (max-width: 768px) {
	/* 메인비주얼 */
	#visual_txt .stxt br { display:none; }

	/* 공지사항 */
	.news_notice_board { margin:20px 0 40px; }
	.news_notice_board .tit_board { font-size:1.733rem; }
	.news_notice_board .list_board > li { width:100%; padding:20px 0; }
	.news_notice_board .list_board > li:first-child { padding-top:0; }
	.news_notice_board .list_board > li a .cate span { font-size:0.867rem; }
	.news_notice_board .list_board > li a .subj { font-size:1rem; }
	.news_notice_board .list_board > li a .date span { font-size:0.867rem; }
	.news_notice_board .btn_more a { font-size:0.933rem; }
	.news_notice_board .btn_more i { width:22px; height:22px; margin-left:8px; }
	.news_notice_board .btn_more a i:before { font-size:0.8rem; }

	/* section8 : 인포그래픽스, GJI TV */
	.section8 .con_left { border-radius:20px; }
	.section8 .multi_slide .ban_cate { margin-bottom:15px; font-size:1.733rem; }
	.section8 .con_left .multi_slide ul li a .txt_con { margin-top:15px; }
	.section8 .con_left .multi_slide ul li a .txt_con .ban_title,
	.section8 .con_right .multi_slide_b .tit a { font-size:1rem; }
	.section8 .con_left .multi_slide ul li a .txt_con .ban_title { height:48px; }
	.section8 .con_left .multi_slide ul li a .txt_con .date,
	.section8 .con_right .multi_slide_b .tit { margin-top:15px; }
	.section8 .con_right .multi_slide_b .date { font-size:0.867rem; }
	/*.section.section8::before { width:350px; height:347px; }
	.section8 .con_wrap { flex-wrap:wrap; gap:30px; width:100%; margin:0; padding:2rem 0; }
	.section8 .con_wrap > div { width:100%; margin:0; }
	.multi_slide .ban_cate { margin-bottom:20px; }
	.multi_slide ul li { margin-bottom:30px; }
	.multi_slide ul li a .txt_con .ban_title { font-size:1.125rem; height:15px; -webkit-line-clamp:1; }*/
}

@media (max-width:576px) {
	/* 메인비주얼 */
	#vis_wrap .vis_img { height:400px; }
	#visual_txt { transform:translate(-50%, calc(-50% + 40px)); padding:0 1.333rem; }
	#visual_txt .txt { font-size:1.8rem; }
	#visual_txt .stxt { font-size:1rem; }

	/* section8 : 인포그래픽스, GJI TV */
	.section8 .con_right .multi_slide_b iframe { height:300px; }
}

@media (max-width:486px) {
	/* 메인배너 */
	/*.gji_banner .ban_title { width:100%; height:auto; margin:0.938rem 0; -webkit-line-clamp:1; font-size:1rem; }
	.gji_banner .ban_con { width:100%; min-height:auto; -webkit-line-clamp:1; font-size:0.938rem; }
	.gji_banner .ban_info { margin-top:0.938rem; }*/

	/* 공지사항 */
	.news_notice_board .list_board > li a .subj { margin:12px 0 6px; }

	/* section8 : 인포그래픽스, GJI TV */
	.section8 .con_right .multi_slide_b iframe { height:250px; }
}

@media (max-width:420px) {

	/* 공지사항 */
	.news_notice_board .list_board > li { padding:15px 0; }
}

@media (max-width: 360px) {
	/* 메인비주얼 */
	#vis_wrap .vis_img { height:350px; }
	#visual_txt .stxt { display:none; }

	/* 공지사항 */
	.news_notice_board .list_board > li:first-child { padding-top:10px; }
	.news_notice_board .btn_more { top:40px; }

	/* section8 : 연구보고서, 간행물 */
	.multi_slide ul { max-height:470px; }
	.multi_slide ul li a .img_con { width:80px; height:109px; }
	.multi_slide ul li a .txt_con { width:calc(100% - 80px); }
	.multi_slide ul li a .txt_con .ban_title { font-size:1rem; height:auto; }
}