@charset "utf-8";

/* Image Slider - css part */
.gallery_box { position:relative; padding-bottom:7px; }

.img_wrap {width:100%;}
.img_wrap img {width:100%;}

.head_line_title { display:block; font-size:23px; color:#1a1a1a; line-height:120%; width:88%; margin:15px auto 0;  font-weight:300; padding-bottom:10px; }
.head_line_text {display:block;height:57px;overflow:hidden;font-size:14px;color:#8c8c8c;line-height:140%;width:88%;margin:0 auto;display: none;text-align:left;}
.head_line_date {float:left; clear:both; font-size:16px; color:#d50225; line-height:140%; width:88%; margin:0 6% 0; text-align:left; }
.head_line_station {float:left; clear:both; font-size:16px; color:#585c55; line-height:140%; width:88%; margin:0 6% 0; text-align:left; padding-bottom:20px;}
.head_line_submenu {display:block;font-size:12px; font-weight:bold;  width:88%; margin:15px auto -13px; }

.gallery_list { position:relative;  width:100%; height:262px; background: url('/images/common/gallery02_bg.jpg') repeat-x; overflow:hidden;  box-shadow:0 0 10px #000 inset;}
.gallery_list .title  { width:100%; display:block; font-size:20px;  color:#FFF;  padding-top:23px; text-align:center; text-shadow: 1px 1px 1px #000 ; }
/*.gallery_list #gallery_rolling { position:relative; width:1255px; height:158px; left:50%; margin-left:-622px; margin-top:10px}*/

.headline-img-wrapper{display:block;position:relative;width:100%;height:0;margin: 20px 0;overflow:hidden;padding-bottom:60.26%;background:url('/images/common/bg_headline_list.png') 0 0 no-repeat;background-size:100% 100%;}
.headline-img-wrapper img{position:absolute; top:0; left:0; width:100%; height:100%;}


/* Image Slider - script part */
.gallery-box-swiper-container {
    margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
    /*height:300px;*/
    height:100%;
    position:relative;
    direction:ltr;
}

.gallery-box-swiper-slider-img {
    /*height:300px;*/
    width:100%;
}
.swiper-slide{position:relative;}
.swiper-slide a{display:block}

.gallery-wrapper {text-align:center;vertical-align:middle;height:100%;}
.gallery-slider {
    height:100%;
}

.gallery-box-swiper-slide-imagecontainer {
    height:100%;
    vertical-align:middle;
    text-align:center;
    margin:0px 0px 0px 0px;
    border:0;
    margin: 0 auto;
    margin:auto;
}

.gallery-box-pagination {
  /*height:33px;
  position: absolute;
  float:right;
  left: 0;*/
  text-align: center;
  /*bottom:160px;
  bottom:0;*/
  width: 100%;
  /*background-color:rgba(0, 0, 0, 0.67);*/
  /*margin-top:-30px;*/
  /*z-index:2;
  padding:9px 0 0 0;*/
}
.gallery-box-swiper-pagination-switch {
position:relative; display: inline-block; border-radius:7px; margin:8px 6px ; width:10px;  height:10px; background:#FFF; border:1px solid #999;
}
.gallery-box-swiper-active-switch {
position:relative; display: inline-block; border-radius:7px; margin:8px 6px ; width:10px;  height:10px; background:#d50225; border:1px solid #d50225;
}
.gallery-box-swiper-visible-switch {

}

/****** News Focus ******/
.news_content {position:relative; width:100%; height:auto; float:left; clear:both;  padding:20px 0 40px 0;}
.news_content .tab_title{width: 90%; margin-left: 5%;clear: both; font-size:15px; padding:20px 0 10px;}
.news_content .news_content_list  {width:90%; margin-left:5%;}
.news_content .list li { width:100%; padding:12px 0; border-bottom:1px solid #f3f3f6;}
.news_content .list li a { display:block; overflow:hidden;}
.news_content .list li:last-child {border-bottom:none;}
.news_content .list li .list_img {float:left;margin-right:14px;background-size:100% 100%;}
.news_content .list li .list_title {font-size:14px;color:#343434;margin-bottom:8px;max-height: 66px;overflow:hidden;}
.news_content .list li .list_text {display: none;font-size:12px;color:#8c8c8c;max-height:50px;overflow:hidden;font-weight:normal;}
/* 뉴스포커스  > 명기단 베스트기사 아이콘 */
.news_content .list li .iconBest{display: inline-block;height: 36px;width: 36px;background: url(/upload/content/editImage/20210701150542549_Z1075JSD.png) no-repeat;text-indent: -9999px;background-size: 100%;position: absolute;margin-top: 0;margin-left: 2px;z-index: 1;}

.news_content .news_content_layout  {width:90%; margin-left:5%; height:100%;}
.news_content .news_content_layout ul {}
.news_content .news_content_layout ul li{border-bottom:1px solid #f2f2f5;}

/****** Event ******/
.event_content {position:relative; clear:both; width:100%; height:auto; padding:10px 0 40px 0;}
.event_content .list_wrap{width:90%; margin-left:5%; float:left; clear:both;}
.event_content .list  {}
.event_content .list li { width:50%; float:left; }
.event_content .list li a{display: inline-block;overflow: hidden;width: 96%;padding:12px 2%;height:auto;}
.event_content .list li .list_img {float:left;margin-right:14px;width:100%;position: relative;height: 0;overflow: hidden;padding-bottom: 60%;}
.event_content .list li .list_img img { position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.event_content .list li .list_title {max-width:300px;float:left;clear:both;margin-top:10px;color:#343434;line-height:120%;font-weight:normal;}
.event_content .list li .list_date {max-width:300px;margin-bottom:2px;font-size: 13px;float: left;color:#d50225;}
.event_content .list li .list_station {max-width:300px; float:left; clear:both; font-size:13px; color:#585c66;}
html .event_content .list .list_border_bottom {border-bottom:1px solid #eee; width:100%; float:left; clear:both; min-height:0; padding:0;}

.event_content2 {position:relative; width:100%; height:auto; float:left; clear:both;   padding:10px 0 40px 0;}
.event_content2 .event_content2_in {float:left; clear:both; border-top:1px solid #eee ; width:90%; margin-left:5%;}
.event_content2 .list li { width:100%; padding:12px 0;  clear:both; float:left; border-bottom:1px solid #eee;}
.event_content2 .list li .list_title {  font-size:18px; color:#343434;  margin-bottom:5px; line-height:120%; font-weight:300;}
.event_content2 .list li .list_station {  font-size:13px; color:#d50225; }
.event_content2 .list li .list_date {float:left; clear:both; font-size:12px; color:#8c8c8c; }

.cultural_content {position:relative; width:100%; height:auto; clear:both;  padding:10px 0 40px 0;}
.cultural_content .cultural_content_in {  width:90%; margin-left:5%;  }
.cultural_content .cultural_content_in .list li {border-bottom:1px solid #f2f2f5; width:100%; padding:12px 0 7px 0;}
.cultural_content .cultural_content_in .list li .list_title {font-size:16px; color:#1a1a1a; padding-bottom:5px; font-weight:bold;}
.cultural_content .cultural_content_in .list li .list_station {font-size:14px; color:#555; padding-bottom:5px; line-height:125%; }
.cultural_content .cultural_content_in .list li .list_station a{text-decoration:underline; }


/****** Resources ******/
.resources_content {position:relative; width:100%; height:auto; clear:both;  padding:10px 0 40px 0;}
.resources_content .resources_content_in {width:90%; margin-left:5%;}
.resources_content .list li { width:100%;}
.resources_content .list li a{ clear:both; width:100%; display:block; padding:12px 0; border-bottom:1px solid #eee; overflow:hidden; }
.resources_content .list li .video_list_img {float:left;margin-right:14px;background-size: 100% 100%;}
.resources_content .list li .pdf_list_img { float:left; margin-right:14px; border:1px solid #8c8c8c; background: url(/images/common/bg_pdf_list.gif) 0 0 no-repeat; background-size: 100% 100%;}
.resources_content .list li .list_title {color:#343434;margin-bottom:8px;font-weight:normal;}
.resources_content .list li .list_count { font-size:17px; color:#8c8c8c; }
.resources_content .list li span {font-size: 12px;color: #999;}
.resources_content .more_content {width:90%; float:left; clear:both; margin:15px 5% 15px; }
.resources_content .more_content a { border:5px solid #efedea; text-align:center; display:block; padding:9px 0; font-size:16px; color:#1a1a1a; }


/****** Government ******/

/*** President ***/
.President_box h2{font-size:18px; font-weight:bold; padding:20px 0 10px 0;}
.President_box h3{ font-size:17px; font-weight:bold; padding:20px 0 10px 0;}
.President_box .view_table1{border:2px solid #e4ebea;width:100%; margin:5px 0 10%}
.President_box .view_table1 caption {display:none;}
.President_box .view_table1 th{text-align:left; width:35%}
.President_box .view_table1 th,.President_box .view_table1 td {border-bottom:1px dotted #e4ebea; border-right:0; padding:6px 10px; font-size:14px; line-height:120%;}


/*** Current Affairs ***/
.top_coment_area { position:absolute; z-index:33; padding:14px 0 10px; top:0; left:0; width:100%; background:rgba(0, 0, 0, 0.7);}
.top_coment_area .count {color:#fff; float:left;  font-size:13px; text-align:center; width:33px; display:block;  padding:31px 0 0 17px; background: url(/images/common/gallery_view_count_img.gif) top right no-repeat;}
.top_coment_area .coment {  color:#fff; font-size:16px; line-height:130%; padding:0 59px 0 59px;  display:block;}
.top_coment_area .esc {position:absolute; display:block; left:100%; margin-left:-32px; }

.text_content_title_area2 {width:100%;float:left;clear:both;margin: 20px 0 0 0;background: #f7f7f7;/* border-bottom:1px solid #e3e1dc; */}
.text_content_title_area2 .title{width:90%;margin:15px 5% 15px;font-size:22px;color: #10213b;font-weight:bold;line-height:120%;}
.text_content_title_area2 .title_intro{ width:90%; margin:10px 5% 0; font-size:18px;  color:#1a1a1a; font-weight:bold; line-height:120%; padding-bottom:10px;}
.text_content_title_area2 .tabmenu{margin: -5px 5% 21px;border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;overflow:hidden;}
.text_content_title_area2 .tabmenu li{ display:inline-block; float:left; width:49.6%;  border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; background:#FFF;}
.text_content_title_area2 .tabmenu li a{ display:block; font-size:13px; padding:3px 0 3px 8px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.text_content_title_area2 .tabmenu li a.now{background:#3d9cEa; color:#FFF;}

/* Current Affair -  list - intro */

.national_content {position:relative; clear:both; width:100%; height:auto; padding-bottom:40px;}
.national_content .list_wrap{width:90%; margin-left:5%; border-top:2px solid #f2f2f5; padding-top:10px;}
.national_content .list  {}
.national_content .list li { width:50%; float:left; }
.national_content .list li a{display: inline-block; overflow: hidden; width: 96%;  padding:12px 2%; height:auto; min-height: 200px;}
.national_content .list li .list_img { float:left; margin-right:14px; width:100%; background:url(/images/common/bg_basic_list.gif); background-size:100% 100%; position: relative; height: 0; overflow: hidden;padding-bottom: 68%;}
.national_content .list li .list_img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.national_content .list li .list_title { max-width:300px; float:left; clear:both; margin-top:10px;  font-size:17px; color:#343434; line-height:120%;  margin-bottom:8px; font-weight:normal ;}
html .national_content .list .list_border_bottom {border-bottom:1px solid #eee; width:100%; float:left; clear:both; min-height:0; padding:0;}

/* Current Affair -  list - basic */
.national_list_wrapper {width:90%; margin-left:5%;}

.national_thumbnail {position:relative; width:100%; height:auto; float:left; clear:both; padding-bottom:40px;}
.national_thumbnail .title {width:90%;margin:0 5%;border-top: 2px solid #ddd;border-bottom:1px solid #f4f4f6;}
.national_thumbnail .title a{width:100%;display:block;font-size:16px;color: #10213b;padding:7px 0 7px;text-align:left;}
.national_thumbnail .title a .arrow{float:right;padding-left:5px; color:#777; }
.national_thumbnail .news_content_list  {width:90%; margin-left:5%;}
.national_thumbnail .national_list_wrapper .list li { clear:both; width:100%; padding:12px 0; border-bottom:1px solid #f3f3f6;}
.national_thumbnail .national_list_wrapper .list li a { display:block; overflow:hidden;}
.national_thumbnail .national_list_wrapper .list li .list_img { float:left; margin-right:14px; background:url(/images/common/bg_basic_list.gif) 0 0 no-repeat;	background-size:100% 100%;}
.national_thumbnail .national_list_wrapper .list li .list_title {font-size:14px;color:#343434;margin-bottom:8px;overflow:hidden;}
.national_thumbnail .national_list_wrapper .list li .list_text { font-size:12px; color:#8c8c8c; max-height:50px; overflow:hidden ; }

/*.national_thumbnail_title {position:relative; width:100%; height:auto; float:left; clear:both; padding-bottom:40px; }
.national_thumbnail_title .title { width:90%; margin:0 5%; display:block; font-size:18px;  color:#1a1a1a;  padding:7px 0 7px; text-align:left; border-top: 2px solid #0e4a9f;border-bottom:1px solid #f4f4f6  }
.national_thumbnail_title .national_list_wrapper .list li { width:100%; padding:12px 0; border-bottom:1px solid #f3f3f6; clear:both; float:left}
.national_thumbnail_title .national_list_wrapper .list li .list_img { float:left; margin-right:14px }
.national_thumbnail_title .national_list_wrapper .list li .list_title {  font-size:17px; height:74px; overflow:hidden; color:#343434;  margin-bottom:8px; line-height:140%; font-weight:normal }*/

/* Current Affair -  list - only title */
.national_only_title {position:relative; width:100%; height:auto; float:left; clear:both; padding-bottom:40px; }
.national_only_title .title {width:90%;margin:0 5%;border-top: 2px solid #ddd;border-bottom:1px solid #f4f4f6;}
.national_only_title .title a{width:100%; display:block; font-size:16px;  color:#1a1a1a;  padding:7px 0 7px; text-align:left;  }
.national_only_title .title a .arrow{float:right;padding-left:5px; color:#777; }
.national_only_title .national_list_wrapper .list li { width:100%; border-bottom:1px solid #f3f3f6; }
.national_only_title .national_list_wrapper .list li a{ display:block; width:100%; padding:10px 0 3px; font-size:14px;}
.national_only_title .national_list_wrapper .list li .list_title {  font-size:14px; color:#343434;  margin-bottom:8px; color:#343434; line-height:1.2; font-weight:normal; }

/* Current Affair -  list - photoGalley  */
.gallery_thumnail {position:relative; float:left; clear:both; width:100%; height:auto; float:left; clear:both; padding-bottom:40px;}
.gallery_thumnail .title {width:90%;margin:0 5%;border-top: 2px solid #ddd;/* border-bottom:1px solid #f4f4f6; */}
.gallery_thumnail .title a{width:100%; display:block; font-size:16px;  color:#1a1a1a;  padding:7px 0 7px; text-align:left;  }
.gallery_thumnail .title a .arrow{float:right;padding-left:5px; color:#777; }
.gallery_thumnail .list_wrap{width:90%; margin-left:5%; float:left; clear:both;}
.gallery_thumnail .list  {}
.gallery_thumnail .list li { width:50%; float:left;}
.gallery_thumnail .list li a{display: inline-block;overflow: hidden;width: 96%;padding:12px 2%;height:auto;}
.gallery_thumnail .list li .list_img {float:left;margin-right:14px;width:100%;position: relative;height: 0;overflow: hidden;padding-bottom: 60%;}
.gallery_thumnail .list li .list_img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.gallery_thumnail .list li .list_title {float:left;clear:both;max-width:300px;margin-top:10px;font-size: 13px;color:#343434;line-height:120%;margin-bottom:8px;font-weight:normal;}
html .gallery_thumnail .list .gallery_thumnail_border_bottom {border-bottom:1px solid #eee; width:100%; float:left; clear:both; min-height:0; padding:0;}

/*** Summit diplomacy ***/
.summit_diplomacy {position:relative; width:100%; height:auto; float:left; clear:both; padding-bottom:40px;}
.summit_diplomacy .list {padding-top:10px;}
.summit_diplomacy .list li { width:100%; padding:12px 0; border-bottom:2px solid #f3f3f6; clear:both;}
.summit_diplomacy .list li .list_img { float:right; width:110px; height:74px; margin-left:14px; background:url('/images/common/bg_basic_list.gif'); background-size:100% 100%; }
.summit_diplomacy .list li .list_title { font-size:15px; color:#343434; margin-top:2px;  margin-bottom:18px; height:61px; overflow:hidden; }
.summit_diplomacy .list li .list_text {font-size:14px; color:#8c8c8c; line-height:140%; padding:8px 0;}
.summit_diplomacy .list li .list_link_line {padding:5px 0 10px 0;border:0px; font-size:13px;}
.summit_diplomacy .list li .list_link_line .list_link_title { display:inline-block; vertical-align:text-top;font-size:12px; color:#343434;width:35px;   }
.summit_diplomacy .list li .list_link_line .list_link { display:inline-block;}
.summit_diplomacy .list li .list_link_line .list_link a{ text-decoration:underline;}
.summit_diplomacy .summit_diplomacy_layout  {width:90%; margin-left:5%;height:100%;}



/****** Photo Gallery ******/
/* Photo Gallery list */
.photo_content {position:relative; clear:both; width:100%; height:auto; padding:3px 0 40px 0;}
.photo_content .list_wrap{width:90%; margin-left:5%;}
.photo_content .list  {}
.photo_content .list li { width:50%;  float:left;}
.photo_content .list li a{display: inline-block; overflow: hidden; width: 96%;  padding:12px 2%; height:auto; min-height: 200px;}
.photo_content .list li .list_img { float:left; margin-right:14px; width:100%; background:url('/images/common/bg_basic_list.gif'); background-size:100% 100%; position: relative; height: 0; overflow: hidden;padding-bottom: 68%;}
.photo_content .list li .list_img img { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.photo_content .list li .list_title { max-width:300px; float:left; clear:both; margin-top:10px;  font-size:17px; color:#343434; line-height:120%;  margin-bottom:8px; font-weight:normal; }
html .photo_content .list .list_border_bottom {border-bottom:1px solid #eee; width:100%; float:left; clear:both; min-height:0; padding:0;}

.count_box {position:absolute; z-index:51; width:19px; height:21px; background:url('/images/common/gallery_list_img.gif'); display:block; color:#fff; padding:7px 0 0 40px; font-size:12px;}

.gallery_view_bottom { width:100%; position:absolute; top:auto; bottom:0; z-index:33;}
.gallery_view_text { background:rgba(0,0,0,0.6);padding:11px 20px;}
.gallery_view_text p { color:#fff; padding:11px 20px; font-size:13px; line-height:130%;}

.toggleContent {}
.bt_gallery_bottom_img a { margin:0 auto;display:block; width:109px; height:18px; background-image:url('/images/common/gallery_viwe_bottom_bt.png'); background-position: left bottom; background-size: cover;}
.bt_gallery_bottom_img2 a { margin:0 auto;display:block; width:109px; height:18px; background-image:url('/images/common/gallery_viwe_bottom_bt.png'); background-position: left top; background-size: cover;}
.gallery_view_text .title {padding:0px;margin:0px; color:#fff;  font-size:14px; line-height:130%; font-weight:bold;}
.gallery_view_text .content_text {padding:0px;margin:0px; color:#fff;  font-size:14px; line-height:130%;}
.gallery_view_text .content_text .showhideContent{padding:0px;margin:0px; color:#fff;  font-size:14px; line-height:130%;}

/* Photo Gallery View */
html body #gallery_view_box { width:100%; height:100%; position: relative; overflow: hidden; background:#000 ;}
.gallery_view_lbt { position:absolute; top:50%; margin-top:-25px; z-index:32 ;}
.gallery_view_rbt { position:absolute; top:50%; margin-top:-25px; left:100%; margin-left:-41px; z-index:32;}

.gallery_view_img_box { width:100%; height:100%;  overflow:hidden;}
.gallery_view_img_box a{ position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:100%; display:table;  z-index:30;}