/* 뉴스 뷰페이지 article */						
						
#Art_view{float:left; width:900px; height:100%; min-height:930px; margin:0px 50px 50px 50px;}						
						
						
#Art_title{float:left; width:100%;}						
						
.art_location{width:100%;padding:0px; overflow:hidden; margin-top:-5px; margin-bottom:10px; border-bottom:1px solid #C9C9C9;  background:none; }						
						
.art_location ol{width:100%;border-bottom:1px solid #E2DFDF;padding:0px 0 10px 0px;}						
.art_location li {display:inline;margin-right:0px;padding-right:0px; padding:0 0px 0 0;}						
.art_location li.right {display:inline;margin-top:1px;margin-left:4px;padding:0 0px 0 0; background:url(/images/article_t_line.gif) no-repeat right 0px; letter-spacing:-1px;}						
.art_location p{float:right;text-align:right;vertical-align:top;width:210px;margin-top:-32px;z-index:100;}						
						
						
.title_title{padding:0px 0 15px 0px; overflow:hidden; letter-spacing:0.3px;  }						
.title_title h2.title{clear:both; width:100%; font-weight:500; font-size:28px;color:#000; color:#000;line-height:37px; letter-spacing:-1px; }
.title_title h3.title{clear:both; width:100%; font-weight:500; font-size:18px;color:#000; color:#272727;line-height:21px; letter-spacing:-1px; padding:0px 0 8px 0px; }						


.title_title div.tagbox {clear:both; overflow:hidden; display:inline-block; margin-bottom:7px; background:#E5EAF7; }
.title_title div.tagbox h4{float:left; font-weight:600; font-size:15px;color:#013FA5; line-height:18px; letter-spacing:-1px; margin:2px 15px 3px 0px; }							
						
						
.name_ctrl{clear:both; position:relative; padding:0px 10px 10px 10px; margin-bottom:20px; overflow:hidden; font-size:15px;color:#000; line-height:18px; border-bottom:1px dotted #000;}						
.name_ctrl p{float:left; display:inline; margin-top:10px; }						
.name_ctrl span{color:#0267CF;}						
						
.ctrl2{bottom:0; float:right; width:260px;}						
.ctrl2 li{float:left;}	
.ctrl2 li{padding:0px 0px 0px 5px;}	
.ctrl2 li.lst{padding:0px 0px 0px 12px;}	
.ctrl2 li:last-child{padding:0px 0px 0px 0px;}	
.ctrl2 li:{padding:0px 0px 0px 0px;}
.ctrl2 li span{padding-top:1px;}						
.ctrl2 li img{padding:0px 0px 0 0px; vertical-align:middle; cursor:pointer;_cursor /**/:hand;}	
.ctrl2 li.print{padding:0px 7px 0px 5px;}		
.ctrl2 li.font_ctrl{padding-left:5px;}		
.ctrl2 li.font_ctrl img{padding:0px;}						
.ctrl2 li.font_ctrl img:hover{padding:0;}			
.ctrl2 li.font_ctrl button{margin:0px; padding:0px; font-size:.8em; border-radius:0; background-color:#fff; border:none;}	
.ctrl2 li.snsface{width:115px; padding:3px 0px 0px 0px;}	

						
.ctrl3{display:inline;float:right;vertical-align:top;width:113px;margin-top:0px;}						
.ctrl3 li{float:left;}						
.ctrl3 li span{padding-top:1px;}						
.ctrl3 li img{padding:6px 2px 0 3px;cursor:pointer;_cursor /**/:hand;}						
.ctrl3 li.font_ctrl img{padding:6px 0 0 0;}						
.ctrl3 li.font_ctrl img:hover{padding:0;}						
						
						
						
.art2_location{width:100%;padding:0px 14px 7px 14px;border-top:1px solid #d7d7d7;border-right:1px solid #d7d7d7;border-left:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;background-color:#f8f8f8;overflow:hidden;}						
						
						
.art2_location ol{width:100%;border-bottom:1px solid #E2DFDF;padding:0px 0 6px 0px;}						
.art2_location li {display:inline;margin-right:0px;padding-right:0px; padding:0 0px 0 0;}						
.art2_location li.right {display:inline;margin-top:1px;margin-left:4px;padding:0 0px 0 0; background:url(/images/article_t_line.gif) no-repeat right 0px;letter-spacing:-1px;}						
						
.title2_title{float:left;padding:8px 0 0 0px;min-height:45px;letter-spacing:0.3px;}						
.title2_title h2.txt{width:100%;font:bold 18px 돋움,Dotum,AppleGothic,serif;color:#000;line-height:25px; letter-spacing:-1px;}						
.title2_title h3.txt{width:100%;font:bold 14px 돋움,Dotum,AppleGothic,serif;color:#828282;line-height:21px; letter-spacing:-1px;padding:2px 0 0 0px;}						
						
						
/* 뉴스 뷰페이지 기사요약 */						
.cnabs{clear:both; position:relative; width:858px; border:1px solid #F4F5F7; padding:7px 20px 10px 20px; background-color:#F4F5F7; margin-bottom:20px;}						
.cnabs .txt {font-size:15px;color:#000000;line-height:24px; }						
		
.sstitle {font-weight:bold; color:#0139AA; font-size:15px;line-height:18pt;letter-spacing:-0px;	 margin-bottom:20px;}				

.date_text{width:100%; clear:both;overflow:hidden; padding:8px 0 0px 0 ;background:url(/images/line.gif) repeat-x 0 top;}						
.date_text p{float:left;margin-top:4px;display:inline;font-size:12px;color:#000;}						
.date_text span{display:inline;float:right;vertical-align:top;margin-bottom:4px;}						
		
						
.sharing{clear:both;width:100%; overflow:hidden;text-align:center;padding-top:23px;margin:10px 0 0 0; background:url(/images/line_search.gif) repeat-x 0 top;}						
.sharing_column{clear:both;width:100%;background-color:#fff;overflow:hidden;text-align:center;padding:0px;margin:0px 0 0 0;}

.txtOrigin {clear:both; width:100%; padding:0px 0px 15px 0px; color:#000;}		

.copy{clear:both;width:100%;background-color:#f6f6f6;overflow:hidden;text-align:center;padding:5px 0;margin:20px 0;}		


/* 본문 카드뉴스 및 카툰 슬라이드 박스  */	
.boxRolling {width:900px !important; padding:0px; margin-bottom:25px; overflow:hidden; background:#fff;}	
.boxRolling .img{margin:0px 0px 30px 0px; text-align:center; vertical-align:top;}	
.boxRolling p{font-size:12px; color:#333333; font-weight:normal; margin:5px 0px 0 0; text-align:center;}	

						
/*관련 기사 Related */					
.relationBox {clear:both; position:relative; width:100%; margin:25px 0px 30px 0px; padding:0px 0px 5px 0px;  background-color:#F9F9F9; border-bottom:1px solid #D9D9DA;}					
.relationBox h2 {font-weight:bold; font-size:1.1em; color:#000000; padding:0px 0px 10px 0px; background-color:#fff; border-bottom:2px solid #D9D9DA;}	
.article_link {width: 870px; margin: 5px 0px 2px 10px; }	
.article_link li {height:22px; margin: 3px 0 0 0px; padding: 3px 0 3px 10px; background: url(/images/ball_re.gif) no-repeat 0 70%;}	
.article_link li a {float: left; width:765px; margin-right:10px; }	
.article_link span { float:right; width:75px; right:0; top:5px; font-weight:normal; font-size:12px; color:#000;}	
.article_link li a img{vertical-align:middle; margin-left:10px;}

.relationBox dl {overflow:hidden; width:820px; margin:0px 15px 10px 15px; padding:0px 0px 10px 0px; border-bottom: 1px dotted #6B6B6B;}					
.relationBox dl:last-child {overflow:hidden; width:820px; margin:0px 15px 10px 15px; padding:0px 10px 0px 0px; border-bottom: none;}					
.relationBox dl dt {float:left; width:120px; padding:0px 0px 0px 0px;}					
.relationBox dl dt img{margin:0px 0px 0px 0px;}					
.relationBox dl dd {float:right; width:700px; vertical-align:middle;}					
.relationBox dl dd a{color:#221E1F; line-height:19px;}					
.relationBox dl dd span{ font-size:1.0em; }					
.relationBox dl dd b{ font-weight:normal; font-size:0.9em; }				
		
						
/* 본문 유투브 영상 박스 자동 100% */
.video-container { 
	margin-top:-10px ;
	padding-bottom: 56%; 
	max-width: 100%; 
	height: 0;  
	position: relative;
	overflow: hidden;
} 
.video-container iframe, 
.video-container object,
.video-container embed {
	margin: 0;
	padding: 0;  
	width: 100%; 
	height: 100%;
	position: absolute; 
	top: 0; 
	left: 0; 
}



/* 댓글 박스 */
#memoBox {clear:both; overflow:hidden; width:888px; border-top:1px solid #E1E1E1;  border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; border-left:1px solid #E1E1E1;  background:#F4F5F6; margin:20px 0px 10px 0px;}
#memoBox img	{vertical-align:middle;}
#memoBox h5 { width:835px; margin:12px 28px 13px 27px;  padding:0px 0px 13px 0px; border-bottom:1px solid #C6C7C8;}
#memoBox h5 img { margin:0px 10px 2px  0px;  }
#memoBox span.no {color:#F33D33; font-weight:600; }

#memoBox div {clear:both; padding:0px 27px 10px 26px; overflow:hidden; }
#memoBox div span {padding:10px 0 8px 0px; display:block;}
#memoBox div input {margin-left:10px; vertical-align:top; width:120px; height:22px; border:1px solid #A9AEB1; }
#memoBox div .button{ border:0px; width: 80px; height:24px; padding-bottom:3px; font-weight:bold; color:#222; vertical-align:middle; background:url('/images/board_bg.png') no-repeat; cursor:pointer;}
#memoBox div .textarea {width:731px; height:65px; border:1px solid #A9AEB1; padding:1mm; float:left; text-align:left; margin:0px;}
#memoBox div .button_memo{float:right; border:0px; width: 84px; height:75px; font-weight:600; font-size:11pt;  color:#222222; background:url('/images/bu_ok1.gif') no-repeat; cursor:pointer;}
#memoBox div .textarea2 {width:98%; height:150px; border:1px solid #A9AEB1; padding:1mm; line-height:15pt;}
#memoBox div .memo_bu {width:62px; height:47px; float:right; margin-left:0px; text-align:right; color:#222222;}
#memoBox div .bbs_button{ border:0px; width: 80px; height:30px; padding-bottom:0px; font-size:16px; font-weight:600; color:#222; vertical-align:middle; background:url('/images/board_bg.png') no-repeat; cursor:pointer;}

.memoViw { clear:both; overflow:hidden; margin:5px 0px 10px 0px; padding:0px; width:900px;}
.memoViw ul li {padding:7px 0px 5px 20px; margin:0px; background: url(/images/icon_memo.gif) no-repeat 0px 14px; border-bottom:1px dotted #B0B0B0;}
.memoViw ul li span.name {display:inline-block; color:#006699; padding:0 5px 0 0;}
.memoViw ul li span.date {display:inline-block; padding:0 5px 0 0;}
.memoViw ul li p { width:100%; clear:both; padding-bottom:10px; line-height:15pt;}
.memoViw ul li:last-child { width:100%; clear:both; padding-bottom:0px; margin-bottom:0px; line-height:15pt; border:none;}
.memoViw .button_me{ font-size:11px; border:0px; width: 40px; height:24px; font-weight:bold; color:#333; vertical-align:middle; background:url('/images/button_memo.gif') no-repeat; cursor:pointer;}
.memoViw .button_me2{ font-size:11px; border:0px; width: 50px; height:24px; font-weight:bold; color:#333; vertical-align:middle; background:url('/images/button_memo2.gif') no-repeat; cursor:pointer;}
.memoViw .txt {font-size:12px;color:#383838;line-height:18px;}
.memoViw .button_img{display:inline-block; text-align:center; padding-top:10px; width:100%;}


.r_area {clear:both; display:block; width:100%; margin-top:7px; text-align:right;}
.r_area a {color:#333;}
.r_area a em {vertical-align:0; font-style:normal;font-weight:bold;}
.r_area a.agree {color:#cd071e; 
	cursor:pointer;display:inline-block;width:23px;height:25px;padding:0 5px 0 31px;
	background:#da2127 url(/images/goodbad_icon.png) -5px 0 no-repeat;
	background-size:54px 50px;font-size:13px;color:#fff;line-height:25px;letter-spacing:-1px;text-align:left;vertical-align:top;text-decoration:none;}
.r_area a.agree_non {color:#cd071e; cursor:pointer;display:inline-block;width:23px;height:25px;padding:0 5px 0 31px;
	background:#D5D5D5 url(/images/goodbad_icon.png) -5px -25px no-repeat;
	background-size:54px 50px;font-size:13px;color:#fff;line-height:25px;letter-spacing:-1px;text-align:left;vertical-align:top;text-decoration:none}
	.r_area .ico_line {color:#ccc; vertical-align:bottom; }



/* 포트폴리오 모달 팝업 */
.modalBox { position:fixed; display:none; overflow:hidden; width:900px; padding:0px; height:700px; background:#fff; top:0; left:0; right:0; margin:90px auto 0; z-index:9999;}
.modalBox h5 {position: relative; height:30px; z-index:9999;}
.modalBox h5 .btn_close{position:absolute; display:block; top:15px;right:15px;width:29px;height:29px;cursor:pointer;}
.modalBox .viwImg {position: relative; text-align:center; padding:0px 75px; }
.modalBox .viwImg dl {width: 100%; }
.modalBox .viwImg dl dt {width: 100%; display:block; color:#000; font-size:20px; font-weight:600; line-height:29px; margin:0px 0 20px 0px; text-align:left; }
.modalBox .viwImg dl dd {width: 100%;  text-align:left; font-size:1.0em; }
.modalBox .viwImg dl dd .conts {border-top:1px dotted #777;  color:#000; height:320px; font-size:16px; line-height:20px;  margin:10px 0 30px 0px; padding-top:10px; text-align:left; overflow-y:scroll;  overflow-x:hidden;}
.modalBox .viwImg dl dd .conts p, .modalBox .viwImg dl dd .conts div {margin-bottom:20px;}
.modalBox .viwImg dl dd img.cover {float:left; margin:0 30px 0 0; border: 1px solid #888; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}
.modalBox .viwImg dl dd a.btn {  margin-bottom:20px; display: inline-block;  position: relative;  font-size:1.25em; font-weight:600;   height: 46px;  padding: 0 35px;  border: 1px solid #888;  background: transparent;  line-height: 46px;  text-align: center; text-decoration:none;}
.modalBox .viwImg dl dd a.btn:hover{  border-color: #CA2903;  background-color: #DD3E00;}
.modalBox .viwImg dl dd a span{color:#DB091A;}
.modalBox .viwImg dl dd a.btn:hover span{color:#fff;}
.modalBox .viwImg dl dd span{color:#DB091A;}
.modalBox .viwImg .left {position:absolute; float:left; top:60%; left:15px;}
.modalBox .viwImg .right {position:absolute; float:right; top:60%; right:15px;}
.modalBg.over { position:fixed; left:0; top:0; width:100%; z-index:999; height:100%; background:#000; opacity:0.7; }