@charset "utf-8";








/* ----------------------------------------------------------------





- Title : story Cascading Style Sheets





- Author : 





- Date : 2010-04-27





- Description : story CSS





---------------------------------------------------------------- */














/* content style


---------------------------------------------------------------- */


	.contentHeader {


		height: 87px;


		margin-bottom: 43px;


		border-bottom: 1px solid #aacfec; 


		background: url('/_ui/images/web/story/bg_headerTitle01.gif') right bottom no-repeat; 


		}


	.contentHeader .h2_title01 { height: 33px; padding-top: 20px;}


	.contentHeader .txt01 {} 
	
	.contentHeader.natural {background: url('/_ui/images/web/story/bg_headerTitle01_nature.gif') right bottom no-repeat; }











	.contentCategory {clear: both; height: 25px;}


	.contentCategory dt {float: left; margin-right: 5px;}


	.contentCategory dd {float: left; padding-top: 1px; color:#999;}





	.contentTitle01 {font-size: 16px; font-weight: bold; color:#032368; line-height: 1.5; height: 60px;}


	.contentTitle01 img {vertical-align: middle; }





	.contentOtherInfo {font-size:12px; height: 25px; background: url('/_ui/images/web/common/line_h_dot_01.gif') 0 bottom repeat-x; }


	.contentOtherInfo .name  {float: left; color:#000;}


	.contentOtherInfo .name  em {color:#0962c8; margin-left: 3px;}


	.contentOtherInfo .date { float: right; padding-left: 5px; color:#999;}


	.contentOtherInfo .count { float: right; color:#000;}


	.contentOtherInfo .count  em {color:#6b6b6b;}


	.contentOtherInfo .count  span {color:#e1e1e1;}


	.contentPrint {padding: 75px 10px 50px; line-height:20px;}





/* Page Navigation


---------------------------------------------------------------- */


	.pagination01 {margin-top:30px; height: 40px; text-align:center; clear:both; color:#e0e0e0;}


	.pagination01 a {color:#7b7b7b; margin:0 6px; }


	.pagination01 strong { color:#093797; font-weight:bold;  margin:0 4px; } 


	.pagination01 img {vertical-align: middle; margin:0 -6px 1px -6px;} 








/* write information


---------------------------------------------------------------- */


	.writerInfo { clear: both; width: 865px; height: 95px; padding: 25px 0 0 30px; background: url('/_ui/images/web/story/bg_writeInfo01.gif') 0 0 no-repeat; }


	.writerInfo .thum {float: left; margin-right: 30px; }


	.writerInfo .thum img { width: 61px; height: 70px; border: 1px solid #d6d1f0; }


	.writerInfo .detail {float: left; width: 740px;}


	.writerInfo .detail .txt01 { height: 44px; line-height: 1.4; }


	.writerInfo .detail .txt01 .bar { color:#dbdbdb;}


	.writerInfo .detail .txt01 strong {color:#64626b;}


	.writerInfo .detail .txt01 em {color:#8c7fd5;}


	.writerInfo .detail .txt01 a {color:#919192;}


	.writerInfo .detail .txt02 { color:#5f616b;  line-height: 1.4;}


	.writerInfo .detail .txt02 .bar { color:#c8c1ea;}





	.contentPrintWrap { margin-bottom: 0px; padding-bottom: 36px; background: url('/_ui/images/web/common/line_h_dot_01.gif') 0 bottom repeat-x; }





	.dataBtnList {clear: both; text-align: right;padding-top: 7px; height: 32px; padding-right: 1px; padding-bottom: 20px;}


	.dataBtnList .btnLeft {float:left;}


	.dataBtnList .btnRight {float:right;}








/* comment one column


---------------------------------------------------------------- */


	.commentWrap h3 {clear: both; height: 22px; font-size: 14px; font-weight: bold; color:#000; }


	.commentWrap h3  span {color:#70a2e0;}


	.commentForm {border-bottom: 2px solid #e0e0e0;}


	.commentForm .inner {width: 882px; height: 108px; padding: 11px 0 0 12px; border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #e0e0e0; background-color:#f4f4f4;}


	.commentForm .inner .txtEntry {float: left; margin-right: 5px;  position: relative; width: 787px; background-color:#fff; border: 1px solid #e2e2e2;}


	.commentForm .inner .txtEntry textarea { width: 776px; height: 62px; padding: 5px; border:0; overflow: auto;}


	.commentForm .inner .txtEntry .expend {position: absolute; right: 1px; bottom: 1px; cursor: pointer;}


	.commentForm .inner .btn {float: left; }


	.commentList {clear: both; }


	.commentList li {padding: 15px; border-bottom: 1px solid #e0e0e0; position: relative; zoom:1;}


	.commentList li .info {height: 20px;}


	.commentList li .info span {color:#b0b1b5; margin-left: 5px;}


	.commentList li .info img {vertical-align: middle; }


	.commentList li .txt {color:#979797; line-height: 1.4;}


	.commentList li .btn {position: absolute; right: 10px; top: 15px; color:#e0e0e0;}


	.commentList li .btn .reply {color:#959595;}


	.commentList li .btn .report {color:#fa0808;} 





	.commentList li .cmtDtBox{clear:both;overflow:hidden;zoom:1; padding-top: 20px;}


	.commentList li .cmtDtBox .txtArea{


	width:760px;


	float:left;


	height:29px;


	padding:6px 10px;


	margin-right:6px;


	background:#fff; 


	border: 1px solid #e2e2e2;


	line-height:16px;


	color:#979797;


}


	.commentList li .cmtDtBox .btnArea{


	float:left;


	width:77px;


	height:43px;


	border:none;


	background:url('/_ui/images/web/share/btn_cmt_01.gif') no-repeat left top;


}











/* special story


---------------------------------------------------------------- */	


	.spStory_Wrap {padding-top: 30px;}


	.spStory_Wrap .tab01 {clear: both; margin-bottom: 0px; height: 22px;  }


	.spStory_Wrap .tab01 li {float: left; margin-right: 2px; background-image: url('/_ui/images/web/common/bg_tab01.gif') ; background-repeat: no-repeat; }


	.spStory_Wrap .tab01 a {display: block; height: 15px; margin-left: 2px;  padding: 7px 10px 0 8px;background-image: url('/_ui/images/web/common/bg_tab01.gif') ; background-repeat: no-repeat; }


	.spStory_Wrap .tab01 .on {background-position: left bottom;}


	.spStory_Wrap .tab01 .on a { font-weight: bold; color:#fff;background-position: right bottom;}


	.spStory_Wrap .tab01 .on a {}


	.spStory_Wrap .tab01 .off {background-position: left 0;}


	.spStory_Wrap .tab01 .off a{ color:#666; background-position: right 0;}


	.spStory_Wrap .tab01 .off a{} 





/* 게시물 정보


---------------------------------------------------------------- */	


	.contentOtherInfo02 {clear: both; overflow: hidden; zoom:1;}


	.contentOtherInfo02 .info {  float:left;    }


	.contentOtherInfo02 .info dt { float:left; color:#000;}


	.contentOtherInfo02 .info dd { }


	.contentOtherInfo02 .info dd a {color:#2972cd;}


	.contentOtherInfo02 .info dt.pb { width: 37px; height: 22px; }


	.contentOtherInfo02 .info dd.pb {   height: 22px; }


	.contentOtherInfo02 .info dd.pb a {color:#b0b1b5;}


	.contentOtherInfo02 .info dt.file { width: 70px; height: 22px; }


	.contentOtherInfo02 .info dd.file {  height: 22px; }


	.contentOtherInfo02 .info dt.rs { width: 90px; height: 22px; }


	.contentOtherInfo02 .info dd.rs {   height: 22px; }


	.contentOtherInfo02 .info dt.tag { width: 40px; }


	.contentOtherInfo02 .info dd.tag {  } 


	.contentOtherInfo02 .recomBtn {float: right;   text-align: center; padding-top: 10px;}


	.contentOtherInfo02 .recomBtn p {height: 14px;  color:#9c9c9c;}





/* dotBox


---------------------------------------------------------------- */


.dotBox{margin-bottom:9px;background: url('/_ui/images/web/search/line_v_dot_01.gif') repeat-x left bottom;}





/*  category_List_none


---------------------------------------------------------------- */


.category_List_none{padding:20px 0 35px 0;zoom:1;}


.category_List_none .titArea{padding-bottom:5px;font-size:14px;margin-bottom:14px;}


.category_List_none .titArea em{font-weight:bold;}


.category_List_none .titArea span{padding-left:10px;font-family:tahoma;color:#999;}





.category_List_none .tit_none{padding-bottom:9px;color:#101010;}


.category_List_none .tit_none strong{color:#ff4e00;}


.category_List_none .reftxt{padding-bottom:25px;color:#7e7e7e;line-height:18px;border-bottom:1px solid #dde2f0;}


.category_List_none .tit_none01{padding:33px 0 11px 0;font-weight:bold;color:#101010;}


.category_List_none .link{padding-bottom:6px;}


.category_List_none .link a{


	padding-right:8px;


	background:url('/_ui/images/web/category/arrow_r_blue.gif') no-repeat right 3px;


	color:#0a3699;


	text-decoration:underline;


}


/* special story   추가   11.08.11   */	
.story_comment {background:url(/_ui/images/web/story/story_commentbox_bg.gif) no-repeat; width:856px; height:77px;padding:20px 20px 0px 20px; margin:0 0 -10px 0;}
.story_comment dl{ text-align:left; vertical-align:top;}
.story_comment dt{color:#fff; font-size:14px; font-family:dotum; font-weight:bold;  margin-right:10px;padding-right:10px; float:left}
.story_comment dd{color:#bddaed; font-size:11px; font-family:dotum; padding-top:2px; }

.story_comment.natural {background:url(/_ui/images/web/story/story_naturebox_bg.gif) no-repeat; width:856px; height:77px;padding:20px 20px 0px 20px; margin:0 0 -10px 0;}

.story_box {background:url(/_ui/images/web/story/story_topbox_bg.gif) no-repeat; width:877px; height:153px; padding:22px 0px 22px 25px; vertical-align:top; text-align:left;  z-index:0}
.story_box .ribbon01 {position:relative; top:-23px; left:-26px; z-index:2}
/* .story_box .photo01 {float:left; margin: 0 15px 0 0; width:200px; height:133px; z-index:1; position:relative; top:-61px; left:0;} */
.story_box .photo01 {float:left; margin: 3px 9px 0 16px; width:190px; height:133px; z-index:1; position:relative; top:-61px; left:0;}

.story_box dl{margin:5px 0 0 0px; width:640px; float:left; text-align:left; top:-61px; position:relative; line-height:16px;}

/*.story_box dt{color:#0A3699; font-weight:bold; font-size:16px; font-family:dotum; border-bottom:1px solid #dddddd; margin-bottom:15px; padding-bottom:10px;}*/
.story_box dt{color:#0A3699; font-weight:bold; font-size:16px; font-family:dotum; border-bottom:1px solid #dddddd; margin-bottom:11px; padding-top:1px; padding-bottom:7px;}
.story_box dt a{color:#0A3699}
.story_box dd.content_text {color:#686868; font-size:12px; font-family:dotum; line-height:16px; margin-bottom:10px;}
/* .story_box dd.content_text a{color:#686868; } */
.story_box dd.content_text a{color:#686868; line-height:1.6em;}
.story_box dt a span{ font-size:12px; color:#6782c0;}
.story_box dd.sub_text {background:url(/_ui/images/web/story/ico_dot_gray01.gif) no-repeat left top; text-align:left; color:#6481ac; font-size:12px; font-family:dotum;  padding-left:7px; }
.story_box dd.sub_text a,a:link,a:hover,a:visited{color:#6481ac; }
.story_box dd.sub_text b{color:#686868}

.story_box.natural {background: url(/_ui/images/web/story/story_topbox_nature_bg.gif) no-repeat;}



/*
.tableType01 .photo02 {float:left; margin: 10px 15px 0px 0; width:132px; height:88px; padding:1px; border:1px solid #e5e5e5}

.tableType01 dl{margin:15px 0 0 0px; width:580px; text-align:left;float:left; }

.tableType01 dt{color:#000; font-weight:bold; font-size:14px; font-family:dotum; margin-bottom:0px; padding-bottom:6px;}
*/
.tableType01 .photo02 { float:left; margin: 10px 13px 0 0; width:134px; height:90px; border:1px solid #e5e5e5 }
.tableType01 dl{ margin:15px 0 0 0px; width:575px; text-align:left;float:left; position:relative; }
.tableType01 dt{color:#000; font-weight:bold; font-size:14px; font-family:dotum; margin-bottom:0px; padding-bottom:6px; padding-top:2px;}

.tableType01 dt a{color:#000000}
/* .tableType01 dd.content_text {color:#686868; font-size:12px; font-family:dotum; line-height:16px; margin-bottom:10px;} */
.tableType01 dd.content_text { height:40px; color:#686868; font-size:12px; font-family:dotum; line-height:1.5em; margin-bottom:8px;}
.tableType01 dd.content_text a{color:#686868; }
.tableType01 dd.sub_text {background:url(/_ui/images/web/story/ico_dot_gray02.gif) no-repeat left top; text-align:left; color:#6481ac; font-size:12px; font-family:dotum;  padding-left:7px; line-height:16px;}
.tableType01 dd.sub_text a,a:link,a:hover,a:visited{color:#6481ac; }
.tableType01 dd.sub_text b{color:#686868}

.pad_btm10 {padding-bottom:10px;}

/* 110906 추가 */

.story_box dl.text_centent1{margin:5px 0 0 0px; width:840px; float:left; text-align:left; top:-61px; position:relative; line-height:16px;}

.story_box dl.text_centent1 dt{color:#0A3699; font-weight:bold; font-size:16px; font-family:dotum; border-bottom:1px solid #dddddd; margin-bottom:15px; padding-bottom:10px;margin-left:5px;}
.story_box dl.text_centent1 dt a{color:#0A3699;text-align:left;}
.story_box dl.text_centent1 dd.content_text {color:#686868; font-size:12px; font-family:dotum; line-height:16px; margin-bottom:10px;margin-left: 5px;}
.story_box dl.text_centent1 dd.content_text a{color:#686868; }
.story_box dl.text_centent1 dd.sub_text {background:url(/_ui/images/web/story/ico_dot_gray01.gif) no-repeat left top; text-align:left; color:#6481ac; font-size:12px; font-family:dotum;  padding-left:7px; }
.story_box dl.text_centent1 dd.sub_text a,a:link,a:hover,a:visited{color:#6481ac; }
.story_box dl.text_centent1 dd.sub_text b{color:#686868}



.tableType01 dl.text_centent{margin:15px 0 0 0px; width:730px; text-align:left;float:left; }
.tableType01 dl.text_centent dt{color:#000; font-weight:bold; font-size:14px; font-family:dotum; margin-bottom:0px; padding-bottom:6px;}
.tableType01 dl.text_centent dt a{color:#000000}
.tableType01 dl.text_centent dd.content_text {color:#686868; font-size:12px; font-family:dotum; line-height:16px; margin-bottom:10px;}
.tableType01 dl.text_centent dd.content_text a{color:#686868; }
.tableType01 dl.text_centent dd.sub_text {background:url(/_ui/images/web/story/ico_dot_gray02.gif) no-repeat left top; text-align:left; color:#6481ac; font-size:12px; font-family:dotum;  padding-left:7px; line-height:16px;}
.tableType01 dl.text_centent dd.sub_text a,a:link,a:hover,a:visited{color:#6481ac; }
.tableType01 dl.text_centent dd.sub_text b{color:#686868}

.nature_Wrap {border-top: 2px solid #13b493 !important;}

/*2013.10.21 추가*/
.contentHeader.hotStory {background:url(/_ui/images/web/story/bg_headerTitle02.gif) right bottom no-repeat; }
dd.content_connection { width:100%; height:13px; padding-top:6px; *padding-top:5px; zoom:1; position:absolute; bottom:-7px; left:0px; color:#284ea5; text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden; white-space: nowrap; background:#FFF;}
dd.content_connection b{ color:#686868;}
dd.content_connection a{ color:#284ea5;}

/*2013.12.09 추가(오늘의 역사 리스트 추가)*/
/*.contentHeader.history{ height:234px; margin-bottom:10px; padding:12px 0 0 34px; background:none; overflow:hidden;}*/
.contentHeader.history{ height:auto; margin-bottom:10px; padding:12px 0 0 34px; background:none; overflow:hidden;}
.contentHeader.history h2{ height:auto; padding-top:78px; float:left; overflow:hidden;}
.contentHeader.history .date{ padding:84px 0 0 23px; font-family:Tahoma, Geneva, sans-serif; font-size:33px; font-weight:bold; color:#013099; float:left;}
.contentHeader.history .date p{ margin-bottom:1px;}
.contentHeader.history .calendar{ margin: 25px 67px 0 0; float:right;margin-bottom:10px;}
.contentHeader.history .calendar .month{ padding-bottom:5px; font-family:Tahoma, Geneva, sans-serif; text-align:center; font-size:16px; font-weight:bold;}
td.year{ color:#0a3699 !important; font-weight:bold; font-size:14px;}

dl.today_text{float:none;}
dl.today_text dd.content_text{height:50px;}