/*공통*/
html, body {margin:0; padding:0; background-color:#FFF;}
div {margin:0; padding:0;}
ol, h1, h2, h3, h4, h5, h6, form, fieldset, blockquote { margin:0; padding:0; }
body { font:normal 12px 'ms pgothic', 'ms pゴシック', meiryo, "メイリオ", 돋움, Dotum, sans-serif; overflow-x:hidden; color:#555555; background-color:#fff; }
a {color:#555555; text-decoration:none; }
a:hover {text-decoration:underline; color:#69a304;}
img { border:0px; vertical-align:middle; }	
ul, li {list-style-type:none; margin:0px; padding:0px; }
dl, dt, dd { list-style-type:none; margin:0px; padding:0px; }
.mgBot5 {margin-bottom:5px;}
.mgBot10 {margin-bottom:10px;}
.mgBot15 {margin-bottom:15px;}
.mgBot20 {margin-bottom:20px;}
.mgBot30 {margin-bottom:30px;}
.mgTop-15 {margin-top:-15px;}
.mgTop5 {margin-top:5px;}
.mgTop10 {margin-top:10px;}
.mgTop15 {margin-top:15px;}
.mgTop20 {margin-top:20px;}
.mgR5 {margin-right:5px;}
.mgR10 {margin-right:10px;}
.mgR14 {margin-right:14px;}
.left {float:left;}
.right {float:right;}
.bold {font-weight:bold;}
.borderBotGray {border-bottom:1px solid #c2c2c2;}
.word-break {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; -ms-word-wrap:break-word; word-wrap:break-word; word-break:break-all;}
.jw_copy:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#wrap {width:100%;}

/*공통-퀵메뉴*/
#jbiz_fbBG {width:100%; height:30px; background-color:#f0f0f0; font-size:11px; color:#747474;}
#jbiz_fbBG .fcon { margin:0 auto; padding:8px; width:980px;}
#jbiz_fbBG span { margin-left:6px; padding-left:10px; background:url("http://img.tf.co.kr/ss/2013/jweb/jbiz/jw_mark.gif") 0px 0px no-repeat;}
#jbiz_fbBG .d11 {font:11px dotum;}
#jbiz_fbBG .arrow { width:114px;  background:url("http://img.tf.co.kr/ss/2013/jweb/jbiz/jw_mark.gif") right -22px no-repeat;}
#jbiz_fbBG .arrow a { display:block; width:114px;}
#jbiz_fbBG .snsT {background:url("http://img.thefactjp.com/service/web/jw_sns.gif") 0 0 no-repeat; margin:-2px 5px 0 5px;}
#jbiz_fbBG .snsT a { display:block;width:16px; height:16px;}
#jbiz_fbBG .snsF {background:url("http://img.thefactjp.com/service/web/jw_sns.gif") 0 -20px no-repeat; margin:-2px 0 0 0;}
#jbiz_fbBG .snsF a { display:block;width:16px; height:16px;}

/*공통-헤더*/
#header {width:100%; height:132px; margin:0 auto;}
#header .logoArea {position:relative; width:980px; height:95px; margin:0 auto;}
#header .logoArea .logo {position:absolute; width:244px; height:60px; left:10px; top:16px; background:url("http://img.tf.co.kr/ss/2013/jweb/jbiz/g_logo.gif") no-repeat;}
#header .navBar {width:100%; height:37px; background:url("http://img.tf.co.kr/ss/2013/jweb/jbiz/k_nav_off.png") repeat-x;}
#header .navBar .nav {width:980px; height:37px; margin:0 auto; border-left:1px solid #565655; line-height:0px; font-size:0px;}
#header .navBar a {position:relative; display:block; zoom:1; *display:inline; float:left; width:14.184%; height:37px; border-right:1px solid #525252; background:url("http://img.tf.co.kr/ss/2013/jweb/jbiz/k_nav_off.png") repeat-x;}
#header .navBar a:hover {background:url("http://img.tf.co.kr/ss/2013/jweb/jbiz/k_nav_on.png") repeat-x; border-right:1px solid #c0dd11;}
#header .navBar .current {background:url("http://img.tf.co.kr/ss/2013/jweb/jbiz/k_nav_on.png") repeat-x; border-right:1px solid #c0dd11;}
#header .navBar .btnImg {position:absolute; width:auto; height:30px; top:4px; left:4px;}

/*메인-컨텐츠*/
#contents {width:980px; margin:0 auto; padding-top:15px;}

/*메인-왼쪽컨텐츠*/
.wrapContents {width:979px; border-right:1px solid #c2c2c2; margin:0 auto;}
.conLeft {width:710px; min-height:900px; _height:900px; float:left; padding:0px 20px 10px 0px; border-right:1px solid #c2c2c2;}

/*메인-HOTSTORY*/
.hotStory {width:710px; height:236px; margin-bottom:10px;}
.hotStory .photo {width:420px; height:230px; float:left; overflow:hidden; border:3px solid #464646;}
.hotStory .thumb {width:420px;}
.hotStory .article {width:252px; height:223px; float:left; padding:13px 15px 0 16px; background:url("http://img.tf.co.kr/ss/2013/jweb/jbiz/k_hotStory.gif") no-repeat; border-left:1px solid #2a2a2a; vertical-align:top;}
.hotStory .h3 {width:auto; margin-bottom:12px; margin-left:-3px;}
.hotStory dt {display:block; width:auto; font-size:16px; font-weight:bold; color:#FFF; line-height:24px; margin-bottom:10px; overflow:hidden;}
.hotStory dt a {color:#FFF;}
.hotStory dd {display:block; width:auto; color:#a1a1a1; line-height:15px; overflow:hidden;}
.hotStory dd a {color:#a1a1a1;}

/*메인-HOTSTORY하단썸네일*/
.hotThumb {width:710px; height:130px; margin-bottom:20px;}
.hotThumb .photo {float:left; position:relative; overflow:hidden; width:230px; height:130px;}
.hotThumb .textbg {position:absolute; left:0px; bottom:0px; background-color:#000; filter:alpha(opacity=65); opacity:0.65; width:230px; height:38px;}
.hotThumb .photoTxt {position:absolute; left:0; bottom:0; padding:5px 8px; width:214px; height:28px; line-height:14px; z-index:10; overflow:hidden; color:#FFF;}
.hotThumb img {width:230px;}

/*메인-왼쪽하단기사영역*/
.mainAtc {width:710px;}
.wrapAtcRow {margin-bottom:22px; display:inline-block;}
.mainAtc .wrapAtc {display:block; float:left; width:348px; height:226px;}
.mainAtc .wrapAtc .boxTitle {position:relative; width:100%; height:16px; margin-bottom:10px;}
.mainAtc .wrapAtc .boxTitle .h3 {position:absolute; max-width:200px; height:16px; left:0px; top:0px;}
.mainAtc .wrapAtc .boxTitle .btnMore {position:absolute; width:33px; height:7px; right:3px; top:6px;}
.mainAtc .wrapTopic {width:332px; height:82px; background-color:#f9fafb; border:1px solid #e3e6ea; padding:7px; clear:both; margin-bottom:10px;}
.mainAtc .wrapTopic .thumb {width:112px; height:82px; float:left; overflow:hidden;}
.mainAtc .wrapTopic .thumb img {width:112px;}
.mainAtc .wrapTopic dt {display:block; float:left; width:205px; height:35px; margin-left:12px; margin-bottom:5px; font-size:15px; font-weight:bold; line-height:17px; overflow:hidden;}
.mainAtc .wrapTopic dd {display:block; float:left; width:205px; height:43px; margin-left:12px; color:#898989; line-height:14px; overflow:hidden;}
.mainAtc .wrapList {width:100%; height:54px;}
.mainAtc .wrapList li {position:relative; display:block; width:340px; height:25px; text-indent:10px; line-height:25px;}
.mainAtc .wrapList li .dot {position:absolute; width:3px; height:3px; top:11px; left:0px; background:url("http://img.tf.co.kr/ss/2013/jweb/jbiz/i_dot.gif") no-repeat;}

/*우측공통-오른쪽컨텐츠*/
.conRight {display:inline; width:248px; min-height:820px; float:left;}

/*우측공통-토픽*/
.topic {width:228px; padding:0px 10px;}
.topic .h3 {width:100%; height:14px; text-align:left; margin-bottom:10px;}
.topic .wrapAtc {display:block; width:auto; height:70px; margin-bottom:9px;}
.topic .wrapAtc .thumb {width:101x; height:68px; float:left; overflow:hidden; border:1px solid #c2c2c2;}
.topic .wrapAtc .thumb img {width:101px; height:68px;}
.topic .wrapAtc dd {display:inline-block; float:left; width:115px; height:55px; padding-top:6px; margin-left:10px; line-height:14px; overflow:hidden;}
.dotLine {disply:inline-block; width:100%; height:1px; background:url("http://img.tf.co.kr/ss/2013/jweb/jbiz/l_dot.gif") repeat-x; margin-bottom:10px; _margin-bottom:-2px;}

/*우측공통-우측배너*/
.ad01 {width:248px; height:250px; overflow:hidden; border-top:1px solid #959595; border-bottom:1px solid #959595;}
.ad01 img {width:250px; height:250px; margin:0 0 0 -1px;}

/*우측공통-탑10*/
.top10 {width:228px; padding:10px 10px 0px 10px; border-bottom:1px solid #c2c2c2;}
.top10 .wrapTitle {position:relative; width:100%; height:15px; margin-bottom:10px;}
.top10 .h3 {position:absolute; width:53px; height:14px; left:0px; top:0px;}
.top10 .moveBtn {position:absolute; width:31px; height:15px; right:0px; top:0px;}
.top10 .moveBtn li {float:left;}
.top10 .wrapAtc {display:block; width:auto; height:55px; margin-bottom:10px;}
.top10 .wrapAtc .wrapNum {width:22px; padding-top:15px; float:left; margin-right:8px; _margin-right:3px;}
.top10 .wrapAtc .wrapNum .pagingNum_on {width:20px; height:20px; text-align:center; text-indent:2px; margin-right:6px; vertical-align:middle; background:url("http://img.tf.co.kr/ss/2013/jweb/jbiz/k_top10Num-on.gif") no-repeat; border:1px solid #799500; line-height:20px; font-size:14px; color:#FFF; font-weight:bold;}
.top10 .wrapAtc .wrapNum .pagingNum_off {width:20px; height:20px; text-align:center; text-indent:2px; margin-right:6px; vertical-align:middle; background:url("http://img.tf.co.kr/ss/2013/jweb/jbiz/k_top10Num-off.gif") no-repeat; border:1px solid #bfbfbf; line-height:20px; font-size:14px; color:#7d7d7d; font-weight:bold;}
.top10 .wrapAtc .thumb {width:80x; height:55px; float:left; overflow:hidden;}
.top10 .wrapAtc .thumb img {width:80px;}
.top10 .wrapAtc dd {display:inline-block; float:left; width:110px; height:45px; margin-left:7px; padding-top:2px; line-height:16px; overflow:hidden;}

/*메인-우측하단*/
.artcRight {width:230px; padding:5px 0px 5px 9px;}
.artcRight .titleBox {position:relative; width:100%; height:21px; margin-bottom:10px; border-bottom:1px solid #545454;}
.artcRight .h3 {position:absolute; width:auto; height:12px; top:5px; left:3px;}
.artcRight .btnMore {position:absolute; width:53px; height:11px; top:6px; right:2px;}
.artcRight ul {height:85px; margin-bottom:19px;}
.artcRight .wrapArtc {display:block; width:73px; height:85px; float:left; line-height:14px; letter-spacing:-1px; overflow:hidden;}
.artcRight .wrapArtc .thumb {width:73x; height:51px; overflow:hidden; margin-bottom:7px;}
.artcRight .wrapArtc img {width:73px;}

/*서브-TopArticle*/
.topArticle {width:710px; height:215px; margin-bottom:12px;}
.topArticle .photo {position:relative; width:311px; height:172px; float:left; padding:12px; background-color:#373737; border:2px solid #000000;}
.topArticle .photo .ico {position:absolute; width:32px; height:31px; top:2px; left:2px;}
.topArticle .thumb {width:311px; height:172px; overflow:hidden;}
.topArticle .thumb img {width:311px;}
.topArticle .article {width:335px; height:180px; float:left; padding:20px 18px 0 18px; background:url("http://img.tf.co.kr/ss/2013/jweb/jbiz/k_subTopArtc.jpg") no-repeat; vertical-align:top;}
.topArticle dt {display:block; width:auto; height:44px; font-size:18px; font-weight:bold; color:#363636; line-height:22px; margin-bottom:12px; overflow:hidden;}
.topArticle dt a {color:#363636;}
.topArticle dd {display:block; width:auto; height:65px; color:#707070; font-size:14px; line-height:16px; margin-bottom:20px; overflow:hidden;}
.topArticle dd a {color:#707070;}
.topArticle .date {display:block; font-size:12px; height:14px; color:#707070;}
.topArticle .shadow {width:710px; height:15px; background:url("http://img.tf.co.kr/ss/2013/jweb/jbiz/c_topArtcShadow.gif") no-repeat 338px 0px; clear:both;}

/*서브-리스트*/
.subWrapList{width:auto;}

/*서브-가로형리스트*/
.listRow {display:block; width:auto; height:95px; padding:15px 0px; line-height:25px; border-bottom:1px solid #c2c2c2;}
.listRow .thumb {width:130px; height:95px; float:left; overflow:hidden; margin-right:14px;}
.listRow .thumb img {width:130px;}
.listRow dl {display:block; vertical-align:top;}
.listRow dt {display:block; width:562px; max-width:560px; height:18px; padding-top:2px; font-size:16px; font-weight:bold; line-height:18px; margin-bottom:10px;}
.listRow dd {display:block; width:562px; height:48px; color:#7d7d7d; font-size:14px; line-height:16px; overflow:hidden;}

/*서브-페이징(NUM)*/
.listPageNum {margin:20px auto 40px auto; height:22px; text-align:center; clear:both;}
.listPageNum .pagebtnLeft {position:relative; width:22px; display:block; margin-right:6px;}
.listPageNum .pagebtnRight {position:relative; width:22px; display:block;}
.listPageNum .pagingNum_on {width:22px; height:22px; text-align:center; margin-right:6px; vertical-align:middle; text-indent:2px; background-color:#a3d02a; line-height:22px; font-size:14px; color:#FFF; font-weight:bold;}
.listPageNum .pagingNum_off {width:22px; height:22px; text-align:center; margin-right:6px; vertical-align:middle; text-indent:2px; background-color:#FFF; line-height:22px; font-size:14px; color:#7d7d7d; font-weight:bold;}

/*리드-상하단배너*/
.bannerWide {width:auto; height:100px; text-align:center;}

/*리드-현재위치*/
.currentBar {position:relative; width:100%; height:19px; text-align:left; padding-top:8px; vertical-align:top; line-height:12px; border-bottom:1px solid #506615;}
.currentBar .sns {position:absolute; width:47px; height:21px; top:0px; right:0px;}
.currentBar li {display:inline-block; width:21px; height:21px; float:left;}

/*리드-기사면*/ 
.read {width:710px; clear:both; padding:18px 0px 20px 0px; font-size:16px; line-height:30px; vertical-align:top; -ms-word-wrap:break-word; word-wrap:break-word; word-break:break-all;}
.read .title {display:block; width:auto; margin-bottom:30px;}
.read .h1 {display:block; width:710px; min-height:22px; margin-bottom:10px; font-size:18px; font-weight:bold; letter-spacing:-1px; color:#718b01;}
.read .date {display:block; font-size:12px; line-height:14px; height:14px; color:#7d7d7d;}
/*130710 추가시작*/
.read .keyword {width:100%; height:20px;}
.read .keyword .label01 {width:70px; height:20px;; float:left; background-color:#8baf06; font-size:14px; font-weight:bold; color:#ffffff; text-align:center; line-height:20px; margin-right:8px;}
.read .keyword ul li {display:inline-block; height:20px; float:left; line-height:20px; font-size:14px; letter-spacing:1px;}
/*130710 추가끝*/


/*푸터*/
#jw_copy {clear:both; width:100%; background-color:#ebecee; padding:20px 0;}
#jw_copy ul {width:980px; margin:0 auto;}
#jw_copy .logo {float:left; margin:23px 30px 0 0;}
#jw_copy .text {float:left; width:744px; line-height:17px;}