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

/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, 
figcaption, footer, header, hgroup, menu, nav, output, 
ruby, section, summary, time, mark, audio, video 
{ margin: 0; padding: 0; border: 0; vertical-align: baseline; *zoom:1; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; background-color: #f6f6f6; padding-top: 30px; font-size: 13px; font-family: "芥竟", SimSun, NSimSun;  }
ul { list-style: none; }
ol { list-style: decimal inside; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

.cleardiv { clear: both; font-size: 0; line-height: 0; margin: 0!important; padding: 0!important; }
.tbold { font-weight: bold; }
.le { float: left; }
.ri { float: right; }
.txtright { text-align: right;}

/* CHN */
a{color:#333;text-decoration:none;}
a:visited,a:visited *{color:;}
a.visited,a.visited:visited{color:;}
a:hover,a:hover *,a.visited:hover{color:#333333;text-decoration:underline;}
html:first-child select{padding-right:6px; height:20px;} /* opera 9 & below fix */ 
option {padding-right:6px;} /* firefox fix */
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* for screen reader */ 

/* header */
#header{ width: 970px; margin: 0 auto 10px; padding: 0 4px 0 3px; }
#header h1 { width: 970px; height: 150px; background: url(http://image.chosun.com/chn_nam/nam_top_04.jpg) no-repeat; display: block; }
#header h1 a.toplink { width: 139px; height: 24px; display: block; position: relative; top: 94px; left: 112px; zoom:1;n }
#header h1 span { display: none; }
#header ul.nav { display: block; width: 965px; height: 25px; overflow: hidden; background:#cd0000; padding: 5px 0 5px 5px;}
#header ul.nav li { display: block; float:left; padding: 5px 35px 0; height: 25px; margin: 0 5px; }
#header ul.nav li:first-child { border-left: none;}
#header ul.nav li a { font-size: 15px; color: #FFF; font-weight: bold; padding-top: 1px; }


/* contents */
#wrapper { width: 977px; margin: 0 auto 20px; overflow: hidden; }
#content { width: 738px; float: left; background: url(http://image.chosun.com/chn_nam/nam_con_bg.gif) repeat-y; }
#contenttop { width: 738px; height: 10px; background: url(http://image.chosun.com/chn_nam/nam_con_bgtb.gif) no-repeat left top; }
#contentbot { width: 738px; height: 15px; background: url(http://image.chosun.com/chn_nam/nam_con_bgtb.gif) no-repeat left bottom; }
#contentsub { padding: 10px 50px;}
#contentsub h2.bbspoll { font-size: 14px; line-height: 1.5em; font-weight: normal; text-indent: 25px;}
#contentsub h2.bbspoll span { color:#666666; font-size: 12px;}
#contentsub .support { font-size: 12px; color:#6F4545;}

#contentbig { width: 977px; float: none; background: url(http://image.chosun.com/chn_nam/nam_con_bg977.gif) repeat-y; }
#contenttopbig { width: 977px; height: 10px; background: url(http://image.chosun.com/chn_nam/nam_con_bgtb977.gif) no-repeat left top; }
#contentbotbig { width: 977px; height: 15px; background: url(http://image.chosun.com/chn_nam/nam_con_bgtb977.gif) no-repeat left bottom; }
#contentbig p { line-height: 1.3em; font-size: 14px; color: #555; margin-bottom: 15px; }
#contentbig p.introment { background: url(http://image.chosun.com/chn_nam/nam_intro_top.jpg) no-repeat right top; padding-top: 10px; position: relative; top:-10px; height: 330px; }
#contentbig p.sj_photo { background: url(http://cn.chosun.com/Enter_style/LifeStyle/zhongbu/img/zhongbu_intro_top.jpg) no-repeat right top; padding-top: 10px; position: relative; top:-10px; height: 280px; }
#contentbig .area { margin-bottom: 20px; padding: 15px 20px 20px; background-color: #fdf5f2; } 
#contentbig .area img { padding: 4px; border: solid 1px #c8c8c8; background-color:#fff; margin-right: 3px;}

#wrapper h2 { font-size: 23px; margin-bottom: 10px; padding: 8px 0 7px; border-bottom: 1px solid #e5e5e5; color: #282d75; }
#wrapper h3 { font-size: 14px; margin-bottom: 8px; color: #6f4545; padding-top: 1px;}


#contentmain { padding: 8px 20px;}
ul#nam_maintop { margin-bottom: 20px; padding: 10px; background-color: #f5f5f5; border-bottom: solid 1px #ddd;}
ul#nam_maintop li { overflow: hidden; }
ul#nam_maintop li .mtimg { border: solid 1px #ebebeb; margin-right: 17px; float: left; }
ul#nam_maintop li h2 { border: none; font-size: 22px; color: #282d75; margin: 0 0 10px 0; width: 420px; float: left; position: relative; }
ul#nam_maintop li h2 span { position: absolute; right: 0px; top: 0px; }
ul#nam_maintop li h3 { font-size: 14px; color: #3e5c7a; font-weight: normal; width: 420px; float:left; margin-bottom: 8px; padding-top: 1px;}
ul#nam_maintop li span.desc { line-height: 19px; font-size: 12px; color: #555; }
#contentmain #mainleft { float: left; width: 207px; margin-right: 15px; background-color: #fdf5f2; padding: 20px; }
#contentmain #mainleft h3, #contentmain #mainleft h3 a { font-size: 13px; color:#666; padding-top: 1px; }
#contentmain #mainleft h3.line { border-bottom: solid 1px #e4c8c6; padding-bottom: 5px;}
#contentmain #mainleft ul.links { overflow: hidden; margin-bottom: 25px;}
#contentmain #mainleft ul.links li { background: url(http://image.chosun.com/main/201103/dot_1.gif) no-repeat left center; padding-left: 6px; width: 63px; float:left; line-height: 18px; }
#contentmain #mainleft ul.outlinks { line-height: 18px;}
#contentmain #mainleft dl { margin-bottom: 25px;}
#contentmain #mainleft dl dt { margin-bottom: 8px;}
#contentmain #mainleft dl dd { padding-left: 6px; margin-bottom: 10px;}


#contentmain #mainright { float: left; width: 430px; }
#contentmain #mainright div.line { height: 1px; background-color: #e5e5e5;}
#contentmain #mainright h2 { font-size: 14px; color: #282d75; position: relative; border: none; margin-bottom: 10px; padding-bottom: 0; }
#contentmain #mainright h2 span { font-size: 11px; font-weight: normal; color: #666; position: absolute; right: 0;}
#contentmain #mainright ul.newslist { margin-bottom: 20px;}
#contentmain #mainright ul.newslist li { background: url(http://image.chosun.com/main/201103/dot_1.gif) no-repeat left center; padding-left: 6px; line-height: 20px; font-weight: bold; }
#contentmain #mainright ul.newslist li a { font-weight: normal;}
#contentmain #mainright dl { width: 97px; margin-right: 16px; }
#contentmain #mainright dl dt { width: 95px; height: 70px; border: solid 1px #ebebeb; margin-bottom: 8px;}
#contentmain #mainright dl dd { line-height: 16px; font-size: 12px; letter-spacing: -1px; word-spacing: -1px;}
#contentmain #mainright .morebox { width: 315px; font-size: 12px; text-align: right; margin-bottom: 20px; }
#contentmain #mainright .mainphoto { width: 198px; height: 158px; float:left; border: solid 1px #ebebeb;}
#contentmain #mainright .mainvideo { width: 198px; height: 158px; float: left; border: solid 1px #ebebeb; margin-left: 25px;}
#contentmain #mainright div.more1 { font-size: 11px; width: 200px; padding-bottom: 5px; text-align: right; float: left }
#contentmain #mainright div.more2 { font-size: 11px; width: 200px; padding-bottom: 5px; text-align: right; float: left; margin-left: 25px; }

ul.article_list li dl { overflow: hidden; margin-bottom: 30px; }
ul.article_list li dl dt { padding-top: 1px;}
ul.article_list li dl dt a { font-size: 15px; font-weight: bold; color: #282d75; padding-top: 1px; }
ul.article_list li dl dt span { font-size: 12px; color: #666666;}
ul.article_list li dl dd.img { float: left; }
ul.article_list li dl dd.img img { border: solid 1px #ebebeb; margin-right: 10px; }
ul.article_list li dl dd.desc { padding-top: 10px; line-height: 16px; color: #555;  }

ul.article_list dl { overflow: hidden; margin-bottom: 30px; }
ul.article_list dl dt { padding-top: 1px;}
ul.article_list dl dt a { font-size: 15px; font-weight: bold; color: #282d75; padding-top: 1px; }
ul.article_list dl dt span { font-size: 12px; color: #666666;}
ul.article_list dl dd.thumb { float: left; }
ul.article_list dl dd.thumb img { border: solid 1px #ebebeb; margin-right: 10px; }
ul.article_list dl dd.desc { padding-top: 10px; line-height: 16px; color: #555;  }



.qnabox { margin-bottom: 25px; line-height: 1.4em; }


/* Paginate */
.paginate {width:650px;height:21px;background:#fafafa;margin:0;padding-top:5px;text-align:center; clear:both; position:relative; }
.paginate a{ font-size:14px dotum; color:#4d4d4d }
.paginate span a{ font:arial 14px; font-weight:bold; color:#999999; padding:0 11px;}
.paginate span a:hover { font:arial 14px; font-weight:bold; color:#999999; padding:0 11px;}
.paginate strong{color:#c8292a !important;padding:0px 3px 0 2px; text-decoration:none;border:1px solid #ddd; _width /**/:20px; background-color:#ffffff; line-height:10px; font:bold Arial; font-size:14px  }
.paginate span img{padding:6px 4px 0 4px;}
.paginate .paging{width:546px; position:absolute; left:54px; margin:0 auto;clear:both;}
.paginate .pre{ margin-right:5px; }
.paginate .pre a{ margin-right:5px; font-weight:normal; font-size:14px dotum; color:#4d4d4d; }
.paginate .pre a:hover{margin-right:5px; font-weight:normal; font-size:14px dotum; color:#4d4d4d;  }
.paginate .next a{ margin-left:5px; font-weight:normal; font-size:14px dotum; color:#4d4d4d; }
.paginate .next a:hover{margin-left:5px; font-weight:normal; font-size:14px dotum; color:#4d4d4d; }

.paginate {width:650px;height:21px;background:#fafafa;margin:0;padding-top:5px;text-align:center; clear:both; position:relative; }
.paginate li { display:inline;}
.paginate a{ font-size:14px dotum; color:#4d4d4d }
.paginate li a, .paginate li a.current { font:arial 14px; font-weight:bold; color:#999999; padding:0 11px;}
.paginate li a.current { background:#fff;}
.paginate li a:hover { font:arial 14px; font-weight:bold; color:#999999; padding:0 11px;}
.paginate strong{color:#c8292a !important;padding:0px 3px 0 2px; text-decoration:none;border:1px solid #ddd; _width /**/:20px; background-color:#ffffff; line-height:10px; font:bold Arial; font-size:14px  }
.paginate li img{padding:6px 4px 0 4px;}
.paginate .paging{width:546px; position:absolute; left:54px; margin:0 auto;clear:both;}
.paginate .pre{ margin-right:5px; }
.paginate .pre a{ margin-right:5px; font-weight:normal; font-size:14px dotum; color:#4d4d4d; }
.paginate .pre a:hover{margin-right:5px; font-weight:normal; font-size:14px dotum; color:#4d4d4d;  }
.paginate .next a{ margin-left:5px; font-weight:normal; font-size:14px dotum; color:#4d4d4d; }
.paginate .next a:hover{margin-left:5px; font-weight:normal; font-size:14px dotum; color:#4d4d4d; }


/* Article */
#article .datecopyline { font-size: 13px; color: #8d8d8d; margin-bottom: 20px; padding-top: 1px;}
#article p { font-size: 14px; color:#555; margin-bottom: 20px; line-height: 21px;}
/* ?????????? ??? ???????????? CSS */
#article dl {margin:0 auto 0 auto; padding: 10px 10px 3px 10px; margin:0 0 15px 0; }
#article dl.left {float:left; margin-right:15px;}
#article dl.right { float:right; margin-left:10px; display:inline; }
#article dl.center { float: none; }
#article dl dt { margin-bottom: 8px; margin: 0 auto; }
#article dl dd { color: #999; line-height: 15px; width: auto; }

.bot_ctrl li.bot_ftr { position:absolute; top:3px; right:250px; right:55px\9; white-space: nowrap;}

.fb-share-button { top:3px; top:6px\9; display:inline!important; .top:1px;}


.bot_ctrl {float:center; position:relative; width:608px; margin:20px auto 55px auto; border:1px solid #e3e3e3; padding: 0 10px;}
.bot_ctrl li {display:inline; margin:0px 3px 0px 12px;}
.bot_ctrl li img {vertical-align:middle; margin:7px 0 7px 0; cursor:pointer;}
.bot_ctrl li.btn_top {position:absolute; margin:0 0 0 0; right:12px; top:0px;}
/* ???? ��???��?????? ?????? ???????????? CSS
#article .art_photo {padding:0px 0 0 0; text-align:center; margin:0 auto;}
#article .art_media {clear:both; width:575px; text-align:center; margin:0 auto;}
#article .art_photo dl {margin:0 auto 0 auto; padding: 10px 10px 3px 10px; margin:0 0 15px 0; border: solid 3px #eeeeee;}
#article .art_photo dl dt {font-size:12px; line-height:17px; text-align:left;}
#article .art_photo dl.left {float:left; margin-right:15px;}
#article .art_photo dl.right {float:right; margin-left:10px; display:inline;}
#article .art_photo dl.center {float:none;}
#article .art_media dl {margin:0 auto 0 auto; padding:20px 0 10px 0;}
#article .art_media dl dt {font-size:12px; margin:5px 0 0 0; line-height:17px; text-align:left;}
*/

/* Gallery */ 
ul.gallery_thumbs { overflow: hidden; padding: 20px; background-color:#fdf5f3; margin-bottom: 25px; font-size: 12px;}
ul.gallery_thumbs li { text-align: center; width: 110px; float: left; margin-left: 10px; }
ul.gallery_thumbs li:first-child { margin-left: 0;}
ul.gallery_thumbs li img { padding: 2px; border: solid 1px #c8c8c8; background-color:#fff; margin-bottom: 7px; }

.art_photo {padding: 0; text-align:center; margin:0 auto 15px;}
.art_photo dl { }
.art_photo dl dd { margin: 0;}
.art_photo dl dt {font-size:12px; line-height:17px; text-align:left;}
.art_photo dl.left {float:left; margin-right:15px;}
.art_photo dl.right {float:right; margin-left:10px; display:inline;}
.art_photo dl.center {float:none;}
.gal_paginate {clear:both; margin:0px 0px 35px 0px; text-align:center;}
.gal_paginate span {color:#c2c2c2;}
.gal_paginate img {vertical-align:middle;}

/* Gallery Movie */
ul.movie_list li dl { overflow: hidden; margin-bottom: 30px; }
ul.movie_list li dl dt a { font-size: 15px; font-weight: bold; color: #282d75;}
ul.movie_list li dl dt span { font-size: 12px; color: #666666;}
ul.movie_list li dl dd.img {float: left;  }
ul.movie_list li dl dd.img img { border: solid 1px #ccc;  margin-right: 10px; padding: 3px; background-color: #fff;}
ul.movie_list li dl dd.desc { padding-top: 10px; line-height: 16px; color: #555;}
div.movie_article { margin: 0 auto; text-align: center; margin-bottom: 30px;}
div.movie_article video { display: none; }


/* sidebar */
#sidebar { width: 230px; float:right; margin-right: 4px; }
#sidebar h4 { font-size: 15px; padding: 6px 9px; background-color: #acacac; color: #fff; }
#sidebar h4 a { color:#fff; }
#sidebar a { color: #888;}
#sidebar .sidebox { margin-bottom: 15px; padding: 10px 5px 10px 9px; color: #888; background-color: #fff; border: solid 1px #ebebeb; }
#sidebar ul {}
#sidebar ul.rel_list {}
#sidebar ul li { background: url(http://image.chosun.com/chn_nam/nam_bullet1.gif) no-repeat left center; padding-left: 8px; margin-bottom: 8px; padding-top:}
#sidebar ul li a { padding-top: 1px; }

#sidebar dl {}
#sidebar dl dt { margin-bottom: 8px;}
#sidebar dl dd { padding-left: 6px; margin-bottom: 10px;}
#sidebar dl.sidethumb {}
#sidebar dl.sidethumb dt { width: 82px; text-align: center; font-size: 11px; margin-right: 10px; float: left; display: block; }
#sidebar dl.sidethumb dt img { width: 80px; height: 60px; border: solid 1px #ccc; margin-bottom: 6px; }
#sidebar dl.sidethumb dd { font-size: 12px; float: left; width: 120px; display: block; padding-left: 0; margin-bottom: 0; line-height: 18px; }
#sidebar img.sns { vertical-align: middle }
#sidebar ul.apps { overflow: hidden; }
#sidebar ul.apps li { background: none; padding: 2px 0 0; width: 70px; height: 65px; text-align: center; float: left; margin-bottom: 5px; }
#sidebar ul.apps li img { margin-bottom: 5px;}
#sidebar .subphoto { width: 213px; height: 163px; border: solid 1px #ebebeb; background-color:#fff; margin-bottom: 15px; padding-top: 10px; padding-bottom: 7px; padding-left: 15px; }
.stock { width: 203px; font-size: 14px; font-weight: bold; color: #010101; padding: 9px 2px; background-color: #fff; border: solid 1px #ebebeb; }
.weather { width: 203px; font-size: 14px; font-weight: bold; color: #010101; padding: 0px 3px; background-color: #ebebeb; }
.weather span { line-height: 30px;}
.weather #WeatherImg { vertical-align: middle; margin-top: -3px; }

/* photo slide */
.svw {width: 198px; height: 158px; background: #fff; }
.svw ul {position: relative; left: -999em;}
.stripViewer { position: relative; overflow: hidden; margin: 0 0 1px 0;border: solid 1px #ebebeb; }
.stripViewer ul { /* this is your UL of images */
margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; }
.stripViewer ul li { float:left; background: none!important; list-style-type: none!important; margin: 0!important; padding:0!important; }
.stripTransmitter { overflow: auto; width: 1%; position: relative; top: -20px; left: 150px; }
.stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; }
.stripTransmitter ul li{ width: 10px; float:left; margin: 0 5px 1px 0!important; list-style-type: none!important; background: none!important; padding:0!important; }
.stripTransmitter a { font: bold 10px Verdana, Arial; text-align: center; line-height: 10px; background: #fff ; color: #fff!important; text-decoration: none; display: block;}
.stripTransmitter a:hover, a.current { background: #ff0000; color: #ff0000!important; }


/* footer */
#footerwrapper { padding: 0 4px 0 3px; }
#footer {clear:both; width:970px; height:57px; margin: 12px auto 0 auto; background-color:#b1b1b1; text-align:left; overflow-y:hidden;}
.f_logo {float:left; height:29px; margin:11px 12px 0 123px; padding:4px 14px 0 0; border-right:1px solid #c5c5c5; display:inline;}
.f_logo img {vertical-align:middle;}
#footer div {float:left; width:655px; margin:13px 0 0 0;}
#footer div ul.rel_site li {display:inline;}
#footer div ul.rel_site li span {color:#d0d0d0;}
#footer div p.fcopyright {margin:3px 0 0 0;}
.fcopyright { text-decoration:none; color:#e8e8e8; font-size:10px; font-family: "Verdana"; letter-spacing:-1px;}
#footer a { text-decoration:none; color:#fff; }
#footer p.fcopyright a { text-decoration:none; color:#657dc1; }


/* special */
.sp_top {width:650px; margin:12px 0 0 0; padding:14px 0 0 0; border:3px solid #ebb6bc; overflow-y:hidden;}

.sp_list {clear:both; width:650px; margin:10px 0 0 0; padding:12px 0 0 0; background:url('http://cn.chosun.com/images/dotline.gif') repeat-x 0 top;}
#sp_list_top {clear:both; width:650px; margin:20px 0 0 0; padding:0 0 0 0; background:none;}
.sp_list li {position:relative; margin:3px 0 5px 0; padding:0 0 0 9px; background:url('http://cn.chosun.com/images/bul_gra_sq.gif') no-repeat 0 8px; line-height:20px; letter-spacing:-1px;}
.sp_list li span {position:absolute; top:-3px; right:0px; font-size:13px; color:#888888;}
.sp_list li img {vertical-align:middle; margin:0 0 2px 5px;}