@charset "utf-8";
/* CSS Document */

/* 하단 바 제거  */
body {margin:0; overflow:auto; overflow-x:hidden;}

.top_bar_area {background-color:#e9eef1; width:100%; height:20px; padding:20px 0 ; }
	.top_bar {width:1080px; height:20px; margin:0 auto; line-height:18px;}
	.top_bar:before, .top_bar:after {content:""; display:table;}
	.top_bar:after {clear:both;}
	
	.top_bar a { font-weight:bold; font-size:16px; letter-spacing:-0.6px;}
	/* ====================================================================================================================
		 * 슬라이더 기본세팅
	* ====================================================================================================================*/
	html[xmlns] .flexslider .slides {display:block;}
	* html .flexslider .slides {height: 1%;}
	.no-js .flexslider .slides > li:first-child {display:block;}
	/**/
	.flexslider {margin:0 0 30px; padding:0; background:#fff; position:relative; zoom:1;}
		.flexslider .slides {zoom: 1;}
		.flexslider .slides:after {content:""; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
		.flexslider .slides img {width:100%; height:auto; -moz-user-select:none; display:block;}
		.flexslider .slides > li {display:none; -webkit-backface-visibility:hidden;}
		.flex-viewport {max-height:2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
		.loading .flex-viewport {max-height: 300px;}
		.carousel li {margin-right:5px;}
		
	/* 네비 화살표 세팅 */
	.flex-direction-nav {*height:0;}
		.flex-direction-nav a {
		  text-indent:0px; overflow:hidden; display:block; width:50px; height:50px;  position:absolute; top:40%; z-index:10; cursor:pointer; border-radius:50%; background-color:#de1400; 
		  box-shadow:0 0 0 5px rgba(0, 0, 0, 0.25); color:#fff; -webkit-tap-highlight-color:transparent; font-family: 'icomoon' !important;
		 -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
		}
		.flex-direction-nav a:hover {background-color:#FFF;}
		.flex-direction-nav a:before {font-size:20px; position:relative; top:10px; left:15px; content:'\e917';}
		.flex-direction-nav a.flex-next:before {content:'\e918'; font-size:20px; position:relative; top:10px; left:15px; }
		.flex-direction-nav a:hover:before, .flex-direction-nav a:hover.flex-next:before { color:#de1400;}
		
		.flex-direction-nav .flex-prev {left:-25px; opacity:0;}
		.flex-direction-nav .flex-next {right:-25px; opacity:0;}
		
		.flexslider:hover .flex-direction-nav .flex-prev {opacity:1; left:25px;}
		.flexslider:hover .flex-direction-nav .flex-next {opacity:1; right:25px;}
		.flexslider:hover .flex-direction-nav .flex-prev:hover {opacity: 1;}
		.flexslider:hover .flex-direction-nav .flex-next:hover {opacity: 1;}
		.flex-direction-nav .flex-disabled {opacity:0!important; filter: alpha(opacity=0); cursor: default; z-index: -1;}
	
	/* 네비 점 */
	.flex-control-nav {width:100%; height:8px; position:absolute; top:20px; text-align:center; z-index:2;}
		.flex-control-nav li {margin:0 10px; display:inline-block; zoom:1;}
		.flex-control-paging li a {width:8px; height:8px; display:block; background-color:#de1400; cursor:pointer; text-indent:-9999px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
		.flex-control-paging li a:focus {outline:0;}
		.flex-control-paging li a:hover {background-color:#707070;}
		.flex-control-paging li a.flex-active {background-color:#bababa; cursor:default;}
		
	/* 뷰페이지 상단 텍스트 슬라이드 세팅 */
	.top_bar .flexslider {width:540px; height:20px; margin:0px; background-color:#e9eef1; overflow:hidden; display:inline-block; line-height:19px; float:left;}
	.top_bar .flexslider .slides li a h3 {
		color:#de1400; font-size:16px; font-weight:bold; width:540px; height:20px; overflow:hidden;	display:inline-block; white-space:nowrap; text-overflow:ellipsis;
	}
	.top_bar .flexslider .slides li a h3:hover {color:#1174c7}
	.top_bar .flexslider .slides li h3 span {color:#6a767f;}
	.top_bar .flexslider .slides li h3 .slide-current-slide { padding-left:20px;}
		
/*---------------------------------------------------------------- 기사뷰 ----------------------------------------------------------------*/	
		
/*  기사 제목  */
.news_head {margin-top:40px;}
	.news_head h1 {font-size:46px; font-weight:900; line-height:48px;}
	.news_head .summary {margin:0; padding-top:10px; font-size:24px;}
	/* 기사 정보 */
	.news_head .byline { padding-top:15px;}
		.byline:before, .byline:after {content:""; display:table;}
		.byline:after {clear:both;}
		.byline .thumb {float:left; width:40px; height:40px; overflow:hidden; border-radius:50%;}
		.byline .thumb ~ .meta {height:40px; margin-left:50px;}
			.meta {font-size:16px; line-height:38px; margin:0px; font-weight:bold;}
			.meta span {color:#6a767f; font-weight:normal;}
			.meta span:before, .meta span:after {content:"l"; padding:0 8px;}
			.meta a {color: #1174c7;}
			.meta a:hover {color:#de1400;}


/* 왼쪽 컨텐츠  */
.contentWrapper .container .left_cont {width:730px;}

	/*  기사 제목  */
	.left_cont .news_head {margin-top:0px;}
		.left_cont .news_head h1 {font-size:36px; font-weight:900; line-height:48px;}
		.left_cont .news_head .summary {margin:0; padding-top:10px; font-size:22px;}
	/* 기사 정보 */
	.left_cont .news_head .byline {padding:15px 0 15px;}
		.byline:before, .byline:after {content:""; display:table;}
		.byline:after {clear:both;}
		.byline .thumb {float:left; width:40px; height:40px; overflow:hidden; border-radius:50%;}
		.byline .thumb ~ .meta {height:40px; margin-left:50px;}
			.meta {font-size:16px; line-height:38px; margin:0px; font-weight:bold;}
			.meta span {color:#6a767f; font-weight:normal;}
			.meta span:before, .meta span:after {content:"l"; padding:0 8px;}
			.meta a {color: #1174c7;}
			.meta a:hover {color:#de1400;}

	/* 버튼영역 */
	.left_cont .shareBar {display:table; width:100%; margin-bottom:30px;}
	.left_cont .shareBar:first-child {margin-bottom:20px;}
		.shareBar ul {width:100%; display:table-row;}
		.shareBar ul li {display:table-cell; text-align:center; vertical-align:middle; white-space:nowrap; width:15%;}
		.shareBar ul li span { font-weight:bold;}
		.shareBar ul li span:before { font-weight:normal;}
		.shareBar ul li a {width:100%; padding:7px 0 5px; display:block; color:#fff; transition:background-color 0.4s ease;}
		/**/
		.shareBar ul li.facebook a {background-color:#3e5999;}
		.shareBar ul li.facebook a:hover {background-color:#4a6ab6;}
		/**/
		.shareBar ul li.twitter a {background-color:#29a4d9;}
		.shareBar ul li.twitter a:hover {background-color:#1b8cd5;}
		/**/
		.shareBar ul li.kakaotalk a {background-color:#fe8f00; font-size:18px}
		.shareBar ul li.kakaotalk a:hover {background-color:#fe7200;}
		/**/
		.shareBar ul li.comments a {background-color:#d64937;}
		.shareBar ul li.comments a:hover {background-color:#de1400;}
		/**/
		.shareBar ul li.linkedin a {background-color:#d64937;}
		.shareBar ul li.linkedin a:hover {background-color:#c52713;}
		/**/
		.shareBar ul li.email a {background-color:#a71001;}
		.shareBar ul li.email a:hover {background-color:#820e03;}
		
	/* 기사내용 */
	.left_cont .view_cont {margin-bottom:40px;}
		.view_cont:before, .view_cont:after {content:""; display:table;}
		.view_cont:after {clear:both;}
		
		/* 기사내용 오른쪽 광고 */
		.view_cont .view_ad {float:right; line-height:0px;  margin:5px 0 0px 20px;}
		
		/* 이미지세팅 */
		.view_cont .view_cont_img {line-height:16px; text-align:center; padding:10px 0 30px;}		
			.view_cont_img .img {display:block;}			
			.view_cont_img img {width:auto;}
			.view_cont_img figcaption { font-style:italic; font-size:14px; margin:10px 0 0px; text-align:center;}
			/**/
			.view_cont .align_left {float:left; margin-right:25px; padding:10px 0 20px;}
			.view_cont .align_right {float:right; margin-left:25px; padding:10px 0 20px;}
			.align_left figcaption { margin:10px 0 0px;}			
			
		
		/* 기사뷰 세팅 */
		.view_cont p { margin:0; padding:0 0 20px;}
		.view_cont strong { font-size:18px; font-weight:bold; display:inline-block;}
		.view_cont p a { color: #1174c7;}		
		.view_cont p a:hover {color:#de1400;}
		
		/* 관련기사 */
		.view_cont .news_box {margin-bottom:26px;}
		.news_box .connect {float:left; width:165px; height:185px; margin-left:0px; margin-bottom:0px; margin-right:23px}
		.news_box .connect:last-child  {margin-right:0px;}
			.connect .assetThumb {float:none; width:165px; height:115px; margin-right:0px; margin-bottom:10px;}
			.connect .assetThumb .img {position:relative; width:165px; height:115px; moverflow:hidden;}
			.connect .assetText {float:none; width:165px;}
			.connect .assetText h3 {font-size:14px; font-weight:bold; line-height:18px; margin-bottom:10px; height:36px; overflow:hidden;}
			.connect .assetText p {display:none;}
			.connect .assetText span { display:none}
			.connect .assetText .byline {font-size:12px; line-height:12px; color:#000; display:block; margin:0px; padding:0px}
			
		/*  */
		.news_box .connect2 {width:345px; height:40px; margin:0px 15px 12px 15px; float:left; position:relative;}
		.news_box .connect2:nth-child(2n) { margin:0px 0px 12px 0;}
		.news_box .connect2:last-child {margin-right:0px;}
			.connect2 .assetThumb {display:none;}					
			.connect2 .assetText {float:none; width:305px; padding-left:40px; line-height:16px;}
			.connect2 .assetText:before {font-size:33px; line-height:30px; color:#CCC; position:absolute; top:5px; left:0px; content:'\e922'; font-family:'icomoon' !important;}
			
			.connect2 .assetText h3 {
				font-size:14px; font-weight:bold; line-height:14px; margin-bottom:5px;
				width:300px; height:15px; overflow:hidden; display:inline-block; white-space:nowrap; text-overflow:ellipsis
			}
			.connect2 .assetText p {font-size:13px; line-height:20px; color:#6b6b6b; margin:0px; height:60px; overflow:hidden; display:none;}
			.connect2 .assetText span {display:none}
			.connect2 .assetText .byline {font-size:12px; line-height:12px; color:#000; display:block; margin:0px; padding:0px;}
		
		/* 기사의 주간뉴스 */
		.news_box .week {width:350px; height:100px; margin-bottom:0px; margin-right:30px; float:left;}
		.news_box .week:last-child {margin-right:0px;}
			.week .assetThumb {float:left; width:144px; height:100px; margin-right:17px;}
			.week .assetThumb .img {position:relative; width:144px; height:100px; overflow:hidden;}
			.week .assetText {float:right; width:189px; line-height:16px;}
			.week .assetText h3 {font-size:14px; font-weight:bold; line-height:18px; margin-bottom:5px;}
			.week .assetText p {font-size:13px; line-height:20px; color:#6b6b6b; margin:0px; height:60px; overflow:hidden;}
			.week .assetText .byline { display:none;}			
	/**/			
	.ad_box {float:right; width:200px; margin-top:16px;}
		
	/* 태그 */
	.left_cont .tags { margin-bottom:30px;}
		.tags h3 {display:inline-block; font-weight:900; font-size:16px; line-height:24px; color:#de1400; text-transform:uppercase; padding-right:20px;}
		.tags a {
			display:inline-block; padding:10px; border:2px solid #de1400; margin:0 10px 10px 0; color:#de1400; font-weight:bold;  font-size:14px; line-height:20px; text-transform:uppercase; 
			-moz-transition:.25s;  -o-transition:.25s;  -webkit-transition:.25s; transition:.25s;
		}
		.tags a:hover { color:#000; border-color:#000;}
	
	/* 기자소개 */	
	.left_cont .reporter_list {margin:15px 0 0px; padding: 25px 0 20px; border-top: 1px solid #dddacf; position: relative;}
		.reporter_list .reporter_img {position: absolute; width:120px; height:120px; border-radius:100%; overflow: hidden;}
		.reporter_list .reporter_txt {margin-left:160px; min-height:120px;}
		.reporter_list .reporter_txt .reporter_name {line-height:20px; margin-bottom:10px;}
		.reporter_list .reporter_txt .reporter_name strong {font-size:20px; font-weight:900;}
		.reporter_list .reporter_txt .reporter_name strong:after {content:"l"; padding:0 15px;}			
		.reporter_list .reporter_txt .reporter_name a {
			border-radius:70%; background-color:#000; padding:6px; width:13px; height:13px; display:inline-block; line-height:12px; margin-right:15px; 
			-moz-transition:.25s;  -o-transition:.25s;  -webkit-transition:.25s; transition:.25s;
		}
		.reporter_list .reporter_txt .reporter_name a:hover {background-color:#de1400;}			
		.reporter_list .reporter_txt .reporter_name a span {font-size:12px; color:#FFF;}
		
		.reporter_btn { margin:0;}
		.reporter_btn a:hover {opacity:.7}
		
		.reporter_list .reporter_txt .reporter_profile {font-size:14px; line-height:26px; border-top:1px solid #999; padding-top:10px;}
		
/* 스크롤 영역 설정 */
.contentWrapper .container .right_cont {margin-top:0px;}
	.nav-top {position:fixed; top:0;}
	.nav-top {
		-webkit-transition-property:all; transition-property:all; -webkit-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-timing-function:ease; transition-timing-function:ease
	}
	.nav-bottom {position:fixed; bottom:0;}
	.nav-bottom_end {bottom:365px;}
/**/
.scroll_ad {margin-bottom:40px; padding-top:20px;}

/* 머니투데이 광고 */
.mt_bn_box {display:block; text-align:center;}
.mt_bn_box img {width:auto; height:auto;}

/* 댓글 확장 */
#comment_btn {width:730px; position:relative; cursor: pointer;}
	#comment_btn a{border:1px solid #dfdfdf; padding:6px 20px; background-color:#f4f4f4; width:690px; display:block; font-size:14px; font-weight:bold;}
	#comment_btn a span { position:absolute; right:20px; color:#999;}
	#comment_btn a span:after {content:"▼"; padding:0 0 0 10px;}
	
#comment_box {padding-bottom:0px; overflow:hidden;}
.comment_line {margin:15px 0 20px; padding:10px 0 0px; border-top:1px dashed #d3d3d3;}
		
/*---------------------------------------------------------------- 프린트뷰 ----------------------------------------------------------------*/
.view_print {width:720px;}
	.view_print .print_top {}
		.print_top:before, .print_top:after {content:""; display:table;}
		.print_top:after {clear:both;}
		.view_print .print_top img { width:auto}
		.view_print .print_top a:hover { opacity:0.6} 	
	/**/
	.view_print .news_head {margin:30px 30px 0; border-bottom:1px solid #dbdbdb;}
	.view_print .news_head h1 {font-size:36px; font-weight:900; line-height:48px;}
	.view_print .news_head .summary {margin:0; padding-top:10px; margin-bottom:20px; font-size:22px;}
	/**/
	.view_print .news_head .byline { padding-top:0px; border-top:1px solid #dbdbdb}		
	/**/
	.view_print .view_cont {padding:30px 40px;}
	.view_print .view_cont .journalist_1 { padding:30px 0; margin:0px;}
	
	.view_print .print_footer {padding:20px; background-color:#dbdbdb; border-top:2px solid #a7a7a7;}
		.print_footer:before, .print_footer:after {content:""; display:table;}
		.print_footer:after {clear:both;}
		.view_print .print_footer img { width:auto;}

/*---------------------------------------------------------------- 칼럼뷰 ----------------------------------------------------------------*/

/* 칼럼 */
.left_cont .list_box { width:730px; margin-bottom:30px;}
	.list_box:before, .list_box:after {content:""; display:table;}
	.list_box:after {clear:both;}
	
	.column_box {float:left; width:507px;}
		.column_box .news_box {margin-bottom:0px;}
		.news_box .column {float:left; width:155px; height:190px; margin-left:0px; margin-bottom:0px; margin-right:20px}
		.news_box .column:last-child  {margin-right:0px;}
			.column .assetThumb {float:none; width:155px; height:118px; margin-right:0px; margin-bottom:10px;}
			.column .assetThumb .img {position:relative; width:155px; height:118px; moverflow:hidden;}
			.column .assetText {float:none; width:155px;}
			.column .assetText h3 {font-size:14px; font-weight:bold; line-height:18px; margin-bottom:7px; height:36px; overflow:hidden;}
			.column .assetText p {display:none;}
			.column .assetText span { display:none}
			.column .assetText .byline {font-size:12px; color:#000; display:block; margin:0px;}
	
			
/*---------------------------------------------------------------- 포토뷰 ----------------------------------------------------------------*/

/* 포토뷰 슬라이드 세팅 */
.view_cont .photoslider {margin-bottom:10px; position:relative;}
	.photoslider .slides img {
		clip-path: polygon(0 0, 0 calc(100% - 8px), calc(100% - 52px) calc(100% - 8px), calc(100% - 44px) 100%, calc(100% - 36px) calc(100% - 8px), 100% calc(100% - 8px), 100% 0); height: inherit;
	 }
	.photoslider .slides .caption {font-style:italic; font-size:14px; width:660px; min-height:25px; line-height:20px; padding-top:5px;}
	
	.view_cont .custom-controls-container {position:absolute; right:20px; bottom:0px; font-size:14px; color:#6d7990; font-weight:bold;}
	.slide-current-slide { color:#de1400;}		
	
	.view_cont .photoslider_custom {width:675px; margin:0 auto 30px; z-index:1;}
	.photoslider_custom  .slides > li {cursor:pointer;}
	.photoslider_custom .slides .flex-active-slide {background: rgba(222,20,0,0.5);}
	.photoslider_custom .slides .flex-active-slide img {
		opacity:0.3; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
	}
	
	.photoslider_custom .flex-direction-nav a {
	  text-indent:0px; overflow:hidden; display:table; width:30px; height:100%;  position:absolute; top:0; z-index:10; cursor:pointer; border-radius:0px; background-color:#de1400; 
	  box-shadow:none; color:#fff; -webkit-tap-highlight-color:transparent; font-family: 'icomoon' !important;
	 -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
	}		
	.photoslider_custom .flex-direction-nav a:hover {background-color:#FFF;}
	.photoslider_custom .flex-direction-nav a:before {font-size:20px; position:relative; top:0px; left:5px; display:table-cell; vertical-align:middle; content:'\e917';}
	.photoslider_custom .flex-direction-nav a.flex-next:before {content:'\e918'; font-size:20px; position:relative; left:5px; }
	.photoslider_custom .flex-direction-nav a:hover:before, .flex-direction-nav a:hover.flex-next:before {color:#de1400;}
	
	.photoslider_custom .flex-direction-nav .flex-prev {left:-31px; opacity:1;}
	.photoslider_custom .flex-direction-nav .flex-next {right:-31px; opacity:1;}
	
	.photoslider_custom:hover .flex-direction-nav .flex-prev {opacity:1; left:-31px;}
	.photoslider_custom:hover .flex-direction-nav .flex-next {opacity:1; right:-31px}		
	
	.photoslider_custom .flex-direction-nav .flex-disabled {opacity:1!important; background-color:#666; pointer-events:none; cursor:not-allowed;}


/*---------------------------------------------------------------- 공지사항 뷰 ----------------------------------------------------------------*/	
	.left_cont .bbs {width:730px;}	
		.bbs .bbs_list {width:100%; border-collapse: collapse; margin-top:0px;}		
			.bbs_list th {border-bottom:1px solid #d1d1d1; background:#f3f3f3; border-top:2px solid #666666; height:40px; text-align:left; padding-left:20px;}
			.bbs_list th h3 {font-size:16px; font-weight:bold;} 
			.bbs_list td {border-bottom: solid 1px #d1d1d1;}
			.bbs_list td .bbs_cont {padding:20px; text-align:center;}
			.bbs_cont tr td {line-height:0px; border-bottom:none;}
			
			.bbs_list td .bbs_cont div {text-align:left; font-size:14px; line-height:24px;}
			.bbs_list td .bbs_cont div p {margin:0px;}
			.bbs_list td .bbs_cont div table tr td {line-height:20px;}
			
		.bbs .bt_box { padding-top:20px; text-align:center;}
		.bbs .bt_box a { font-size:16px; font-weight:bold; color:#FFF; padding:12px 26px; border-radius:4px; background-color:#000;}
		.bbs .bt_box a:hover {
			color:#FFF; background-color:#de1400;
			-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
			}
					
/*----------------------------------------------------------------------------------------------------------------*/
.pop-layer .pop-container {padding: 20px;}
.pop-layer p.ctxt {color:#3571B5; line-height:25px; padding:0px; margin:0px; text-align:center;}
.pop-layer {display:none; width:720px; height:auto; background-color: #fff; border:5px solid #3571B5; z-index:10; margin:0px auto 30px;}