/*version 5.8*/

body {font-family:'Pretendard'; font-weight: 500; letter-spacing: -.5px; 
	  line-height: 1.25; word-break: break-all; overflow-x: hidden}

/**************************************
 메인화면 
**************************************/


/*gnb*/
.gnb_area { width: 100%; background: #fff; padding: 12px 0; border-bottom: 1px solid rgba(0,0,0,.1); } 
.gnb_area .gnb_contents_area { width: 1218px; position: relative; margin: auto; padding: 0; display: flex; justify-content: space-between } 
.gnb_area .gnb_contents_area .left_gnb_txt { font-size: 0.875rem; letter-spacing: -1.2px; font-weight: 400; opacity:.8 } 
.gnb_area .gnb_contents_area .left_gnb_txt span { margin-right: 5px } 
.gnb_area .gnb_contents_area .left_gnb_txt .gnb_sns_icon { } 
.gnb_area .gnb_contents_area .left_gnb_txt .gnb_sns_icon a { display: flex; margin: 0 5px } 

.gnb_area .gnb_contents_area .right_gnb_txt { font-size: 0.875rem; opacity: .8; 
	font-weight: 400 } 
.gnb_area .gnb_contents_area .right_gnb_txt a { margin-right: 10px } 


/*header*/
.top_header_area {display: flex; align-items: center; justify-content: space-between;
	height: 100px; padding-top:22px } 
.top_header_area div { width: 100% } 
.top_header_area > div:nth-child(1) { position: relative; top: -13px } 
.top_header_area div:nth-child(2) { text-align: center } 
.top_header_area div:nth-child(2) img {margin-bottom:5px}
.top_header_area div:nth-child(3) { text-align: right } 
.top_header_area .m_menu_ico { display: none } 
.top_header_area .m_search_ico { display: none } 


/*드롭다운 전체메뉴*/
.menu-nature .dorp-down-menu { } 
.menu-drop .dorp-down-menu { display: block; top: 210px; height: auto; padding-top: 25px; } 
.dorp-down-menu { width: 100%; height: 0; background-color: #fff; padding: 0; position: absolute; 
	top: 215px; z-index: 9999; /*border-bottom: 1px solid #fafafa;*/
	/*-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s ;*/ box-shadow: 0 6px 7px -4px rgb(0 0 0 / 20%); } 

.sitemap-container { width: 1202px; padding: 20px 0; margin: auto; height: 0; padding: 0; background: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow: hidden; } /*20210104 수정*/
.menu-nature .sitemap-container ul { width: auto; position: relative; height: auto; padding-right: 30px; display: flex; margin-bottom: 0; padding-left: 30px; display: none } 
.menu-nature .sitemap-container ul h1 { font-size: 0.9375rem; color: #008840; padding-bottom: 18px; width: 95px; font-weight: 500; display: inline-block; margin-right: 50px; } 
.menu-nature .sitemap-container ul h1 a { color: #03458d } 
.menu-nature .sitemap-container ul li { font-size: 0.875rem; padding: 0; cursor: pointer; list-style: none; display: inline-block; margin-right: 15px } 

.menu-drop .sitemap-container { display: block; height: auto; padding: 10px 0 } 
.menu-drop .sitemap-container ul { width: auto; position: relative; height: auto; padding-right: 7px; display: flex; margin-bottom: 0; padding-left: 30px } 
.menu-drop .sitemap-container .map-box01:first-child { width: 730px } /*203210107 수정*/
.menu-drop .sitemap-container .map-box01:last-child { width: 300px } 
.menu-drop .sitemap-container .map-box01:first-child ul { padding-left: 0 } /*20210104 추가*/
.menu-drop .sitemap-container .map-box01:last-child ul { padding-right: 0 } /*20210104 추가*/
.menu-drop .sitemap-container ul h1 { font-size: 0.9375rem; color: #008840; padding-bottom: 15px; display: inline-block; margin-right: 36px; font-weight: 500; width: 95px } 
.menu-drop .sitemap-container ul h1 a { cursor: pointer; color: #03458d; font-weight: bold } 
.menu-drop .sitemap-container ul li { font-size: 0.938rem; padding: 0 !important; cursor: pointer; list-style: none; margin-right: 11px; font-weight: 500; opacity: .85 } 
.menu-drop .sitemap-container ul li:hover {opacity: 1} 
.map-box01 { float: left; width: 600px; border-right: 1px #d7d7d7 solid } /*20210104 추가*/



/*모바일 사이드메뉴*/
.m-side-menu { width: 100%; background-color: #fff; position: fixed; z-index: 99999; height: 100%; overflow: auto; margin-left: -100%; display: none } 
.m-side-menu .menu-title-container { padding: 15px; border-bottom: 2px #d7d7d7 solid; } 
.m-side-menu .menu-title-container img { width: 127px; display: inline-block } 
.m-side-menu .menu-title-container .cancel-ico-01 { float: right; width: 18px !important; position: relative; top: 5px; cursor: pointer } 

.m-side-menu .menu-section { width: 100%; padding: 10px 0 10px 15px; text-align: left; float: left; border-bottom: 2px #d7d7d7 solid; font-weight: 600; } 
.m-side-menu .menu-step { width: 100%; padding: 0 15px 15px; border-bottom: 2px #d7d7d7 solid; float: left } 
.m-side-menu .menu-step ul { padding-left: 0; margin-bottom: 0; display: flex; flex-direction: row; justify-content: flex-start } 
.m-side-menu .menu-step ul li { list-style: none; float: left; margin-right: 2%; margin-top: 15px; width: 32% } 
.m-side-menu .menu-step ul li:last-child { margin-right: 0 } 
.m-side-menu .menu-step ul .side-menu-btn { width: 100%; font-size: 0.9rem !important; letter-spacing: -0.9px; padding: .375rem 0.5rem !important; font-weight: 400 } 


/*검색창*/
.menu_left .search_area { width: 225px; cursor: pointer; padding-left: 10px }
.menu_left .top-search-input { width: 225px; border: 1px #d7d7d7 solid;
	display: inline-block; position: relative; height: 40px; display: none; }
.menu_left .top-search-input .search-input { padding: 7px; border: 0; width: 170px; display: inline-block; padding-right: 0 } 
.menu_left .top-search-input .search-ico { background: url(../images/ico/search_ico_01.png)no-repeat; width: 24px; height: 22px; position: absolute; right: 9px; top: 7px; cursor: pointer; } 
.menu_left .top-search-input .search_bar_cancel { background: url(../images/ico/search_cencel.png)no-repeat; width: 21px; height: 21px; position: absolute; right: -30px; top: 8px; cursor: pointer } 


/*menu*/
.menu_area { width: 100%; padding: 15px 0 0; border-bottom: 4px #363636 solid; display: flex; justify-content: space-between; align-items: flex-end;  flex: 1; height: 65px } 
.menu_area div { } 
.menu_area .menu_left { display: flex; align-items: center; padding-bottom: 8px } 
.menu-nature .menu_area .menu_left .main_menu { margin-right: 10px; cursor: pointer; background: url(../images/ico/top_menu_ico_01.png)no-repeat; width: 21px; height: 15px } 
.menu-drop .menu_area .menu_left .main_menu { margin-right: 10px; cursor: pointer; background: url(../images/ico/top_menu_cacel.png)no-repeat; width: 21px; height: 18px } 

.menu_area .menu_center { text-align: center; } 
.menu_area .menu_center ul li { margin-right: 15px; display: inline-block; }
.menu_area .menu_center ul a {display: inline-block; font-weight: 800; padding-bottom:8px }
.menu_area .menu_center ul a.active {  color: #03458d;} 
.menu_area .menu_center ul a:hover {color: #03458d; } 
.menu_area .menu_center .m_sp_menu { display: none !important } 
.menu_area .menu_center .m_sp_menu:first-child { margin-left: 20px } 

.menu_right {padding-left:32px; padding-bottom: 8px; display: flex; align-items: center } 
.menu_right a { margin-right: 15px; display: inline-block; font-weight: 800; opacity: .75 } 
 

/*
.top_news_contents a:hover {text-decoration: underline}
.juyo a:hover {text-decoration: underline}
.juyo p:hover {text-decoration: underline}
*/


/*top news*/
.news_box {position: relative}
.img_box {width: 100%; height: auto }
.img_title {display:inline-block; font-size: 1.063rem; font-weight: bold; line-height: 1.4;
	-webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;
	overflow: hidden; text-overflow: ellipsis; white-space: normal;	padding-top:8px;}
.red_title {background:#C0392B; color:#fff; letter-spacing: 0; text-align: center; z-index: 9;
	border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; display: inline-block; padding:3px 8px; position: absolute;  top:0; left: 50%; transform: translate(-50%, 0%);
	font-weight: 400; font-size:1rem; font-family: "roboto" }
.top_news_contents { margin-top: 30px; margin-bottom:15px  }
.main_topnews {flex-direction: row-reverse; }

.top_main .red_badge_area {display:inline-block; width:100%; position: relative}
.top_main .red_badge_area .red_badge {margin-top: 5px; position: absolute;}
.main_news .red_badge {margin-top: 8px;}


/*탑뉴스*/
.top_left_area .news_box {margin-bottom:25px}
.top_left_area .news_box:last-child {margin-bottom:0 !important}
.top_left_area .img_box {height: 155px}

/*탑 중앙*/
.top_main .red_title {top:315px; border-top-right-radius: 3px; border-top-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px }
.top_news_contents .top_img_area { width: 100%; height: 330px; position: relative } 
.top_news_contents .top_news_title { font-size: 2.125rem; margin-top: 26px; font-weight: bolder; 
	letter-spacing: -1px; color:#161616; text-align: center; word-break: keep-all;
	height: 90px; display: grid; align-items: center; overflow: hidden; line-height: 1.4 } 
.top_news_contents .topnews_txt_area:hover { text-decoration: underline } 


/*커버스토리*/
.top_coverstory { width: 100%; height: 458px; overflow: hidden; border: 4px solid #ba342b} 
.top_coverstory a { margin-bottom: 30px; width: 100%; float: left } 
.top_coverstory a .right_top_news_01 { width: 100%; height: 451px; position: relative; } 
.top_coverstory a .right_top_news_01 .thumb_title_back { width: 100%; height: 148px;
	padding: 404px 30px 55px; position: absolute; bottom: 0; display: flex; align-items: flex-end;
	background:linear-gradient(to bottom, rgba(0,0,0,0) 20%,rgba(0,0,0,1) 100%,rgba(0,0,0,1) 100%); } 
.top_coverstory a .right_top_news_01 .thumb_title_back p { color: #fff; font-size: 1.125rem;
	margin-bottom: 0; line-height: 1.4; font-weight: 600; overflow: hidden } 

.top_right_area {position: relative}
.top_right_area .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .top_right_area .swiper-pagination-fraction {bottom: 40px}
.top_right_area .swiper-pagination-bullet-active {background:#C0392B !important  }
.top_right_area .swiper-pagination-bullet {background: #fff;  }


/*탑 배너*/
.top_banner_area {margin-bottom:5px;}
.top_banner_area img {width:100%; height:85px;}

/*탑 컨퍼런스배너*/
.confer_banner { width: 100%; height: 85px; overflow: hidden; position: relative} 
.confer_banner a { width: 100%; height: auto; float: left } 
.confer_banner .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .confer_banner .swiper-pagination-fraction { position: absolute; z-index: 10; 
	left: calc(100% + -57%); bottom: 5%;}
.confer_banner .swiper-pagination2 {}
.confer_banner .swiper-pagination-bullet-active {background:#C0392B !important  }
.confer_banner .swiper-pagination-bullet {background: #fff;  }



/*주요뉴스*/
.section_area {font-size: 1rem}
.section_area h2 {font-size:1.25rem; margin-bottom:15px; font-weight:bold; font-weight: 800}
.border_wrap {border-top:4px solid #C0392B; padding-top:18px; margin-top:35px;  }
.border_wrap h2 {color:#C0392B; padding-bottom:10px }
.border_wrap02 {border-top:4px solid #03458d; padding-top:18px; margin-top:35px;  }
.border_wrap02 h2 {color:#03458d; padding-bottom:10px;  }

.news_tit_box {position: relative}
.news_tit_box .red_badge {position: absolute; top:0}

.red_badge {background: #A93226; color: #fff; border-radius: 3px; display: inline-block;
    padding: 4px 6px; line-height: 1; font-weight: 400; font-size: .813rem; letter-spacing: 0}

.juyo h2 {padding-bottom: 0}
.juyo .media { width:calc(100% + -51.7%); height:160px; float: left; padding:15px 0;	
	border-bottom:1px solid rgba(0,0,0,.15); justify-content: space-between  } 
.juyo .media:nth-child(even) {margin-right: 15px}
.juyo .media:nth-child(odd) {margin-left: 15px}
.juyo .media:last-child {border:none}
.juyo .media:nth-last-child(2)  {border:none}

.juyo .media .img_title { padding-top:28px; } 

.news_thumb { padding-left:15px; } 
.thumbnail_img { width:105px; height:78px }

.news_cont {margin-top:8px; line-height: 1.4;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; 	margin-top:5px; overflow: hidden; color:#888; font-size: .938rem; max-height: 40px  }

.related_link {margin-top:10px;  }
.related_link li:before { position: absolute; content: "•"; font-size:smaller; color: #999;
	padding: 0; left:0; } 
.related_link li {position: relative;
	display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; 
	margin-top:5px; overflow: hidden; padding-left:10px; color:#888; font-size: .938rem }
.related_link li a { color:#888;}


/*오피니언*/
.op08 {color:#888; margin-right:5px}

.r_list li { padding:15px 0; border-bottom:1px solid rgba(0,0,0,.15); 
	align-items: center; justify-content: space-between} 
.r_list li:first-child {padding-top:0}
.r_list .news_tit a { font-weight: 500; line-height: 1.4; display:inline-block; padding-top: 4px;} 
.r_list .news_thumb {padding-left: 20px}
.r_list .news_thumb .thumbnail_img { width:60px; height:60px; border-radius:50%; 
	border:1px solid #f1f1f1 } 


/*뒤끝토크*/
.sky_box { margin-top:30px; padding: 30px; background-size:29px 11px; background-color: #f4f5fa;
	background-image:url(../images/ico/arrow_b.png); background-repeat: no-repeat; 
	background-position:90% 80%}
.sky_box a {display: block}
.sky_box span {display: block; font-weight: bold; font-size: 1.125rem; padding-bottom:15px;
	border-bottom:1px solid rgba(32,85,117,.2) }
.sky_box p {display: block; padding-top:15px; line-height: 1.4}


/*스토리뉴스*/
.story_wrap .col-lg-3 {padding: 0}
.story_wrap .row {padding:0 10px}

.story_wrap .row > div:first-child p {-webkit-line-clamp: 8; -webkit-box-orient: vertical; 
	display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; }

.story_wrap .row > div:first-child a {height: 355px; background-position: 90% 90%;} 
.story_wrap .col-lg-6 > div:first-child a {background-position: 95% 80%;}

/*
.story_wrap .col-lg-6 > div:first-child strong { overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap; display: block;}
*/

.story_wrap .col-lg-6 > div:first-child p {
	-webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;
    overflow: hidden; text-overflow: ellipsis;  white-space: normal; /*width: calc(100% + -15%);*/ }

.red_box a {display:block; padding: 30px; height: 170px; margin-bottom:15px; line-height: 1.4;
	background-size:29px 11px; background-color: #f9f4ef; background-position:90% 80%;
	background-image:url(../images/ico/arrow_r.png); background-repeat: no-repeat}

.red_box strong {font-size: 1.125rem; display: block; margin:8px 0;
	-webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;
    overflow: hidden; text-overflow: ellipsis; white-space: normal }

.red_box p {font-size: 1rem; color:#888; }
.dugae { width:calc(50% + -7.5px); float:left;  }
.dugae:last-child {margin-left:15px; }


/*at가 만난 사람들*/
.saram_wrap h2 {padding-bottom:10px;}
.saram_wrap .media {justify-content: space-between; align-items: center}
.saram_wrap .thumbnail_img {width: 280px; height: 155px}
.in_tb {display: inline-table !important; width: 100%}
.saram_wrap .media strong {font-size: 1.75rem; font-weight: 600 }
.saram_wrap .media .news_thumb {padding-left: 30px }
.saram_wrap .red_box a {background-color: #f4f6f7  !important; 
	background-image:url(../images/ico/arrow_b.png) }

.saram_wrap .dugae strong {-webkit-line-clamp: 1;}
.saram_wrap .dugae p { -webkit-line-clamp: 2; -webkit-box-orient: vertical;  display: -webkit-box; 
	overflow: hidden; text-overflow: ellipsis; white-space: normal; /*width: calc(100% + -15%);*/ }
/*.saram_wrap .dugae strong { overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; display: block;}*/

/*기업과 사람들*/
.saram_wrap .img_box {height: 155px;}
.saram_wrap .col-lg-9 {padding-left: 10px}
.saram_wrap .col-lg-3 {padding: 0}
.saram_wrap .col-lg-3 .red_box {margin-right: 10px}
.saram_wrap .col-lg-3 .red_box stong {margin-top:10px}
.saram_wrap .col-lg-3 a {height: 400px; background-position:90% 91.8% !important;}
.saram_wrap .col-lg-3 p {-webkit-line-clamp: 4; -webkit-box-orient: vertical; 
	display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; }
.saram_wrap .red_box strong {margin-top:10px}


/*디지털뉴스 인터렉티브*/
.digital .col-lg-9 {padding-left: 10px}
.digital .col-lg-3 {padding-right: 10px }

.digital h2 {padding-bottom:10px;}
.digital .swiper { position: relative;  width: 100%; height: 100%; display: block; overflow: hidden } 
.digital .swiper_btn { width:26px; height:26px; background-color:#fff; border-radius:50%; border:1px solid #cdcdcd; background-size:20px; opacity: 1; box-shadow: 0 6px 7px -4px rgb(0 0 0 / 5%); } 
.digital .swiper_btn_wrap {position: absolute; top:23px; right:23px}
.digital .swiper-button-prev { background-image:url(../images/ico/prev_ico.png); background-size:22px; left:-36px } 
.digital .swiper-button-next { background-image:url(../images/ico/next_ico.png); background-size:22px; right:-23px } 

.digital .swiper .thumbnail_img {width: 100%; height:265px }
.digital .swiper .news_thumb { padding:0 }
 
.digital .ad_box {padding-top:49px}
.digital .ad_box img {width:100%; height:279.5px}

.digital .line_bar {display: block; width:100%; max-width:1218px; margin:30px auto 18px;
	width:100%; height: 1px; background:rgba(0,0,0,.15) }


.digital .hyunjang .swiper .thumbnail_img {height: 145px !important}
.digital .hyunjang .swiper .img_title {font-size: 1.063rem}

.digital .play_box {display: block; position: relative;  }
.digital .play_box .thumbnail_img {width:100%; height:145px; }
.digital .play_box .play_ico {position: absolute;  top: 50%;  left: 50%; 
	transform: translate(-50%, -50%); width:60px; height: auto }

/*모바일 디지털뉴스 인터랙티브*/
.m_digital {display: none}



/*뉴스랩*/
.news_wrap {margin:20px 0;}
.news_wrap .col-lg-9 {padding-left: 10px}
.news_wrap .col-lg-9 .col-lg-4 {padding-left: 10px }
.news_wrap .col-lg-3 {padding-right: 10px }

.news_wrap .border_wrap:last-child {margin-top:40px}
.news_wrap .section_news .img_title {min-height: 58px;}
.news_wrap .section_news a { line-height: 1.4; min-height: 45px;
	-webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; 
	overflow: hidden; text-overflow: ellipsis; white-space: normal;}
.news_wrap .section_news .img_box {height: 155px}
.news_wrap .section_news > div {border-bottom:1px solid rgba(0,0,0,.15); padding:12px 0}
.news_wrap .section_news > div:nth-child(2){padding-top:0 !important}
.news_wrap .section_news > div:last-child {border-bottom: none}


/*중간 우측 컨텐츠*/
.jimyun .red_badge {background: #03458d; margin-bottom:5px}
.jimyun_box {position: relative; display: block; padding-bottom: 45.1%;
	height: 155px;overflow: hidden;}

.ji_img_bg {position: absolute; background-size: cover !important; overflow: hidden;
	left: 0; top: 0; width: 100%; height: 100%; background-color: #dce0e6;}

.ji_img { position: absolute;  overflow: hidden;right: 12%; top: 15%; width: 75%; height: 100%;
    background-position: 50% 0 !important;  box-shadow: 0px 5px 5px 0 rgb(53 72 47 / 55%);}
.jimyun .img_title {padding-top:10px !important; display: block !important; min-height: 85px; }

.confur a {display:block; margin-bottom: 5px}
.confur a img {width: 100%; height: 85px}

.reporters .rolling_arrow > div {width:26px; height:26px; background-color:#fff; border-radius:50%; border:1px solid #cdcdcd; background-size:20px; opacity: 1; box-shadow: 0 6px 7px -4px rgb(0 0 0 / 5%); } 


/*리포터*/
.reporters {margin-top:45px}
.reporters .swiper-container {width:80%; margin-top:25px}
.reporters .reporters_list_area {display: flex;}
.reporters .reporters_list_area a { width: 100% } 
.reporters .reporters_list_area .reporter_area {text-align: center; width:100%;
	justify-content: space-between; } 
.reporters .reporters_list_area .reporter_area .reporter_img { width: 75px; height: 75px; position: relative; overflow: hidden; border-radius: 65px; display: block; margin: auto } 
.reporters .reporters_list_area .reporter_area .reporter_name { padding-top: 8px } 
.reporters .reporters_list_area .reporter_area .reporter_name span:first-child {
	display: block; color:#888; font-size: .875rem; } 
.reporters .reporters_list_area .reporter_area .reporter_name span:last-child {
	font-weight: bold;} 

.reporters .rolling_arrow {position: absolute; width: 100%; height: 125px} 
.reporters .rolling_arrow > div {position: absolute; top:50%; display: inline-block; cursor:pointer} 
.reporters .swiper_arrow_prev { } 
.reporters .swiper_arrow_next {right:30px; } 

.reporters .rolling_arrow img {width:24px } 


/*빅데이터기사 많이 본 기사*/
.bigmany {margin:30px 0}
.bigmany .col-lg-9 {padding-left: 10px}
.bigmany .col-lg-3 {padding-right: 10px }

.pop_news_area {padding-bottom:15px; border-bottom:1px solid rgba(0,0,0,.1); align-items: center; } 
.pop_news_area .popnews_num { opacity: .5; font-family: "roboto" ; align-self: center; margin-right: 20px;  } 
.pop_news_area .popnews_title { width: 100%;  overflow: hidden } 
.pop_news_area .popnews_title p {  align-self: center;  -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; } 
.pop_news_area .popnews_title span { font-size: 0.875rem; color: #7d7d7d;} 
.pop_news_area .popnews_thumb { width: 105px; height: 78px; align-self: center; margin-left: 10px } 

.popnews_under_list .popnews_list { display: flex; align-items: center; 
	border-bottom:1px solid rgba(0,0,0,.1); padding:15px 0; } 
.popnews_under_list .popnews_list .underlist_num {opacity: .5; margin-right: 15px} 
.popnews_under_list .popnews_list .underlist_title {    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;   display: -webkit-box;   overflow: hidden;
    text-overflow: ellipsis;    white-space: normal;      } 
.contents_title_style02 { width: 100%; padding: 0 0 5px 0; border-bottom: 1px #d7d7d7 solid } 

.bigdata_contents_area {width:100%; height:380px; background: #f7f7f7}


/*배너박스*/
.baner_box { width: 100%; height: auto; margin-top:20px; text-align: center}
.baner_box img { width: 100%; height: auto; margin-top: 15px }


/*배너광고*/
.banner_background { position: relative; width: 100%;  height: auto; 
	left: 0; right: 0; margin:30px auto; background:#F2F4F4  } 
.banner_background .banner_area { padding:15px 0;  margin: auto; max-width:1248px;  } 


.banner_background .banner_area img { width: 100%; margin-bottom:15px; } 
.m_banner_background  {display: none;}  
.m_banner_background .banner_area {margin: 30px 15px 0;  display: block; width: 100%; }  
.m_banner_background a img {width:100%; height: auto; }


/*하단배너광고*/
.banner_background_02 { position: relative; width: 100%; height: auto; left: 0; right: 0; background-color: #d7d7d7; margin-top: 50px; margin-bottom: 50px; padding: 30px 0 0 } 
.banner_background_02 .banner_area { margin-top: 60px; max-width: 1238px; margin: auto } 
.banner_background_02 .banner_area div { margin-bottom: 30px; width: 100%; height: auto } 
.banner_background_02 .banner_area div a { } 
.banner_background_02 .banner_area div a img { width: 100%; height: auto } 
.banner_background_02 .banner_area div:nth-child(5), 
.banner_background_02 .banner_area div:nth-child(6),
.banner_background_02 .banner_area div:nth-child(7),
.banner_background_02 .banner_area div:nth-child(8) { margin-bottom: 0 } 


.line_horizon_set { width: 100%; margin-bottom: 30px; border-bottom: 1px solid rgba(0,0,0,.1) } 

.m_sns {display: none;  padding: 30px 15px;}
.m_sns ul {display: flex;  -ms-flex: 1; flex: 1; justify-content: center; width: 80%; margin: 0 auto;}
.m_sns li {display: inline-block; width: 20%; text-align: center}
.m_sns li img {width: 50%; opacity: .5}



/*footer*/
.footer { margin:20px 0; position: relative; clear: both } 
.footer .footer_logo {width: auto}
.footer .footer_copyright {} 
.footer .footer_copyright .info_list { padding-bottom: 15px } 
.footer .footer_copyright .info_list ul { display: flex; align-items: center } 
.footer .footer_copyright .info_list ul a  { list-style: none; font-size: 0.875rem; letter-spacing: -1.2px } 
.footer .footer_copyright .info_list ul a::after { content: 'ㅣ'; padding-left: 15px; padding-right: 15px } 
.footer .footer_copyright .info_list ul li:last-child a::after { content: '' } 

.footer .footer_copyright .copyright_container ul { display: flex; align-items: center; padding-bottom: 5px } 
.footer .footer_copyright .copyright_container ul li { letter-spacing: -0.5px; color: #707070; font-size: 0.875rem } 
.footer .footer_copyright .copyright_container ul li::after { content: 'ㅣ'; padding-left: 10px; padding-right: 10px } 
.footer .footer_copyright .copyright_container ul li:last-child::after { display: none } 

.footer .footer_copyright .comission_container { display: flex; align-items: center; margin-top:10px } 
.footer .footer_copyright .comission_container a { } 
.footer .footer_copyright .comission_container a img { width:80%; margin-right: 20px } 

.footer .footer_copyright .moblie_copyright_container { display: none } 

.footer .footer_copyright .moblie_copyright_container ul { display: flex;  padding-bottom: 5px; justify-content: center } 
.footer .footer_copyright .moblie_copyright_container ul li a {display: inline-block; padding:0 5px;}
 .footer .footer_copyright .moblie_copyright_container ul li::after { content: '|'; 
	 padding: 0; opacity: .5 } 
.footer .footer_copyright .moblie_copyright_container ul li:last-child::after { display: none } 

.moblie_copyright_container p { padding-top: 30px; display: none } 

.editorial_pagination { position: relative !important } 
.editorial_pagination span { margin-right: 5px } 
.footer_s_line { width: 1px; height: 12px; background-color: #828282 } 


/**************************************
 섹션 메인화면 
**************************************/

.center_line { padding: 15px 0; border-bottom: 2px #363636 solid; width: 100%; margin-bottom: 50px;
}

/*헤더*/
.top_header_area .center_logo_area h4 { font-size:2.3125rem; font-weight: 600; letter-spacing: -1px } 
.top_header_area .left_ad_area .left_top_logo { } 


/*탑뉴스*/
.top_news_contents .top_news_02 { background-color: #fff; width: 100%; height: 613px } 
.top_news_contents .top_news_02 a { display: block; height: 610px; overflow: hidden } /*20201224 추가*/
.top_news_contents .top_news_02 .top_img_area { width: 100%; height: 370px; position: relative } 
.top_news_contents .top_news_02 .sub_topNews_title { white-space: inherit; line-height: 1.3; max-height: 93px; overflow: hidden; font-size: 2.25rem; letter-spacing: -3.5px; margin-top: 20px; font-weight: 400; text-align: left; margin-bottom:10px } 
.top_news_contents .top_news_02 .topNews_date_area { font-size: 0.875rem; color: #898989 } 
.top_news_contents .top_news_02 .topnews_txt_area { font-size: 1rem; color: #7d7d7d; font-weight: 400; margin-top: 18px; letter-spacing: -1px; line-height: 1.7; overflow: hidden; height: auto }
.top_news_contents .section_right_topBox { width: 100%; height: 183px; overflow: hidden; margin-bottom: 30px } 
.top_news_contents .section_right_topBox:last-child { margin-bottom: 0 } 
.top_news_contents .section_right_topBox .right_topNews_title { font-size: 1.25rem; color: #363636; letter-spacing: -1.5px; line-height: 1.4; margin-bottom: 12px; font-weight: 500; /* max-height: 56px; */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap } 
.top_news_contents .section_right_topBox .right_topNews_articleContainer { } 
.top_news_contents .section_right_topBox .right_topNews_articleContainer .right_topThumb_box { width: 162px; height: 144px; /*max-height: 134px; */ margin-right: 15px } /*20210105 수정*/
.top_news_contents .section_right_topBox .right_topNews_articleContainer .right_topNews_txtbox { /* margin-left: 15px*/ } 
.top_news_contents .section_right_topBox .right_topNews_articleContainer .right_topNews_txtbox span { font-size: 0.875rem; color: #898989; line-height: 1.7; letter-spacing: -1.2px; display: block } 


/*리스트*/
.list_contents_container { /* width: 100%; */height: auto; display: flex; flex-wrap: wrap; } 
.list_contents_container .section_left_container { padding-right: 64px; /*border-right: 1px #d7d7d7 solid; */width: 856px; float: left } 
.list_contents_container .section_left_container .section_main_newslist_container { margin-bottom: 45px } 
.list_contents_container .section_left_container .section_main_newslist_container .list_thumbnail_box { width: 140px; height: 105px; margin-right: 25px } 
.list_contents_container .section_left_container .section_main_newslist_container .list_news_contents p { font-size: 1.125rem; letter-spacing: -1.5px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 15px } 
.list_contents_container .section_left_container .section_main_newslist_container .list_news_contents .list_news_txt { font-size: 0.875rem; color: #707070; line-height: 1.5; display: block; letter-spacing: -0.7px; height: 45px; overflow: hidden } 
.list_contents_container .section_left_container .section_main_newslist_container .list_news_contents .list_news_byline { font-size: 0.875rem; color: #707070; letter-spacing: -0.7px } 

.list_contents_container .section_right_container { float: left; padding-left: 53px; width: 360px; border-left: 1px #d7d7d7 solid; } 
.list_contents_container .section_right_container .right_banner_area { width: 100%; height: 250px; margin-bottom: 30px } 
.list_contents_container .section_right_container .right_mainNews_area { width: 100%; margin-bottom: 50px } /*20201224 수정*/
.list_contents_container .section_right_container .right_mainNews_area p { font-size: 1.0625rem; font-weight: 600; letter-spacing: -1.2px; line-height: 1.5; margin-bottom: 10px; max-height: 50px; overflow: hidden } 
.list_contents_container .section_right_container .right_mainNews_area .mainnews_area { margin-bottom: 30px } 
.list_contents_container .section_right_container .right_mainNews_area .mainnews_area .main_news_thumbBox { width: 120px; height: 90px; margin-right: 15px } 
.list_contents_container .section_right_container .right_mainNews_area .mainnews_area .media-body .main_news_txt { font-size: 0.875rem; color: #707070; letter-spacing: -1.2px; line-height: 1.7; display: block; height: 90px; overflow:hidden } 

.list_contents_container .right_popNews_area { margin-bottom: 50px } /*20201224 수정*/
.list_contents_container .right_popNews_area .popNews_title_container { width: 100%; padding-bottom: 10px; border-bottom: 2px #363636 solid } 
.list_contents_container .right_popNews_area .popNews_title_container p { font-size: 1.5rem; margin-bottom: 0; letter-spacing: -1.7px } 

.list_contents_container .right_popNews_area .popNews_list_container { } 
.list_contents_container .right_popNews_area .popNews_list_container .pop_news_contents_box { margin-bottom: 15px; height: 69px } 
.list_contents_container .right_popNews_area .popNews_list_container .pop_news_contents_box:first-child { } 
.list_contents_container .right_popNews_area .popNews_list_container .pop_news_contents_box .pop_num { font-size: 1.25rem; font-weight: 600; align-self: center; margin-right: 15px; width: 22px } 
.list_contents_container .right_popNews_area .popNews_list_container .pop_news_contents_box .pop_news_title { font-size: 0.9375rem; letter-spacing: -1.5px; line-height: 1.5; align-self: center; max-height: 64px; overflow: hidden } 
.list_contents_container .right_popNews_area .popNews_list_container .pop_news_contents_box .pop_news_imgBox { width: 88px; height: 66px; align-self: center; margin-left: 15px } 

.under_line02 { margin-top: 100px } 
.footer_container { margin-top: 50px; position: relative } 
.list_news_contents { overflow: hidden } /*20210105 추가*/


/*페이지네이션*/
.list-pagination { width: 100%; position: relative; float: left; padding: 15px 0; margin-top: 30px; margin-bottom: 50px; text-align: center } 
.pagination-list { padding-left: 0 } 
.pagination-list li { display: inline-block } 
.pagination-list li a { display: inline-block; padding: 9px; font-size: 14px; border-radius: 27px; vertical-align: middle; color: #363636; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; width: 41px; height: auto } 
.pagination-list li a:hover { background: #eee; font-weight: 600; color: #3e71d8 } 
.pagination-list li a.active { background: #eee; font-weight: 600; color: #3e71d8 } 

.pagination-list .arrow-list a { border-radius: 0; width: 40px; height:auto } 
.pagination-list .arrow-list a:hover { background: #eee; font-weight: normal } 

.m_line_01 { display: none } 
.m_section_title { color: #28a0ee; font-size: 1.125rem !important; display: block; text-align: center; margin-top: 10px; display: none } 
.section_main_topLogo a img { display: none } 


/*모바일 검색*/
.search-bar { padding: 15px; border: 1px #d7d7d7 solid; margin: 15px 0 0; width: 100% } 
.input-stand-01 { width: 100%; padding: 6px; border: 1px #d7d7d7 solid; background: #f7f7f7; } 


/**************************************
 스페셜 리포트 메인화면 
**************************************/

.location_area { margin-top: 10px; padding: 20px 0 5px } 
.location_area span { font-size: 0.8125rem; letter-spacing: -1.5px } 

.special_report_container { /*margin-top: 30px*/ } 
.section_left_container .series_news_container { margin-bottom: 30px } 
.section_left_container .series_news_container .special_newsTitle { font-size: 1.375rem; font-weight: 600; letter-spacing: -1.5px; padding-bottom: 7px; border-bottom: 2px #363636 solid; color: #03458d; margin-bottom: 15px } 

.special_thumb_box { width: 115px; height: 87px; margin-right: 15px } 
.special_news_body { } 
.special_news_body p { font-size: 1rem; letter-spacing: -1.5px; font-weight: 500; height: 74px; overflow: hidden; margin-bottom: 0 } 

.special_news_underlist_container { margin-top: 15px } 
.special_news_underlist_container a span { background: url(../images/ico/bullet_03.png)no-repeat 0; padding-left: 15px; width: 353px; font-size: 0.875rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -0.8px; display: block; padding-bottom: 7px } /*20210107 수정*/
.special_news_underlist_container a span:hover { text-decoration: underline } 


/**************************************
 오피니언 메인화면 
**************************************/
.opinion_container { margin-bottom: 20px } 
.opinion_main_title { margin-bottom: 50px } 
.opinion_main_title p { font-size: 1.75rem; font-weight: 600; letter-spacing: -1.5px; padding-bottom: 15px; border-bottom:2px #363636 solid } 
.opinion_article_container { margin-bottom: 30px; align-items: center } /*20201214 수정*/
.opinion_article_container .opinion_thumb_box { width: 124px; height: 105px; margin-right: 15px } 
/*20201214 수정*/
.opinion_article_container .opinion_article_titleBox { max-height: 88px; overflow: hidden } 
.opinion_article_container .opinion_article_titleBox span { font-size: 1.25rem; letter-spacing: -1.5px; font-weight: 500 } 

.opinion_underNews_container { margin-bottom: 30px } 
.opinion_underNews_container .opinion_under_thumbBox { width: 172px; height: 134px; margin-right: 15px } 
.under_article_container { } 
.under_article_container .under_media_title01 { font-size: 0.875rem; color: #898989; letter-spacing: -1.3px; margin-bottom: 7px } 
.under_article_container .under_media_title02 { font-size: 1.125rem; font-weight: 500; letter-spacing: -1.7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px } 
.under_article_container .under_media_title03 { font-size: 0.875rem; color: #898989; letter-spacing: -1.3px; display: block; line-height: 1.5; height: 43px; overflow: hidden; font-weight: 400 } 
.under_article_container .under_media_title04 { margin-top: 10px; font-size: 0.875rem; color: #898989; letter-spacing: -1px; display: block } 


/**************************************
 AT미디어센터 메인화면 
**************************************/
.top_news_contents_02 { margin-top: 30px; height: 462px; margin-bottom: 10px } 
.md_news_area_03 { margin-top: 10px } 
.top_news_contents_02 .top_news_02 { background-color: #fff; width: 100%; height: 462px } 
.top_news_contents_02 .top_news_02 .top_img_area { position: relative; width: 100%; height: 462px } 

.top_news_contents_02 .top_news_02 .top_img_area .thumb_title_back { width: 100%; height: 154px; padding: 25px; position: absolute; bottom: 0; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(7,7,7,0.7) 37%,rgba(7,7,7,1) 100%); display: flex; align-items: center } 
.top_news_contents_02 .top_news_02 .top_img_area .thumb_title_back p { color: #fff; font-size: 2.3125rem; letter-spacing: -2.3px; margin-bottom: 0; /*height: 60px; */ overflow: hidden; max-height: 96px; overflow: hidden; line-height: 1.4; /*display: flex; align-items: center*/ } 

.top_news_right02 { width: 100%; height: 462px; background-color: #fff } 
.top_news_right02 .media_right_layout { padding: 0 10px } 
.top_news_right02 a { margin-bottom: 30px; width: 100%; float: left } 
.top_news_right02 a .right_top_news_02 { width: 100%; height: 216px; position: relative } 
.top_news_right02 a .right_top_news_02 .thumb_title_back { width: 100%; height: 148px; padding: 15px; position: absolute; bottom: 0; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(7,7,7,1) 65%,rgba(7,7,7,1) 100%); display: flex; align-items: flex-end } 
.top_news_right02 a .right_top_news_02 .thumb_title_back p { color: #fff; font-size: 1.25rem; letter-spacing: -1.5px; margin-bottom: 0; height: 60px; overflow: hidden } 

.media_img_container { width: 100%; height: 250px; position: relative; margin-bottom: 30px } 
.media_img_container .media_news_bar { width: 100%; height: 64px; background-color: rgba(17, 17, 17, 0.8); position: absolute; bottom: 0; padding: 10px; display: flex; align-items: center } 
.media_img_container .media_news_bar p { color: #fff; font-weight: 600; font-size: 0.875rem; max-height: 45px; overflow: hidden; margin: 0; } 

.more_btn_01 { width: 100%; padding: 15px 0; border: 1px #d7d7d7 solid; cursor: pointer; margin-bottom: 100px; text-align: center; background-color: #f7f7f7; transition: background-color .3s } 
.more_btn_01 span { font-size: 0.8725rem; font-weight: 600 } 
.top_news_02 .mdnews_sec_title { width: 80px; background-color: #fff; position: absolute; top: -1px; left: 15px; padding: 10px 20px 15px; text-align: center; z-index: 999; } 
.md_news_area_03 .mdnews_sec_title { width: 50px; background-color: #fff; position: absolute; top: -1px; left: 15px; padding: 3px 10px 10px; text-align: center; z-index: 999; } 
.top_news_right02 .mdnews_sec_title { width: 50px; background-color: #fff; position: absolute; top: -1px; left: 10px; padding: 3px 10px 10px; text-align: center; z-index: 999; } 


/**************************************
 섹션 뉴스리스트 
**************************************/
.section_news_title { margin-bottom: 50px; margin-top: 20px } 
.section_news_title p { font-size: 2.375rem; font-weight: 400; letter-spacing: -1.5px; padding-bottom: 15px; border-bottom:2px #363636 solid } 


/**************************************
 기사상세 화면 
**************************************/

/*기사제목영역*/
.article_title_area { width: 100%; padding: 20px 0; border-bottom: 3px #C0392B solid; margin-bottom: 30px } 
.article_title_area h6 { font-size: 2.3rem; font-weight: 400; letter-spacing: -3.5px; line-height: 1.4 } 
.article_title_area .article_byline { } 
.article_title_area .article_byline span { font-size: 0.75rem; font-weight: 400; letter-spacing: -0.2px; color: #898989; margin-top: 23px; display: inline-block } 

.article_share_contents_container { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 20px } 
.article_share_contents_container .share_inline { /*margin-top: 20px*/ } 
.article_share_contents_container .share_inline a { display: inline-block; margin-right: 15px } 
.article_share_contents_container .share_inline a img { } 

.control_option { } 
.control_option a { display: inline-block; margin-right: 5px } 
.control_option a:last-child { margin-right: 0 } 


/*기사본문*/
.article_container_layout { margin-top: 30px } /*20210115 수정*/
.article_container_layout .article_txt_container { margin-bottom: 60px } 
.article_container_layout .article_txt_container .sub_article_titleArea { margin-bottom: 40px } 
.article_container_layout .article_txt_container .sub_article_titleArea p { padding-bottom: 3px; border-left: 4px #03458d solid; margin-bottom: 0; padding-left: 10px; letter-spacing: -0.8px; font-size: 1.0625rem; font-weight: 500 } 
.article_container_layout .article_txt_container .sub_article_titleArea p:last-child { padding-bottom: 0 } 
.article_container_layout .article_txt_container .article_img_container { margin-top: 20px !important; position: relative; display: block; margin-bottom: 40px !important } 
.article_container_layout .article_txt_container .article_img_container img { display: block; margin: auto } 
.article_container_layout .article_txt_container p { font-size:1.188rem; letter-spacing: 0; line-height: 1.7; font-weight: 300; color: #353535; } 
.article_container_layout .article_txt_container .col-12 figure:nth-child(1) { margin-top: 0 !important } 
.article_container_layout .article_txt_container,.article_container_layout .article_txt_container > span { font-size: 1.125rem !important; letter-spacing: -1px; line-height: 1.9; font-weight: 400 } /*20210107 추가
*/ /*20210114 수정*/
.article_container_layout .article_txt_container p > span { font-family: 'Noto Sans KR' !important } 
.article_container_layout .article_txt_container table { margin-bottom: 20px !important; margin-top: 0px !important; /*width: 100%*/ } /*20210107 추가*/
.article_container_layout .article_txt_container figure { margin-top: 0; } /*20210107 수정*/
.article_container_layout .article_txt_container p + figure { margin-top: 20px !important } /*20210107 추가*/
.article_container_layout .article_txt_container p + table { margin-top: 20px !important } /*20210108 추가*/
.article_container_layout .article_txt_container span + figure { margin-top: 20px !important } 
.table.__se_tbl img.__se_object { margin: auto; display: block } /*20210107 추가*/
/*.article_container_layout .article_txt_container table iframe { width: 100% } */ /*20210108 추가*/


/*관련기사*/
.relation_news_container {padding-top:30px } 
.relation_news_container .col-12 > p {padding-top:30px; border-top:3px solid #C0392B;  }
.relation_news_container p {font-size: 1.125rem; font-weight: 500; letter-spacing: -1.5px; color: #3e71d8; margin-bottom: 15px } 
.relation_news_container .relation_article_listArea { } 
.relation_news_container .relation_article_listArea p { background: url(../images/ico/bullet_03.png)no-repeat 0; padding-left: 15px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 7px; font-size: 1rem; font-weight: 400; color: #363636 } 
.relation_news_container .relation_article_listArea p:hover { text-decoration: underline } 


/*기자정보*/
.reporter_info_container { margin-top: 100px } 
.reporter_info_container .reporter_media { align-items: center; 
	border-bottom: 3px solid #C0392B; padding-bottom: 40px } 
.reporter_info_container .reporter_img_box { width: 70px; height: 70px; border-radius: 35px; margin-right: 15px } 

.reporter_info { margin-top: 10px } 
.reporter_info .reporter_top_info { display: flex; align-items: center; justify-content: space-between; padding-bottom: 12px; border-bottom: 1px #d7d7d7 solid } 
.reporter_info .reporter_top_info .reporter_org { } 
.reporter_info .reporter_top_info .reporter_org span:first-child { font-size:0.9375rem; font-weight: 500; margin-right: 10px } 
.reporter_info .reporter_top_info .reporter_org span:last-child { font-size: 0.9375rem; font-weight: 400 } 
.reporter_more_article { } 
.reporter_more_article span { font-size: 0.875rem; color: #898989; letter-spacing: -1.2px; display: flex; align-items: center } 
.reporter_more_article span::after { background: url(../images/ico/more_arrow_ico.png)no-repeat; content: ''; width: 10px; height: 15px; margin-left: 10px } 
.reporter_under_info { padding-top: 10px; display: flex; align-items: center; justify-content: space-between } 
.reporter_under_info a span { font-size: 0.9375rem; font-weight: 400 } 
.reporter_copyright { font-size: 0.875rem; letter-spacing: -1.2px; color: #898989 } 

.article_bnr_wrap {margin-top:40px; border:4px solid #3dbff2; padding:25px 35px; border-radius:15px;  display: flex; justify-content: space-between;  font-weight: 500 }
.article_bnr_wrap strong {font-weight: normal; font-size: 16px;
	margin-bottom:10px; display: inline-block}
.article_bnr_wrap strong > em {font-style:normal !important; font-weight: 600; }
.article_bnr_wrap strong > em:last-child {color:#3dbff2 !important}
.article_bnr_wrap p {margin-top:5px; font-size: 15px; font-weight: 400; color:#5c5c5c }
.article_bnr_wrap p span {margin-right: 5px; font-weight: 500; color:#5c636a; }
.article_bnr_wrap p span::after {content: "|"; display: inline-block; opacity: .3; margin-left:5px}
.article_bnr_wrap p span:last-child::after {display: none}
.article_bnr_wrap img {width: 79px;}





/*댓글*/
.reply_container { margin-top: 70px; margin-bottom: 30px } 
.reply_container .reply_title_wrap { width: 100%; padding-bottom: 10px; border-bottom: 1px #d7d7d7 solid; margin-bottom: 40px } 
.reply_container .reply_title_wrap p { font-size: 1.125rem; font-weight: 400; letter-spacing: -1.2px; color: #28a0ee } 
.reply_txt_area { margin-top: 15px; /*margin-bottom: 30px*/ } /*20210115 수정*/
/*20201214 수정*/
.reply_txt_area .password_area { margin-bottom: 12px; display: flex } 
.reply_txt_area .password_area .user_form { border-radius: 0; padding: 10px; height: 40px } 
/*//20201214 수정*/
.reply_txt_area .txtarea_box { height: 120px; padding: 10px; font-size: 0.875rem; border-radius: 0; resize: none } 

.reply_guide_wrap { width: 100%; display: flex; justify-content: space-between; /*border: 1px #d7d7d7 solid; border-top: 0; padding: 12px*/ } /*20210107 수정*/
.reply_guide_wrap .guide_wrap { } 
.reply_guide_wrap .guide_wrap p { font-size: 0.8125rem; letter-spacing: -1px; padding-bottom: 4px } 

.reply_under_set { } 
.reply_under_set .reply_txt_limit { margin-right: 15px } 
.reply_under_set .reply_txt_limit span { font-size: 0.875rem; letter-spacing: -1.2px } 
.reply_under_set .reply_txt_limit span:first-child { font-weight: 500 } 
.reply_under_set .reply_txt_limit span:last-child { color: #898989 } 
.point_color_02 { background: #ebebeb; border-color: #ebebeb; color: #363636; padding: 5px 20px } 
.point_color_02:hover { background: #c4c4c4; color: #363636 } 

.reply_txt { margin-top: 30px } 
.reply_txt:first-child { margin-top: 25px } 
/*20201210 수정*/
.reply_txt .reply_title_set { padding-bottom: 10px } 
.reply_txt .reply_title_set span { } 
.reply_txt .reply_title_set span:first-child { font-size: 0.9375rem; letter-spacing: -1px; font-weight: 600; margin-right: 10px } 
.reply_txt .reply_title_set span:last-child { font-size: 0.875rem; letter-spacing: -0.5px; color: #898989; font-weight: 300 } 
.reply_txt .reply_contents { /*padding-bottom: 12px*/ } 
.reply_txt .reply_contents p { font-size: 0.875rem; letter-spacing: -0.8px; font-weight: 300 } 
.reply_edit_area { display: flex; justify-content: flex-end; padding-bottom: 4px; border-bottom: 1px #d7d7d7 solid; align-items:flex-end; height: 37px } 
.reply_edit_area img { cursor: pointer; width: 17px; height: 21px } 

.delete_input { margin-right: 15px; display: none } 
.delete_input input { padding: 5px; height: 31px; border-radius: 0 } 
.delete_input button { margin-left: 5px } 
.btn-type-gray { width: auto; padding: 5px 10px !important; background-color: #ebebeb !important; color: #363636 !important; /*font-size: 0.875rem !important; */ } 
.btn-type-gray:hover { background-color: #c4c4c4 !important } 
.delete_wrap { display: flex; align-items: flex-end } 


/*연관기사*/
.related_article_wrap { /*margin-top: 120px*/ } 
.related_article_wrap .related_title_wrap { padding-bottom: 12px; border-bottom: 1px #d7d7d7 solid } 
.related_article_wrap .related_title_wrap p { font-size: 1.5625rem; letter-spacing: -1.5px; font-weight: 500 } 

.related_news_box { width: 100%; height: 247px; background-color: #fff } 
.related_news_box .related_img_box { width: 100%; height: 165px; margin-top: 30px } 
.related_news_box .related_news_title { width: 100%; padding: 12px 0 } 
.related_news_box .related_news_title p { font-size: 1rem; font-weight: 600; letter-spacing: -1.5px; height: 48px; overflow: hidden } 
.ad_banner_area_01 { width: 100%; height: auto; margin-bottom: 50px } /*20201224 수정*/


/*전문가의 목소리*/
.right_opinion_wrap .opinion_right_title { width: 100%; padding-bottom: 10px; border-bottom: 2px #363636 solid; display: flex; justify-content: space-between } 
.right_opinion_wrap .opinion_right_title p { font-size: 1.5rem; margin-bottom: 0; letter-spacing: -1.7px } 

.opinion_list_wrap { margin-top: 20px } 
.opinion_list_wrap .right_opinion_list { align-items: center; margin-top: 25px } 
.opinion_list_wrap .right_opinion_list .opnion_list_thumBox { width: 69px; height: 67px; position: relative; border-radius: 45px; margin-right: 25px } 
.opinion_list_wrap .right_opinion_list .opnion_list_txtBox { } 
.opinion_list_wrap .right_opinion_list .opnion_list_txtBox p { font-size: 0.875rem; letter-spacing: -1.2px; color: #898989; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 205px } 
.opinion_list_wrap .right_opinion_list .opnion_list_txtBox .txtBox_title { line-height: 1.4; height: 43px; overflow: hidden } 
.opinion_list_wrap .right_opinion_list .opnion_list_txtBox .txtBox_title span { font-size: 0.9375rem; letter-spacing: -1.2px } 
.opinion_list_wrap .right_opinion_list .opnion_list_txtBox .txtBox_title span:first-child { font-weight: 500 } 
.opinion_list_wrap .right_opinion_list .opnion_list_txtBox .txtBox_title span:last-child { font-weight: 400; color: #03458d } 

.top_move { position: fixed; /*left: 5%; */ float: left; z-index: 9999; right: 5%; bottom: 29% } 
.top_move img { width: 41px; height: 41px; } 


/**************************************
 검색결과 화면 
**************************************/

.section_top_pc { margin-top: 30px } 
.section_top_pc .search_area_container { width: 100%; margin-bottom: 25px; /* padding-bottom: 20px; */ border-bottom: 2px #d7d7d7 solid } 
.section_top_pc .search_area_container .date_search_form { display: flex !important; flex-direction: row; align-items: flex-start; margin-bottom: 15px; margin-top: 15px } 
/*20201214 수정*/
.section_top_pc .search_area_container .date_search_form input { margin-bottom: 10px; width: 100%; margin-right: 10px; margin-left: 10px; border: 1px #d7d7d7 solid; padding: 5px; height: 40px } 
.section_top_pc .search_area_container .date_search_form input:first-child { margin-left: 0 !important } 
.section_top_pc .search_area_container .date_search_form input:nth-child(2) { margin-right: 0 !important } 

.date-input { padding-right: calc(1.5em + .75rem); background: url(../images/ico/date_ico_02.png)no-repeat #fff; background-position: center right calc(.375em + .1875rem); cursor: pointer } 
.input-style-02 { padding: 10px; height: 42px; border: 1px #d7d7d7 solid; font-weight: 300 } 

.result-txt { width: 100%; padding-top: 10px; padding-bottom: 15px; border-bottom: 1px #d7d7d7 solid } 
.result-txt span { font-size: 14px; letter-spacing: -0.8px } 
.result-txt span:first-child { font-weight: 600; color: #1d75b9 } 
.search-opt-container { width: 100%; padding: 15px 0; } 
.search-opt-container { width: 100%; padding: 15px 0 } 
.search-opt-container span { font-size: 0.8125rem; cursor: pointer } 
.search-opt-container span.active { font-weight: 600 } 
.line-inline-01 { display: inline-block; width: 1px; height: 11px; background: #363636; vertical-align: middle; margin: 0 10px; } 
.point_color_01 { background: #ebebeb; border-color: #ebebeb; color: #363636; padding: 10px 20px; font-size: 0.875rem } 
.point_color_01:hover { background: #c4c4c4; color: #363636 } 
.indie_right_layout { margin-top: 30px } 
.search_bold { color: #28a0ee; font-style: normal } /*20201231 수정*/


/**************************************
 포럼 & 컨퍼런스 화면 
**************************************/
/*포럼리스트*/
.list_contents_container_02 { height: auto } 
.forum_top_banner_wrap { margin-top: 30px; width: 100% } 
.forum_top_banner_wrap img { width: 100% } 

.forum_list_container { margin-top: 40px } 
.forum_list_container .forum_part_title { display: flex; align-items: center; margin-bottom: 20px } 
.forum_list_container .forum_part_title .year_title { width: 60px } 
.forum_list_container .forum_part_title .title_bar_style { width: 100%; margin-left: 10px; border: 2px #363636 solid } 
.forum_list_container .banner_size { width: 300px; height: 120px; overflow: hidden; display: block; margin: auto; margin-bottom: 30px } 
.forum_list_container .banner_size img { width: 100% } 

/*포럼상세*/
.forum_select_area { padding: 20px 0; border-bottom: 1px #d7d7d7 solid } 
.forum_select_area .forum_select_style { width: 40% } 
.forum_detail_box { padding: 25px; border: 1px #d7d7d7 solid } 
.forum_detail_box .forum_txt_list { display: block } 
.forum_detail_box .forum_txt_list li { margin-bottom: 6px; font-size: 0.875rem; letter-spacing: -0.8px } 
.forum_detail_box .intro_txt { margin-top: 30px } 

.forum_detail_container { margin-top: 25px } 
.forum_tab_content_box { margin-top: 20px } 
.forum_tab_content_box .last_tab { } 
.forum_tab_content_box .last_tab h4 { letter-spacing: -0.7px; margin-bottom: 25px } 
.forum_tab_content_box .last_tab p { font-size: 0.875rem; line-height: 1.8; letter-spacing: -0.7px } 
.forum_tab_content_box .last_tab .reg-form-01 { width: 300px } 
.btn-type-blue { width: auto; padding: 5px 10px !important; background-color: #219af6 !important; color: #fff !important; /*font-size: 0.875rem !important; */ font-weight: 400 !important } 
.btn-type-blue:hover { background-color: #1d75b9 !important } 


/**************************************
 로그인 / 비번 찾기 화면 
**************************************/
.contents_line_container { width: 100%; padding: 20px 20px 50px; /*border: 1px #d7d7d7 solid; */ height: auto; margin-top: 30px } 
.login_input_area { display: block; margin: auto; width: 400px; margin-top: 46px } 
.login_input_area .login_logo_img { width: 117px; float: right; position: relative; bottom: 5px } 
.login_input_area h1 { font-size: 1.25rem; letter-spacing: -1.2px; border-bottom: 2px #d7d7d7 solid; padding-bottom: 10px; font-weight: 600 } 
.login_input_area .input_login { width: 100%; padding: 5px; height: 45px; margin-top: 20px; box-sizing: border-box; border-radius: 0 } 
.login_input_area .input_login_02 { width: 100%; padding: 5px; height: 45px; margin-top: 10px; box-sizing: border-box; border-radius: 0 } 
.login_input_area .btn_under_style { width: 100%; background-color: #275fcf !important; padding: 16px !important; display: inline-block !important; color: #fff !important; margin-top: 15px !important; font-size: 0.875rem !important; font-weight: 600 !important } 
.login_input_area .btn_under_style:hover { background-color: #193f8b !important; } 
.login_input_area .login_opt { width: 100%; text-align: center; margin-top: 15px } 
.login_input_area .login_opt span { color: #393939; font-size: 13px; letter-spacing: -0.9px } 
.line_horizon_01 { padding: 55px 0 0; border-bottom: 1px #d7d7d7 solid } 


/**************************************
 회원가입 / 회원정보 수정 화면 
**************************************/
.signup_container { margin-top: 45px } 
.signup_container .top_title { } 
.signup_container .top_title span { font-size: 26px; color: #28a0ee; font-weight: 400; padding: 15px; border-bottom: 1px #d7d7d7 solid; letter-spacing: -1.8px; padding-left: 0; display: block; padding-top: 0 } 
.signup_container .scrap_container { float: left; width: 100%; margin-top: 25px } 
.signup_container .scrap_container .privacy_title_style { font-size: 0.875rem !important; margin-bottom: 20px; float: left; color: #363636 !important; font-weight: 500 } 
.signup_container .scrap_container .privacy_rule_box { width: 100%; float: left; height: 300px; overflow: hidden; overflow-y: scroll; border: 1px #d7d7d7 solid; background-color: #f7f7f7; padding: 15px; font-size: 14px; letter-spacing: -0.8px } 
.signup_container .scrap_container .privacy_rule_box pre { line-height: 2 !important; font-size: 0.875rem; font-weight: 300 } 
.signup_container .agree_container { width: 100%; float: left; margin: 35px 0 15px 0 } 
.signup_container .agree_container .check_label_style01 { font-size: 0.8125rem } 
.signup_container .member_name { width: 100%; border: 1px #d7d7d7 solid; padding: 10px; float: left } 
.signup_container .member_name .input_style_01 { border-radius: 0; width: 250px; height: 40px } 
.btn-type-blue02 { width: auto; padding: 9px 15px !important; background-color: #219af6 !important; color: #fff !important; /*font-size: 0.875rem !important; */ font-weight: 400 !important } 
.btn-type-blue02:hover { background-color: #1d75b9 !important } 
.btn-type-blue03 { width: auto; padding: 6px 30px !important; background-color: #219af6 !important; color: #fff !important; font-size: 0.8125rem !important; font-weight: 400 !important } 
.btn-type-blue03:hover { background-color: #1d75b9 !important } 

.necessary_ico { color: #e11d27 } 
.sub_title_guide { font-size: 0.8125rem; font-weight: 300; margin-left: 15px; color: #898989 } 
.signup_form_container { clear: both } 
.form_label { font-size: 0.875rem; display: block !important; width: 100%; margin-bottom: 10px !important } 
.sign_form_input { border-radius: 0; width: 300px !important; margin-right: 10px; font-size: 0.875rem; font-weight: 300; height: 39px } /*20201214 수정*/
.form_container_set { width: 300px; flex-flow: row } 
.form_container_set .sign_form_input02 { border-radius: 0; margin-right: 10px; width: 100% !important; margin-right: 10px; font-size: 0.875rem; font-weight: 300; height: 38px } 
.form_container_set .sign_form_input02:last-child { margin-right: 10px } 
.btn-type-gray02 { width: auto; padding: 9px 10px !important; background-color: #ebebeb !important; color: #363636 !important; font-size: 0.8125rem !important; font-weight: 500 } 
.btn-type-gray02:hover { background-color: #c4c4c4 !important } 
.btn-type-gray03 { width: auto; padding: 6px 30px !important; background-color: #ebebeb !important; color: #363636 !important; font-size: 0.8125rem !important; font-weight: 500 } 
.btn-type-gray03:hover { background-color: #c4c4c4 !important } 
.adress_form { } 
.adress_form input { } 
.adress_form input:last-child { } 
.form_container_set { } 
.form_container_set select { border-radius: 0; margin-right: 10px; font-size: 0.875rem; height: 38px } /*20201214 수정*/

.under_check_area { margin-top: 60px; padding-bottom: 15px; border-bottom: 1px #d7d7d7 solid } 
.under_check_area .form-check-label { font-size: 0.8125rem; font-weight: 300 } 
.under_btn_container { width: 100%; text-align: center; float: left; margin-top: 20px } 
.num_select { font-size: 0.875rem; font-weight: 300 } 
.btn_right_area { position: absolute; right: 15px } 


/**************************************
 회사소개 화면 
**************************************/
.company_contents_area { margin: 30px 0 120px } 
.down_btn_area { width: 100%; padding: 20px 0; text-align: center } 
.company_adress_area { width: 100%; /*border: 1px #d7d7d7 solid; */ /*padding: 20px; */ margin-top: 30px } 
.company_adress_area ul { } 
.company_adress_area ul li { font-size: 0.875rem; padding-bottom: 10px } 
.company_adress_area ul li::before { content: ''; width: 8px; height: 8px; background-color: #28a0ee; display: inline-block; margin-right: 10px } 



/**************************************
 고객지원 화면 
**************************************/
/*공지&사고*/
.content-container { width: 100%; position: relative; margin-top: 20px; float: left; padding-bottom:20px; /*min-width: 1260px*/ } 
.content-container .left-consumer { width: 200px; min-height: 700px; position: relative; float: left; /*border-right: 1px #d7d7d7 solid; */ } 
.content-container .right-consumer { width: 970px; min-height: 700px; float: left; position: relative; margin-left: 40px; /*border: 1px #d7d7d7 solid; */ border-left: 1px #d7d7d7 solid; padding-left:40px; margin-bottom: 60px } 

.consumer-title { width: 100%; padding: 15px 0; border-bottom: 1px #d7d7d7 solid } 
.consumer-title span { font-size: 24px; color:#3e71d8; font-weight: 600; padding-left: 10px } 

.consumer-list-container { width: 100%; padding: 15px; } 
.consumer-list-container ul { } 
.consumer-list-container ul li { padding: 10px 0; font-size: 16px; cursor: pointer } 
.consumer-list-container ul li:hover { font-weight: 600; color:#28a0ee } 
.consumer-list-container ul li.active { font-weight: 600; color:#28a0ee } 

.top_title span { font-size: 26px; color: #28a0ee; font-weight: 400; padding: 15px; border-bottom: 1px #d7d7d7 solid; letter-spacing: -1.8px; padding-left: 0; display: block; } 
.list-area-cotainer { width: 100%; position: relative; float: left; margin-top: 15px; } 
.notice_container { position: relative; width: 100%; margin-top: 20px; border-bottom: 2px #d7d7d7 solid; } 
.notice_search_container { width: 100%; padding: 15px; background-color: #f7f7f7 } 
.form-control02 { display: block; width: 100%; height: calc(1.2em + .75rem + 3px); padding: .300rem .22rem; font-size: 0.77rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; /* background-clip: padding-box; */ border: 1px solid #ced4da; /* border-radius: .25rem; */ transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } 
.form-inline .form-control02 { display: inline-block; width: auto; vertical-align: middle; width: 70px } 

.notice-title-box { width: 100%; padding: 15px; background-color: #f7f7f7; border-bottom: 2px #d7d7d7 solid } 
.notice-title-box h5 { font-size: 20px; letter-spacing: -0.5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; overflow: hidden; line-height: 1.5 } 
.notice-byline-01 { display: inline-block; font-weight: 600; font-size: 13px } 
.notice-byline-02 { display: inline-block; font-weight: 300; font-size: 13px; } 




/*리스트 테이블*/
.Htable01 { border-bottom: 3px #d7d7d7 solid; /* position: relative; */ /*padding-right: 16px; */ padding-top: 3px; padding-bottom: 2px; } 
.Htable02 { position: relative; width: 100%; overflow-x: hidden; border-bottom: 2px #d7d7d7 solid; padding: 0 0 18px 0; float: left; } 
.Htable02 thead .state_Tr th { background: #f5f5f5; } 
.index_table { table-layout: fixed; width: 100% } 
.index_table th { text-align: center; padding: 8px 0 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.index_table .notice_line { background: #f7f7f7; border-top: 1px #d7d7d7 solid; /* border-bottom: 1px #d7d7d7 solid*/ } 
.index_table .notice_line td { text-align: center; padding: 8px 0 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #275fcf; font-weight: 600; } 
.Btable02 { height: auto; position: absolute; top: 43px; bottom: 0; left: 0; right: 0; /*overflow-y: scroll; */ } 
.Btable03 { position: relative; width: 100%; max-height: 600px; /*display: inline-block; */ overflow-y: auto } 
.Btable04 { height: auto; position: absolute; top: 43px; bottom: 43px; left: 0; right: 0 } 
.Btable05 { height: auto; position: absolute; top: 43px; bottom: 47px; left: 0; right: 0 } 
.Btable06 { position: relative; width: 100%; height: 439px; display: inline-block } 

.index_body { /*float: left; */ table-layout: fixed; width: 100%; } 
.index_body tr { } 
.index_body tr:hover { background: #f7f7f7 } 
.index_body tr.active_c { background: #cae3c1; font-weight: bold; } 
.index_body tr.active { background: #efefef; font-weight: 600; } 
.index_body tr.active td { font-weight: 600; } 
.index_body tr td:first-child { padding-left: 0; } 
.index_body tr td { text-align:center; padding: 10px 0; white-space: nowrap; border-bottom: 1px #d7d7d7 solid; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; letter-spacing: -0.2px; font-size: 13px; padding-left: 0; font-weight: 300; position: relative; cursor: pointer } 

.index_body02 { /*float: left; */ table-layout: fixed; width: 100%; } 
.index_body02 tr { } 
.index_body02 tr:hover { background: #f7f7f7 } 
.index_body02 tr.active_c { background: #cae3c1; font-weight: bold; } 
.index_body02 tr.active { background: #efefef; font-weight: 600; } 
.index_body02 tr.active td { font-weight: 600; } 
.index_body02 tr td:first-child { padding-left: 0; } 
.index_body02 tr td { text-align:center; padding: 10px 0; white-space: nowrap; border-bottom: 1px #d7d7d7 solid; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; letter-spacing: -0.2px; font-size: 13px; padding-left: 0; font-weight: 300; position: relative; cursor: pointer } 


.notice_table_container { font-size: 0.75rem; border-top: 1px #d7d7d7 solid; } 
.notice-contents-container-02 { width: 100%; height: auto; padding: 15px; } 
.notice-contents-container-02 p { font-size: 14px; letter-spacing: -0.5px; line-height: 2; color: #363636 } 
/*20201231 추가*/
.notice-contents-container-02 ul { padding-left: 20px !important; } 
.notice-contents-container-02 ul li { list-style: disc } 

.notice_btn_area { width: 100%; padding: 15px 0; } 
.sub_news_title { font-size: 1rem; font-weight: 600; word-break: break-all; margin-bottom: 20px !important } 

/*.article_img_zoom { background-image: url(../images/ico/img_zoom_ico.png); background-repeat: no-repeat; background-size: 59px 57px; } */

figure .article_img_zoom { position: absolute; left: 10px; top: 10px } 
.imgframe .article_img_zoom { position: absolute; left: 10px; top: 10px } 

.r-madia-box img { margin-right: 0 !important } 


/*기사제보, 광고문의, 협찬문의*/
.input_container { } 
.scrap-container { float: left; width: 100%; margin: 20px 0 } 
.scrap-container .privacy-title-style { font-size: 14px !important; margin: 20px 0px; } 
.info-form { border: 1px #d7d7d7 solid; margin-bottom: 20px; float: left } 
.search-area-container { width: 100%; margin-bottom: 25px; /*padding-bottom: 20px; */ border-bottom: 2px #d7d7d7 solid } 

.form-table-01 { table-layout: fixed; width: 100%; border: 1px #d7d7d7 solid; } 
.form-table-01 tbody { } 
.form-table-01 tbody tr { border-bottom: 1px #d7d7d7 solid } 
.form-table-01 tbody tr th { padding: 0 15px; height: 42px; display: table-cell; vertical-align: middle; font-size: 13px; background-color: #F7F7F7 } 
.form-table-01 tbody tr th span { color: #e11d27 } 
.form-table-01 tbody tr td { padding: 5px 8px; display: table-cell; vertical-align: middle } 

.search-input { border: 1px #d7d7d7 solid; padding: 10px } 


/*btn*/
.btn-type-blue { width: auto; padding: 5px 10px !important; background-color: #219af6 !important; color: #fff !important; /*font-size: 0.875rem !important; */ font-weight: 600 !important } 
.btn-type-blue:hover { background-color: #1d75b9 !important } 
.btn-gray { color: #fff; background-color: #bfbfbf } 
.btn-gray02 { color: #fff; background-color: #bfbfbf; padding: 8px } 
.btn-white { color: #363636; background-color: #fff; border: 1px #d7d7d7 solid } 
.btn-white:hover { background-color: #eaeaea } 
.btn-gray:hover { color: #fff; background-color: #a7a7a7 } 
.btn-org { color: #fff; background-color: #f68e56 } 
.btn-org:hover { color: #fff; background-color: #cb632a } 
.mail-link:hover { text-decoration: underline } 

.txtarea_read { width: 100%; font-size: 0.875rem; border-radius: 0; font-size: 0.875rem; padding: 10px } 
.agree_chck_area { display: block; margin-top: 15px; font-size: 0.875rem } 
/*20201214 수정*/
.search_input_02 { border-radius: 0; font-size: 0.875rem; padding-left: 7px } 
.search_input_03 { border-radius: 0; font-size: 0.875rem; padding-left: 7px } 
/*//20201214 수정*/
.sub_contants_layout { min-width: 1250px } 
.photo_m_title { display: none } 


/**************************************
 PDF 리스트 화면 
**************************************/
.pdf_date_title { padding-bottom: 15px; border-bottom: 1px #d7d7d7 solid; margin-bottom: 40px } 
.pdf_date_title span { letter-spacing: -0.8px } 
.pdf_box_container { width: 100%; height: auto; margin-bottom: 30px } 
.pdf_box_container .pdf_img_area { border: 1px #d7d7d7 solid; position: relative; } 
.pdf_box_container .pdf_img_area img { width: 100% } 
.pdf_box_container .pdf_num_box { width: 100%; text-align: center; margin-top: 10px; cursor:default } 

.calender_area { padding: 7px; border: 1px #d7d7d7 solid } 
.calender_area img { width: 100% } 
.pdf_plugin_area { width: 100%; text-align: center; margin-top: 30px } 


/**************************************
 인쇄팝업 화면 
**************************************/
.p_article_titleArea { width: 100%; padding: 15px 0 25px; border-bottom: 1px #d7d7d7 solid } 
.container_margin { margin-bottom: 60px; width: 100% !important } 


/**************************************
 기사상세 이미지정렬 
**************************************/
.align_left { float:left !important; margin-right: 12px !important; } 
.align_center { text-align:center !important } 
.align_right { float:right !important; margin-left: 12px !important; } 
figure { /* display: table !important; */margin: auto; margin-top: 20px; margin-bottom: 20px; position: relative; } 
figure img { max-width: 100%; cursor: pointer; } 
figcaption { font-size: 0.8125rem; caption-side: bottom; display: table-caption !important; margin-top: 12px; color: #888787; text-align: left; letter-spacing: -0.7px; font-weight: 300 } 

/**************************************
 광고배너추가_20210106_이승태 
**************************************/
.container { position: relative } 
.articleMoAd { display:none } 
.articlePcAd { display:block } 
.articlePcAd_1 { display:table; margin: 0 0 30px } 


.reply_under_wrap { border: 1px #d7d7d7 solid; border-top: 0; padding: 12px } /*20210107 추가*/
.g-recaptcha { margin-bottom: 20px } 

/*20210116 추가*/
.articlePcAd_01 { position: absolute; top: 230px; right: 1269px; display:block; width: 160px; height: 600px } 
.articlePcAd_02 { position: absolute; top: 1135px; right: 1269px; display:block } 
.articlePcAd_03 { position: absolute; top: 230px; left: 1269px; display:block; width: 160px; height: 600px } 

/*20210120 추가*/
.article_txt_container > .col-12 { word-break: break-all; } 
.article_container_layout .article_txt_container br + table { margin-top: 20px !important } 

/*20210323 추가*/
.footer_txt_01 { margin-top: 10px; padding: 10px; background-color: #f5f5f5 } 
.footer_txt_01 span { font-size: 14px; color: #363636; font-weight: 400; letter-spacing: -0.3px } 

.footer_txt_01 .mark_txt_01 { font-weight: 500; color: #28a0ee } 
.footer_txt_01 p { font-size: 14px; font-weight: 400; margin-top: 5px } 

.copyright_lg_device { margin-top: 10px } 

/*20210324 추가*/
.sns_login_container { width: 100%; position: relative; margin-top: 36px } 
.sns_login_container .sns_login_area { width: 290px; display: block; margin: auto } 
.sns_login_container .sns_login_area .sns_login_box a { width: 100%; text-align: center } 
.sns_login_container .sns_login_area .sns_login_box a img { width: 48px; height: 48px } 

.sns_login_box { width: 100%; display: flex } 

/*20210630 추가 20210701 수정 20210714수정 20230127수정*/
.article_under_banner { width: 100%; /*display: flex;*/ margin-top: 30px !important; margin: auto; margin-bottom: 30px } 
.article_under_banner > div {display: inline-block }

/*20210714 추가*/
.article_txt_container table td { padding : 20px } 
.article_rightAD_01 { width: 100%; height: 600px; margin-bottom: 30px } 
.article_rightAD_02 { width: 100%; height: 600px; margin-top: 30px } 

.under_container { margin-right: 30px; width: 378px } 
.under_container .under_banner_01 { width: 330px; height: 280px; margin-right: 30px; display: block; margin: auto } 
.under_container:last-child { margin-right: 0 } 

.article_under_banner02 { width: 100%; margin-top: 50px } 
.article_toast { width: 300px; height: 250px } 

.m_top_floating { width: 92%; position: fixed; top: 12px; z-index: 999; display: none } 
.m_article_ad_01 { width: 100%; height: 100px; margin:15px 0 15px 0; display: none; clear:both /* float: left */ } 
.m_article_ad_02 { width: 100%; height: 100px; margin:15px 0 15px 0; display: none } 
.m_article_ad_03 { width: 100%; height: 100px; margin:15px 0 15px 0; display: none } 
.m_article_ad_04 { width: 100%; height: 280px; margin:15px 0 0 0; display: none } 
.m_article_ad_05 { width: 100%; height: 400px; margin:30px 0 15px 0; display: none } 
.m_article_ad_06 { width: 100%; margin: 30px 0; display: none } 
.m_article_ad_07 { width: 100%; display: none; margin: 30px 0 } 
.m_article_ad_08 { width: 100%; height: 280px; display: none } 
.m_under_floating { width: 92%; height: 75px; z-index: 9999; position: fixed; bottom: 0; display: none } 

.pc_article_ad_01 { width: 330px; height: 280px; position: relative; float:right; overflow: hidden; margin-left: 15px } 
.pc_article_ad_02 { width: 100%; height: 250px; margin:0 0 30px 0 } 

/*기사상세 3줄요약*/
.article_container_layout .article_txt_container .article_summary_container { width: 100%; padding: 15px; background-color: #f3f3f3; margin-bottom: 30px } 
.article_container_layout .article_txt_container .article_summary_container:before { content: "3줄 요약"; font-weight: 500; font-size: 19px; color: red; } 
.article_container_layout .article_txt_container .article_summary_container p { font-size: 16px; font-weight: 300; letter-spacing: -1.2px } 

/*기사상세 중간제목*/
.middle_title_box { width: 100%; padding: 10px 0; border-top: 2px #363636 solid; border-bottom: 1px #363636 solid; margin-bottom: 20px; margin-top: 30px } 
.middle_title_box p { font-size: 20px; margin-bottom: 0; font-weight: 600 !important } 

/*기사상세 편집자주*/
.article_container_layout .article_txt_container .article_editor_container { width: 100%; padding: 15px; background-color: #eef5ff; margin-bottom: 30px } 
.article_container_layout .article_txt_container .article_editor_container:before { content:"편집자 주"; font-weight: 500; font-size: 19px; color: #007fc1; } 
.article_container_layout .article_txt_container .article_editor_container p { font-size: 16px; font-weight: 300; letter-spacing: -1.2px } 

/* 20211130 타이틀 수정 */
.contents_title_style02 h5 span { padding-left: 5px; color: #e63a0f } 

/* 20211202 추가 */
.top_img_area .spnews_sec_title { width: auto; background-color: #d50430; padding: 5px 15px; position: absolute; top: 0; left: 0; text-align: center; } 
.top_img_area .spnews_sec_title span { color: #fff } 
.right_top_news_01 .spnews_sec_title { width: auto; background-color: #d50430; padding: 5px 15px; position: absolute; top: 0; left: 0; text-align: center; } 
.right_top_news_01 .spnews_sec_title span { color: #fff } 

/* 20211207 추가*/
.top_banner_container { padding: 0 15px; } 
.top_banner_container .col-lg-4 { padding: 0 !important; flex: 0; max-width: none; } 
.top_banner_container .banner_top { width: 396px; height: 120px; background-color: #f7f7f7; } 
.topBanner_01 { margin-right: 4px; } 
.topBanner_02 { margin-left: 4px; margin-right: 5px; padding: 0; } 
.topBanner_03 { margin-left: 4px; padding: 0 !important } 

/* 독자권익 위원회 */
.person_org { margin-top: 20px; width: 100%; display: block } 
.person_org .committee_box { display: flex; align-items: center; margin-top: 15px } 
.person_org .committee_box .committe_person { width: 160px; height: 160px; margin-right: 15px; border-radius: 50% } 
.person_org .committee_box .committe_name .position_name { font-size: 15px; font-weight: 500; color: #28a0ee; margin-right: 15px } 
.person_org .committee_box .committe_name .position_name em { font-weight: 500; color: #363636; font-style: normal; padding-right: 5px } 
.person_org .committee_box .committe_name .name_txt { font-size: 15px; font-weight: 400; display: block } 

/* 편집규약 */
.homepage .rule_title { font-size: 19px; font-weight: 600; margin-bottom: 20px; color: #28a0ee } 

/* 광고배너추가 */
.article_rightAD_03 { width: 100%; height: 600px; margin-top: 30px; margin-bottom: 30px } 

.__staxbn_wrap {display: none;}

/* 광고배너추가 */
.article_rightAD_04 { width: 300px; height: 250px; margin-top: 30px; margin-bottom: 30px } 


/*광고테두리 추가*/
.ad_tit_wrap {text-align: center !important; color: #666 !important; font-size: 12px !important; 
	letter-spacing: 0 !important; line-height: 1 !important; display: block; width:100%; clear: both;
	padding-bottom: 10px !important; font-weight:600 !important }

.pc_article_ad_01 {width:auto !important; padding:15px 20px 25px; text-align: center; background:#f2f2f2 }
.article_under_banner {width:auto !important; padding:15px 0 25px; text-align: center; background:#f2f2f2 }
.article_under_banner02 {width:auto !important; padding:15px 20px 25px; text-align: center; background:#f2f2f2 }

.m_article_ad_01 {height: auto !important; left: 50%; margin-bottom: 50px; margin-left: -50vw;
    margin-right: -50vw; max-width: 100vw; position: relative; right: 50%;  text-align: center;
    width: 100vw; background:#f2f2f2; padding:15px 0 15px;}
.m_article_ad_01 iframe {background: #fff}
.m_article_ad_01 ins {margin-left: 0 !important}

.m_article_ad_02 {height: auto !important; left: 50%; margin-bottom: 50px; margin-left: -50vw;
    margin-right: -50vw; max-width: 100vw; position: relative; right: 50%;  text-align: center;
    width: 100vw; background:#f2f2f2; padding:15px 0 25px;}
.m_article_ad_02 iframe {background: #fff}
.m_article_ad_02 ins {margin-left: 0 !important}

.m_article_ad_04 {height: auto !important; left: 50%; margin-bottom: 50px; margin-left: -50vw;
    margin-right: -50vw; max-width: 100vw; position: relative; right: 50%;  text-align: center;
    width: 100vw; background:#f2f2f2; padding:15px 0 25px;}
.m_article_ad_04 iframe {background: #fff}
.m_article_ad_04 ins {margin-left: 0 !important}


.m_article_ad_05 {height: auto !important; left: 50%; margin-bottom: 50px; margin-left: -50vw;
    margin-right: -50vw; max-width: 100vw; position: relative; right: 50%;  text-align: center;
    width: 100vw; background:#f2f2f2; padding:15px 0 25px;}
.m_article_ad_05 iframe {background: #fff}
.m_article_ad_05 ins {margin-left: 0 !important}

.m_article_ad_06 {height: auto !important; left: 50%; margin-bottom: 50px; margin-left: -50vw;
    margin-right: -50vw; max-width: 100vw; position: relative; right: 50%;  text-align: center;
    width: 100vw; background:#f2f2f2; padding:15px 0 25px;}
.m_article_ad_06 iframe {background: #fff}
.m_article_ad_06 ins {margin-left: 0 !important}

.m_article_ad_07 {height: auto !important; left: 50%; margin-bottom: 50px; margin-left: -50vw;
    margin-right: -50vw; max-width: 100vw; position: relative; right: 50%;  text-align: center;
    width: 100vw; background:#f2f2f2; padding:15px 0 25px;}
.m_article_ad_07 iframe {background: #fff}
.m_article_ad_07 ins {margin-left: 0 !important}

.m_article_ad_08 {height: auto !important; left: 50%; margin-bottom: 50px; margin-left: -50vw;
    margin-right: -50vw; max-width: 100vw; position: relative; right: 50%;  text-align: center;
    width: 100vw; background:#f2f2f2; padding:15px 0 25px;}
.m_article_ad_08 iframe {background: #fff}
.m_article_ad_08 ins {margin-left: 0 !important}