@charset "utf-8";

/* CSS Document */
/* domfam Team by willy 2011_08_17 ver2.0 */
 
.guide_tit { border-bottom: 3px solid #74441b; color: #424242; font-size: 16px; font-weight: bold; margin: 0 auto; padding: 20px; width: 950px; }
.guide_tit img { margin-right: 50px; }
.guide_contents { margin: 30px auto; position: relative; width: 990px; }
.guide_h { background: url(../guide/images/bu_tit.gif) no-repeat 5px 7px; border-bottom: 1px solid #c9c9c9; color: #424242; font-size: 13px; font-weight: bold; height: 20px; margin: 20px 0 ; padding: 0  0 10px 15px; } 



/* //////////////////////////////////////////////////////////////// */
/* //////////////////////////   global class  /////////////////////// */
/* ////////////한곳이 수정되면 사이트 전체가 수정되는 부분/////////// */
/* //////////////////////////////////////////////////////////////// */

/* align 시리즈 속성 정의 */
.left {text-align:left !important;}
.center {text-align:center !important;}
.right {text-align:right !important;} 


/* none 시리즈 속성 정의 */
.none_bor {border:none !important;}
.none_bg {background:none !important;}
.none_dp {display:none !important;}
.none_ma {margin:0px !important;}
.none_pa {padding:0px !important;}
.none_clear {clear:both  !important;}


/* font style 시리즈 속성 정의 */
.bold {font-weight:bold !important;}
.underline { text-decoration:underline !important; }
.f11 {font-size:11px !important;}


/* bullet 시리즈 속성 정의 */ 

/* font color 시리즈 속성 정의 */ 

/* form 시리즈 속성 정의 */
input[type="text"] { height:17px;}
input.radio {display:block;} 
input.check {display:block;} 


/* ////////////////////////////////////////////////////////////////// */
/* /////////////////////////   atrticle class  ///////////////////////// */
/* //////////////////// 기사면 에서만 사용된 코드 //////////////// */
/* ////////////////////////////////////////////////////////////////// */
.ad_wing{ position:absolute; top:212px; left:-80px;}

.btn_today_news_b{ position:absolute; top:874px; left:-29px;}

.wrap_aticle{ position:relative}
.wrap_aticle .section .gnb{ position:relative; z-index:20; border-bottom:2px solid #c51917} 
.wrap_aticle .section .box_article{  position:relative; z-index:10; padding:10px 0 20px}


/* 기사면 header */
.wrap_aticle #header{ margin-bottom:20px;}
.wrap_aticle .header02 {height:90px;}
.wrap_aticle .header02 .date{bottom:-2px;}
.wrap_aticle .header03{ display:none}

/* 기사면 우측광고 */
.wrap_aticle .aside .box_ad{ padding-left:6px;}
.wrap_aticle .aside .box_ad iframe { width:290px; height:250px;}

/* 기사면 하토픽 키워드 */
.wrap_aticle .box_hottopic{ position:relative; padding-bottom:20px;}
.wrap_aticle .box_hottopic .box_in{width:296px; height:228px; background-color:#dbdbdb; margin-top:7px; border:1px solid #dbdbdb;  position:relative}
.wrap_aticle .box_hottopic .box_in div{ position:absolute; z-index:10}
.wrap_aticle .box_hottopic .box_in div p{border:1px solid #dbdbdb; }
.wrap_aticle .box_hottopic .box_in div.on{ z-index:100; width:101px; height:81px; background-color:#dbdbdb;}
.wrap_aticle .box_hottopic .box_in div.on p{ position:absolute; top:-3px; left:-3px;}
.wrap_aticle .box_hottopic .box_in .keyword_01{ top:-1px; left:-1px;}
.wrap_aticle .box_hottopic .box_in .keyword_01{ top:-1px; left:-1px;}
.wrap_aticle .box_hottopic .box_in .keyword_02{ top:-1px; left:98px;}
.wrap_aticle .box_hottopic .box_in .keyword_03{ top:-1px; left:197px;}
.wrap_aticle .box_hottopic .box_in .keyword_04{ top:78px; left:-1px;}
.wrap_aticle .box_hottopic .box_in .keyword_05{ top:78px; left:98px;}
.wrap_aticle .box_hottopic .box_in .keyword_06{ top:78px; left:197px;}
.wrap_aticle .box_hottopic .box_in .keyword_07{ top:157px; left:-1px;}
.wrap_aticle .box_hottopic .box_in .keyword_08{ top:157px; left:98px;}
.wrap_aticle .box_hottopic .box_in .keyword_09{ top:157px; left:197px;}



/* 기사면 차동차*/
.wrap_aticle .box_car{ position:relative; padding-bottom:17px;}
.wrap_aticle .box_car .title{ margin-bottom:7px;}
.wrap_aticle .box_car .txt {padding-top:8px;}
.wrap_aticle .box_car .txt a{ color:#333333; font-weight:bold;}

/* 조선비즈 배달함*/
.wrap_aticle .box_delivery{ height:164px; position:relative; }
.wrap_aticle .box_delivery p.title{ margin-bottom:7px;}
.wrap_aticle .box_delivery .box_in{height:139px; position:relative}
.wrap_aticle .box_delivery .box_in p{ float:left; margin-right:10px;}
.wrap_aticle .box_delivery .box_in p span{ display:block; border:1px solid #dbdbdb}
.wrap_aticle .box_delivery .box_in p em{ display: block; font-size:11px; text-align: center; }
.wrap_aticle .box_delivery .box_in p.cotn{ margin-right:0; }
.wrap_aticle .box_delivery .box_in p.cotn span{ border:0 none; padding-bottom:10px;}

/* 분야별 주요뉴스*/
.wrap_aticle .box_news_sort{ height:173px; position:relative}
.wrap_aticle .box_news_sort p.title{ padding-bottom:7px;}
.wrap_aticle .box_news_sort ul{ height:156px; }
.wrap_aticle .box_news_sort ul ul{ width:300px; height:236px; position:absolute; left:0; top:37px; display:none; border:0 none}
.wrap_aticle .box_news_sort li li{ width:100%; height:18px; border:0 none; float:none; padding:3px 0 0 10px ; text-align:left; background-color:#FFF; }
.wrap_aticle .box_news_sort li li a{ padding-left:10px; background: url(http://image.chosun.com/cbz/renewal_2012/bu_dot_22_glay.gif) no-repeat 0 center;}
.wrap_aticle .box_news_sort li li.fir_chd{ padding-top:0;}
.wrap_aticle .box_news_sort li.on ul{ display:block}

/* 좌우 광고*/
.wrap_aticle .box_ad_col2{ height:134px; position:relative; text-align: center;}
.wrap_aticle .box_ad_col2 iframe { width:277px; height:120px;}

/* 좌우 광고*/
.wrap_aticle .box_ad_list{ width:300px; height:185px; position:relative}
.wrap_aticle .box_ad_list iframe{width:300px; height:185px; }

/* 오늘의 뉴스 브리핑 */
.todaynews_bre{ position:relative}
.todaynews_bre .tit{ position:relative; height:19px; margin-bottom:20px;  padding-left:15px; border-bottom:2px solid #5c6066;}
.todaynews_bre .tit a{ position:absolute; top:0; right:10px; color:#294a9e; font-weight:bold; padding-right:12px; background: url(http://image.chosun.com/cbz/renewal_2012/bu_arrow_blue_up.gif) no-repeat right center;}
.todaynews_bre .box_col{ height:265px;}
.todaynews_bre .left_col{ width:426px; float:left;}
.todaynews_bre .left_col li{ margin-top:12px; position:relative}
.todaynews_bre .left_col li a{ font-size:14px; font-weight:bold; letter-spacing:-2px}
.todaynews_bre .left_col li.fir_chd{ height:90px; margin-top:0;} 
.todaynews_bre .left_col li.fir_chd p{ width:118px; height:88px; position:absolute; top:0; left:0; border:1px solid #ebebeb; 	} 
.todaynews_bre .left_col li.fir_chd dl{ margin-left:128px;}
.todaynews_bre .left_col li.fir_chd dt{ line-height:19px; margin-bottom:4px;}
.todaynews_bre .left_col li.fir_chd dd a{ font-size:12px; font-weight: normal; color:#777777; letter-spacing:-1px}
.todaynews_bre .right_col{ width:220px; float:right}
.todaynews_bre .right_col .wrap_thum{ position:relative; padding-bottom:5px; margin-bottom:15px; border-bottom:1px solid #dbdbdb}
.todaynews_bre .right_col .wrap_thum div{ height:70px; position:relative; }
.todaynews_bre .right_col .wrap_thum .thum{ width:78px; height:58px; position:absolute; top:0; left:0; border:1px solid #ebebeb}
.todaynews_bre .right_col .wrap_thum .txt{ margin-left:88px;}
.todaynews_bre .right_col .wrap_thum .txt a{ color:#000; font-size:14px; font-weight:bold; line-height:21px; letter-spacing:-2px}
.todaynews_bre .right_col .warp_aha{ position:relative} 
.todaynews_bre .right_col .warp_aha .tit{ border:0 none; height:18px; margin-bottom:3px; padding:0; } 
.todaynews_bre .right_col .warp_aha  dt { height:20px;}
.todaynews_bre .right_col .warp_aha  dt a{ font-size:14px; font-weight:bold; letter-spacing:-1px}
.todaynews_bre .right_col .warp_aha  dd a{ color:#666666;}

.wrap_hotbest{ position:relative; padding:0 14px 10px;}
.wrap_hotbest .title{background: url(http://image.chosun.com/cbz/renewal_2012/bg_1px_hotbest.gif) repeat-x 0 bottom; margin-bottom:17px;}
.wrap_hotbest li {  padding-bottom:14px;  line-height:15px}
.wrap_hotbest li a{ font-weight:bold; font-size:14px;}

.wrap_contact_ad{ position:relative; padding:0 14px 20px;}

.wrap_art_ad_b{  height:200px; padding:0 0 20px 15px;}
.wrap_art_ad_b iframe{ width:615px; height:200px;}

.wrap_ad_google { padding-bottom:37px;}
.wrap_ad_google iframe{ width:100%; height:168px;}

.order_box li a{ background-color:#f2f2f2 !important;}
.order_box .tab_on a{ background-color:#FFF !important;}

.view_option { height: 13px; margin-top: 17px; margin-bottom:5px;  }
.view_option.opt_ty02{ padding-bottom:7px;}
.view_option #selected { font-size: 11px; font-weight: bold; letter-spacing: -0.1em; margin: 0 4px 0 2px; }
.view_option #img+span { display: inline-block; width:50px; *width:56px;}
.view_option #line { color: #E6E6E6; font-size: 12px; padding: 0 5px 0 4px; }
.view_option #none-selected { font-size: 11px; margin-left: 2px; margin-right: 4px; vertical-align: top; }
.view_option img { height: 13px; margin: 0 2px -2px 0; width: 13px; }
.inter_tab{ padding-top:30px;}
#list_area dl:first-child { margin-top:-5px; }
.title_only { margin-bottom: 5px; margin-top: 10px; }
.title_only #tit { line-height:27px; }
.title_only #tit a { font-weight: bold; font-size:16px; color: #555555; }
.title_only #date { color: #777777; margin-left: 5px; }
.title_only span {display:none;}
.title_only span#tit {display:inline; }
.title_only span#date {display:inline; }

.title_only span[style="article_line"] { display:none; }
.title_only .article_line { display:none; }
.title_only #referrence { padding-top: 2px; display:none; }
.title_only #referrence a { color: #888888; font-size: 12px; }
.title_only #relative { display: inline; line-height: 23px; margin-left: 3px; }
.title_only #relative a { color: #888888; }
.title_only_spacing { height:23px; display:inline-block }
.title_only_relative { border: 3px solid #ECECEC; clear: both; margin-top: 10px; padding: 2px 0 10px; width: 664px; }
.title_only_relative #rel_article { clear: both; color: #333333; font-size: 12px; line-height: 25px; margin-left: 10px; }
.title_only_relative #rel_article a { color: #333333; }
.title_only_relative #rel_date { color: #777777; font-size: 12px; margin-left: 10px; }
.title_only_relative dd.close { left: 647px; position: relative; top: 2px; }
.title_only_relative dd.close a { border: 0 none; }
.title_only_relative #article_line { color: #777777; font-size: 12px; line-height: 23px; margin: 0 2px; }
.box_article .article { font-family: "굴림", Gulim, "돋움", Dotum, AppleGothic, Sans-serif; padding: 14px; line-height: 23px; font-size:14px; /* margin:0px 10px  */}
.box_article .article strong { font-weight:bold !important; }
.box_article .article em { font-style:italic !important }
.box_article .article p { font-family: "굴림", Gulim, "돋움", Dotum, AppleGothic, Sans-serif; line-height: 23px; }
.box_article .article h3 { color: #5D5D5D; font-size: 14px; font-weight: bold; line-height: 22px; margin: 0 0 15px; }
.article_wrap { border-bottom: 1px solid #E1E1E1; margin-top:30px; }
.article_wrap .title a { color: #555555; font-size:16px; }
.article_wrap .writer span { font-weight: normal; color: #999999;  }
.article_wrap .article { overflow: hidden; clear:both; padding:17px 0 10px; }
.article_wrap .article .wrap_youtube { display:none; }
.article_wrap .img_left { float: left; margin-right: 18px; }
.article_wrap .img_left img { width:330px; }
.article_wrap .article.art_on .img_left { display:none }
.article_wrap .article.art_on .img_left { display:none }
.article_wrap .article.art_on .wrap_youtube { display:block; margin-bottom:15px; }
.article_wrap .article .text { font-size:12px; }
.article_wrap .article .text a{ text-decoration:none}
.article_wrap .article .text a:hover{ color:#333;}
.article_wrap .btnWrap { padding-bottom:25px }
.article_wrap .btnWrap .tagWrap { background: url(http://image.chosun.com/cbz/renewal_2012/ico_keyworld.gif) no-repeat 0 center; padding-left: 31px; }
.article_wrap .btnWrap .tagWrap a { color:#999; }
/* 뉴스 헤더 부분 */
.art_title_2011 { position:relative; padding-top:20px; background-color: #FAFAFA; border-top:1px solid #cccccc; margin-bottom:17px; position: relative; z-index: 10000; }
.art_title_2011 dl { position:absolute; top:20px; left:0px; width: 120px; z-index:10000 }
.art_title_2011 dl:after { clear: both; content: ""; display: block; }
.art_title_2011 dl dt p a { margin-right:5px; color:#333333; font-size:24px; }
.art_title_2011 dl dd { font-weight:bold; text-align:center; }
#cat_list { display:none; background-color: #FFFFFF; border: 1px solid #333333; left: 3px; padding: 8px 5px 7px 8px; position: absolute; top: 25px; width: 102px; z-index: 2002; }
#cat_list li { color: #333333; cursor: pointer; font: 12px; }
#cat_list li:hover{ background-color:#f5f5f5;}
#cat_list li a { color: #666666;  }
.title_author_2011 { color: #8D8D8D; letter-spacing: -1px; position: relative; border-left: 1px solid #E5E5E5; margin:0 0 20px 119px; padding:0 20px; min-height: 50px; z-index: 200 }
.title_author_2011 #j1 { cursor: pointer; display: inline; margin: 0 10px 0 1px; position: relative; }
.title_author_2011 #j1 a { color:#8d8d8d; }
.title_author_2011 li div:hover { color: #333333; }
.title_author_2011 h2 { color: #000000; line-height:29px; font-size:24px; letter-spacing: -2px; margin: 0 0 5px; width:480px; }
.title_author_2011 .name_n { display: inline; }
.j_popup { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #333333; display: none; left: 0px; position: absolute; top: 13px; width: 155px; word-break: break-all; z-index: 2002; }
.j_email { color: #333333; margin: 10px 0 0 12px; width: 131px; }
.j_title_li { display: block; line-height: 12px; margin: 0 0 5px; }
.j_con_li { letter-spacing: 0; }
.j_more { padding: 6px 0 12px 8px; width: 131px; }
.title_author_2011 #j1 a { color: #8D8D8D; cursor: pointer; }
#j1 img { vertical-align: middle; }
.j_mail { /* padding:0px 0 0 8px;  */}
.j_mail a { color:#274c9c !important; }
.j_more img { margin: 0 0 0 4px; }
.j_title_li img { margin: 0 5px 0 0; }
.tab_ctrl_2011 { background-color: #FAFAFA; border-bottom: 1px solid #CCCCCC; clear: both; float: none; height: 27px; position: relative; }
.art_tab_2011 { background-color: #E5E5E5; left: 10px; padding-left: 1px; position: absolute; top: 0; }
.art_title_2011 #art_tab1 { font-family: "굴림", Gulim; font-size: 13px; width: 108px; }
.art_tab_2011 ul { overflow:hidden }
.art_tab_2011 li { background-color: #FAFAFA; border-bottom: 1px solid #CCCCCC; color: #666666; display: inline; float: left; font-size: 13px; height: 18px; margin: 1px 1px 0 0; padding: 6px 0 2px; text-align: center; }
.art_tab_2011 li.on { background-color: #FFFFFF; border-color: #CCCCCC #CCCCCC #FFFFFF; border-image: none; border-style: solid; border-width: 1px; color: #666666; font-weight: bold; margin: 0 0 -1px -1px; padding: 8px 0 0; }
.art_title_2011 dl dt p { color: #333333; font: bold 24px "돋움", Dotum; letter-spacing: -2pt; word-spacing: -7px; text-align:center; }
.art_title_2011 #art_tab2 { font-family: "굴림", Gulim; font-size: 13px; width: 108px; }
.art_tab_2011 li a { color: #666666; font-size: 13px; }
.art_tab_2011 li span { color: #be0805 }
.tab_ctrl_2011 .ctrl3 { position: absolute; right: 11px; top: 3px; }
.tab_ctrl_2011 .ctrl3>li { color: #999999; float: left; font: 12px "돋움", Dotum; height: 11px; margin: 5px 0 0; word-spacing: -1px; }
.ctrl3 li.btn_fb,
.ctrl3 li.btn_twi { margin-right: 10px; padding-top: 2px; }
.tab_ctrl_2011 .ctrl3 li.btn_fb { margin: 0 20px 0 0; }
#out_popup_top { display:none; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #000000; bottom: -98px; position: absolute; right: 0px; width: 108px; z-index: 2002; }
.ctrl3 #o_btm li { padding-bottom:6px; }
.btn_outlist #o_btm { margin-top:5px; }
#o_btm { margin: 10px 0 0 12px; width: 100px; }
#o_btm li { margin-bottom: 2px; }
#o_btm img { margin: 1px 5px 0 0; }
.date_ctrl_2011 { clear: both; display: block; margin: 0 0 10px; overflow: hidden;  }
#date_text { color: #9A9A9A; float: left; font-size: 11px; margin: 0; }
#player1+#player1 { margin-top:20px; }
#player2 { padding:15px; }
#player2 .img_pop_div { margin-bottom:0; }
.center_img_2011 { color:#333333; margin: 0; margin-bottom:20px; }
.center_img_2011 img { border: 1px solid #D5D5D5; margin: 0 auto; vertical-align: top; }
.center_img_2011 img+img { margin-top:15px; }
.center_img_2011 .img_pop_div { margin-bottom:25px; }
.center_img_2011 .img_pop_div dt { padding:5px 0 0 5px; color:#9a9a9a; font-size:11px; }
.center_img_2011 .img_center dl { margin:0 auto }
.center_img_2011 .img_center dt { text-align:left; }
.center_img_2011 .img_right { overflow:hidden }
.center_img_2011 .img_right dl { float:right }
.center_img_2011 .img_right dt { text-align: right; }

.center_img_2011 .img_center {text-align:center;}

.center_img_2011 div { margin-bottom:20px; }
.art_wrap { position:relative }
.art_wrap .warp_view_btn { width:415px; height:36px; margin:60px auto 30px auto; }
.art_wrap .warp_view_btn a { float:left; width:200px; height:36px; text-indent:-999em; }
.art_wrap .warp_view_btn a.zone { background: url(http://image.chosun.com/cbz/renewal_2012/btn_starzone_go_off.gif) no-repeat 0 0; }
.art_wrap .warp_view_btn a.zone:hover { background: url(http://image.chosun.com/cbz/renewal_2012/btn_starzone_go_on.gif) no-repeat 0 0; }
.art_wrap .warp_view_btn a.talk { background: url(http://image.chosun.com/cbz/renewal_2012/btn_startalk_go_off.gif) no-repeat 0 0; }
.art_wrap .warp_view_btn a.talk:hover { background: url(http://image.chosun.com/cbz/renewal_2012/btn_startalk_go_on.gif) no-repeat 0 0; }
.art_wrap .warp_view_btn a:first-child { margin-right:15px; }
.rel_content_2011 { margin: 0 20px 0 10px; position: relative; text-align: left; }
.rel_content_2011:after { clear: both; content: ""; padding:0 14px; display: block; }
#rel_art_list { font: 14px 돋움, Dotum, AppleGothic, serif; margin: 0 0 30px; }
#rel_art_list dl { background: url(http://image.chosun.com/cbz/renewal_2012/article_bullet.gif) no-repeat scroll 0 50% transparent; display: block; margin: 0 0 8px; padding: 0 0 0 15px; }
#rel_art_list dl dt { width:625px; color: #333333; font-weight: bold; margin: 0 0 5px; word-spacing: -1px; }
#rel_art_list dl dt a { color:#333333; }
#rel_art_list dl dt span { color: #999999; font-size: 12px; font-weight: normal; margin-left: 10px; }
#rel_art_list dl.article_type02{height:50px; position:relative; padding-left:85px;}
#rel_art_list dl.article_type02 dd a{color:#999999; font-size:12px; letter-spacing:-1px}
#rel_art_list dl.article_type02 dd.img{ position:absolute; top:0; left:15px; border:1px solid #ebebeb}
#article_sns { height: 22px; margin: 0 0 0 25px; position: relative; width: 600px; }
#article_sns #sns_right { background: url(http://image.chosun.com/cbz/renewal_2012/article_bottom_right.jpg) no-repeat scroll 0 0 transparent; float: right; height: 22px; width: 200px; }
#sns_right .right_bt { float: left; width: 55px; }
.right_bt ul li { margin: 2px 0 6px 5px; }
.right_bt ul li img { margin-right: 3px; }
.right_bt2 { color: #333333; cursor: pointer; float: left; font-size: 12px; padding: 5px 0 0 3px; vertical-align: middle; }
.bot_ctrl_v4 { background-color:#FAFAFA; border-top: 1px solid #CCCCCC; height: 24px; margin-bottom: 30px; padding-top: 3px; }
.bot_ctrl_v4 li.bot_ctrlL { float: left; padding: 3px 0 0 10px; position: relative; }
.bot_ctrl_v4 li.bot_ctrlL ul.ft_box li.btn_fb { float: left; margin-right: 10px; padding-top: 2px; }
.bot_ctrl_v4 .bot_ctrlR ul li.bot_list { background: url(http://image.chosun.com/cbz/renewal_2012/bg_ctrl_line.gif) no-repeat scroll right 5px transparent; float: left; line-height: 19px; padding: 2px 9px 0 5px; }
.bot_ctrl_v4 .bot_ctrlR ul li.bot_list a { color: #999999; }
.bot_ctrl_v4 .bot_ctrlR ul li.go_top { background: none repeat scroll 0 0 transparent; color: #999999; cursor: pointer; padding: 2px 5px 0; }
.bot_ctrlL .ft_box li { float: left; line-height: 19px; margin-right: 8px; }
.bot_ctrl_v4 .bot_ctrlR { float: right; margin: 0 10px 0 0; }
.bot_ctrlR ul li { background: url(http://image.chosun.com/cbz/renewal_2012/bg_ctrl_line.gif) no-repeat scroll right 5px transparent; float: left; line-height: 19px; padding: 2px 9px 0; }
#ad_div { margin-bottom: 25px; }
#Google { margin: 0; padding: 0; position: relative; text-align: left; }
#Google_list { margin: 0; padding: 0 }
#Google_list ul li { margin: 0; padding: 0 0 10px; text-align: left; }
.google_txt { margin: 0 0 1px; }
.google_txt a:link { color: #333333; font-family: "굴림"; font-size: 13px; font-weight: bold; text-decoration: none; }
.basic { color: #666666; font-family: "굴림"; font-size: 12px; line-height: 15px; text-decoration: none; }
.basic a:hover { text-decoration: underline; }
.basic a:link { color: #333333; font-family: "굴림"; }
.google_link a:hover { text-decoration: underline; }
.google_link a:link { color: #B7B7B7; font-family: "굴림"; font-size: 11px; text-decoration: none; }
#Google_title { top: 3px; margin: 0; padding: 0; position: absolute; right: 0; }
#Google_title a { color:#333333; }
/* 포토앨범 */
#photo_listbox { border-bottom: 1px solid #E3E3E3; height: 95px; position: relative; width: 650px; }
#photo_listbox:after { clear: both; content: ""; display: block; }
#photo_listbox img { vertical-align: middle; }
.photo_scroll { width:588px; height:85px; position:absolute; top: 0px; left:35px; overflow:hidden; }
.photo_scroll .items { width:20000em; height:85px; position:absolute; }
.photo_scroll .items div { float:left; }
.p_btn { position:absolute; top:34px; left:15px; }
.n_btn { position:absolute; top:34px; right:15px; }
.p_btn_s { float: left; margin: 42px 15px 0 0; }
.n_btn_s { float: right; margin: 42px 6px 0 0; }
.photo_li { display: block; float:left; }
.photo_li ul { height:85px; }
.photo_li li { width:80px; height:85px; float:left; padding-right:18px; text-align:center; }
.photo_li:after { clear: both; content: ""; display: block; }
.photo_li img { height: 120%; }
.photo_li .active { border: 3px solid #6b27a2; }
.photo_li span { cursor:pointer; overflow:hidden; border:3px solid #fff; }
.on_80 span { display: inline-block; height: 58px; overflow: hidden; width: 78px; }
.on_80 { padding-top:10px; }
.on_80 img { margin: -3px; }
.on_60 span { display: inline-block; height: 74px; overflow: hidden; width: 54px; }
#article_photo { border:1px solid #ebebeb }
#photo_cntbox { bottom: -30px; color: #AAAAAA; font-size: 12px; font-weight: bold; position: absolute; right: 18px; }
.cnt_now { color: #665FC3; }
.photo_art_box { position: relative; width: 640px; z-index: 6; }
.photo_art_box p{ margin-bottom:24px;}
#view_warp { margin: 0 auto; position: relative; text-align: center; }
#expand { cursor: pointer; left: 0; position: absolute; top: 0; }
#photo_view { padding-bottom: 30px; margin-top: 53px; position: relative; }
.photo_prev { left: 0; position: absolute; top: 50%; width: 17px; }
.photo_next { position: absolute; right: 0; text-align: right; top: 50%; width: 17px; }
.latest_issue_title { height:18px; }
.latest_issue_title p { float:right }
.latest_issue_title p:first-child { float:left; color:#333; font-weight:bold; }
.latest_issue_title p a{display:none;}
#latest_issue { height:124px; background: none repeat scroll 0 0 #FAFAFA; border:1px solid #E6E6E6; position:relative; overflow: hidden; padding: 19px; padding-bottom:16px; width:600px; }
#latest_issue .scroll_photo {width:605px; height:124px; overflow:hidden; /* position:relative */ }
#latest_issue .tab_box{ overflow:hidden; width:20000em; position:absolute; top:19px; left:17px;}
#latest_issue h3 { color: #6b2aaa; font: bolder 13px "굴림", Gulim; margin-bottom: 8px; position: relative; }
#latest_issue h3 span { color: #999999; font: 11px "돋움", Dotum; position: absolute; right: 0; }
#latest_issue dl { float: left; margin-left:15px; text-align: center; }
#latest_issue dl:first-child { margin-left:0; }
#latest_issue .desc_thum { position: relative; text-align: center; z-index: 2; margin-bottom:20px; }
#latest_issue .desc_thum .fst { text-align: center;  border: 1px solid #EBEBEB; }
#latest_issue .desc_thum .fst  a {  display: inline-block;  height:78px; width:138px; background-color:#FFF; text-align: center; position:relative; vertical-align: middle; }
#latest_issue .desc_thum .fst img { max-height: 78px; max-width: 138px; vertical-align: middle; border:0 none !important }
#latest_issue .desc_thum .fst .thmb_v { display: inline-block; height: 100%; margin-top: -1px; overflow: hidden; vertical-align: middle; }

#latest_issue dd {margin-bottom: 8px; }
#latest_issue dt { width:140px; text-align:left; }
#latest_issue_lt { background: none repeat scroll 0 0 #FAFAFA; border:1px solid #E6E6E6; overflow: hidden; padding: 19px; padding-bottom:16px; }
#latest_issue_lt h3 { color: #6b2aaa; font: bolder 13px "굴림", Gulim; margin-bottom: 8px; position: relative; }
#latest_issue_lt h3 span { color: #999999; font: 11px "돋움", Dotum; position: absolute; right: 0; }
#latest_issue_lt dl { float: left; margin-left:13px; text-align: center; }
#latest_issue_lt dl:first-child { margin-left:0; }
#latest_issue_lt dd { border: 1px solid #EBEBEB; margin-bottom: 8px; }
#latest_issue_lt dt { width:140px; text-align:left; }
#issue_contents { padding-bottom: 30px; overflow:hidden }
#issue_contents:after { clear: both; content: ""; display: block; }
#issue_title { float: left; font-family: dotum; height: 647px; margin-right: 20px; position: relative; width: 270px; }
.h_598 { height:598px !important; }
.date_ctrl { clear: both; overflow: hidden; margin-bottom: 30px; margin-top: 0; }
#date_text { word-spacing: -2px; }
#title-text { font-size: 25px; color:#333; letter-spacing: -4px; line-height: 30px; width:230px; }
#title-thum { margin-top: 20px; }
#title-thum dt { margin-bottom: 13px; text-align:center; }
#title-thum img { border: 1px solid #EBEBEB; margin: -1px; }
#title-thum dd { width:230px; margin:0 auto; color: #555555; font-size: 14px; line-height: 21px; }
#issue-list { background: url(http://image.chosun.com/cbz/renewal_2012/photo/bar_bg.jpg) no-repeat scroll 50% 0 transparent; bottom: 0; height: 40px; margin-top: 30px; position: absolute; }
#issue-list:after { clear: both; display: block; }
#issue-list div { float: left; height: 40px; width: 130px; }
.prev-issue { background: url(http://image.chosun.com/cbz/renewal_2012/arrow_L.jpg) no-repeat scroll 0 50% transparent; text-align: left; }
.prev-issue:after { clear: both; display: block; }
.prev-issue img { display: inline-block; height: 7px; padding: 17px 7px 16px 0; vertical-align: middle; width: 0; }
#issue-list div { float: left; height: 40px; width: 130px; }
.next-issue { background: url(http://image.chosun.com/cbz/renewal_2012/arrow_R.jpg) no-repeat scroll 100% 50% transparent; text-align: right; border-left:1px solid #e3e3e3; }
.next-issue:after { clear: both; display: block; }
.next-issue .fr { float: none; }
.next-issue img { display: inline-block; height: 7px; padding: 17px 0 16px; vertical-align: middle; width: 0; }
#issue-list span { color: #575757; display: inline-block; letter-spacing: -1px; vertical-align: middle; width: 103px;	 }
#issue-list span a { color: #575757; font-family: Dotum; font-size: 11px; }
.next-issue span { padding-right: 7px; }
#issue-photo_view { border: 1px solid #EBEBEB; float: left; height: 650px; width: 678px; }
#issue-photo_view.h_598 { height:598px; }
#view-list { border-bottom: 1px solid #EBEBEB; height: 105px; margin-left: 15px; width: 650px; position:relative; }
.view-PhotoList { height: 95px; position:relative; padding-top:10px; }
.view-PhotoList span { display: inline-block; overflow: hidden; float:left; width:90px; height:95px; margin:0 4px; text-align:center; }
.view-PhotoList span img { margin: -1px; border:4px solid #fff; }
.view-PhotoList span .active { border: 4px solid #6b2aaa; }
#view-list .p_btn { position:absolute; top:42px; left:15px; }
#view-list .n_btn { position:absolute; top:42px; right:6px; }
#list-opt { font-family: Dotum; height: 20px; margin: 12px 0 10px; padding: 0 20px; position: relative; text-align: right; z-index:1000; }
#list-opt:after { clear: both; content: ""; display: block; }
#list-opt .opt-btn { cursor: pointer; display: block; float: right; margin-left: 5px; vertical-align: middle; }
#list-opt .opt-btn { cursor: pointer; display: block; float: right; margin-left: 5px; vertical-align: middle; }
#list-count { color: #4C4C4C; display: block; float: right; font-weight: bold; margin: 2px 15px 0 0; }
#list-count_this { color: #544EA0; }
#list-opt .view-arrow { cursor: pointer; position: absolute; top: 206px; }
#list-arrowL { left: 21px; }
#list-arrowR { right: 21px; }
#list-content { position: relative; }
#list-content:after { clear: both; content: ""; display: block; }
#list-content_view { display: block; width:540px; margin:0 auto; overflow:hidden }
#list-content_view dl { font-family: Dotum; height: 490px; margin:50px auto 0; width: 540px; }
#list-content_view .view-title { font-size: 16px; font-weight: bold; letter-spacing: -1px; margin-top: 20px; }
#list-content_view .view-title a { color: #333333; }
#list-content_view .view-desc { letter-spacing: -1px; margin-top: 8px; }
#list-content_view .view-desc a { color: #666666; }
#list-content_view .view-more { margin-top: 20px; text-align: right; }
#list-content_view .view-more a { color: #6b2aaa; font-weight: bold; }
#list-content_view .view-more img { margin: 5px 0 0 2px; vertical-align: top; }
#list-content_view dt { text-align:center }
#list-content_list { position: absolute; height: 100%; left: 0; position: absolute; top: 0; width:679px; height:555px; }
#list-content_list .scrollable { width:602px; height:555px; position:absolute; top:0px; left:38px; overflow:hidden !important; }
#list-content_list .items { width:20000em; position:absolute; }
#list-content_list .btn_prev { position:absolute; top:200px; left:20px; }
#list-content_list .btn_next { position:absolute; top:200px; right:20px; }

#list-content_list .box {width:600px; float:left;}
#list-content_list div { display: inline-block; float:left; width: 150px; }
#list-content_list div:after { clear: both; content: ""; display: block; }
#list-content_list dl { display: block; float: left; height: 180px; margin: 0 15px 5px; text-align: center; }
#list-content_list dl:after { clear: both; content: ""; display: block; }
#list-content_list dt { height:118px; width:118px; }
#list-content_list dt a { border: 1px solid #EBEBEB; display: inline-block; }
#list-content_list dt a:hover { border: 3px solid #6b2aaa; }
#list-content_list dt a:hover img { margin: -3px; }
#list-content_list .on { border: 3px solid #6b2aaa !important; }
#list-content_list .on img { margin: -3px; }
#list-content_list dt a img { margin: -1px; }
#list-content_list dd { font-family: Dotum; letter-spacing: -1px; margin-top: 5px; height:37px; overflow:hidden; }
#list-content_list dd a { color: #666666 !important; }
#out_popup_bot { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #000000; display: none; height: 93px; position: absolute; right: 0; top: 15px; width: 108px; z-index: 2002; }
.layerpopup { position: absolute; z-index: 100; }
#CALENDAR { background-color: #FFFFFF; }
.movie_player { padding:20px 0; text-align:center; }
#article_sns #sns_left li { float: left; height: 20px; margin: 0 12px 0 0; }
.photo_art_box p { color:#333333; width: 640px !important; }
.wrap_title { padding:20px 0 40px 0; }
/* 댓글 쓰기 */

.comment_100 { margin: 0 0 10px 0; }
.comment_100 h3 { border-bottom: 2px solid #9366bc; font-weight: normal; height: 25px; padding: 0 0 9px 2px; }
h3.all_100 { position: relative; }
.comment_100 h3.all_100 { height: 39px; margin-top: 0px !important; padding-bottom: 0; }
.comment_100 h3.all_100 img { margin: 5px 0 0 1px; }
.comment_font_sz { left: 75px; position: absolute; top: 15px; width: 90px; }
.comment_100 h3 p { height: 22px; line-height: 22px; padding-top: 6px; }
.comment_100 h3 p.com_count_v2 { background: url(http://image.chosun.com/cbz/renewal_2012/icon_100_arrow.gif) no-repeat scroll right 6px; float: right; margin: 16px 5px 0 0; padding: 0 8px 0 0; }
a.col_red:link,
a.col_red:hover,
a.col_red:visited { color: #421476; font-weight: bold; }
.order_box { float: right; height: 30px; border-bottom:2px solid #9366bc; position: relative; top: 9px; }
.order_box li { float:left; position:relative; z-index:1; border:1px solid #c5c5c5; border-bottom:0 none; margin-left:-1px; }
.order_box li a { width:76px; text-align:center; background-color:#FFF; padding:7px 0 4px; display:block; font-weight:bold; color:#000; }
.order_box li.tab_on { position:relative; z-index:10; border:2px solid #9366bc; border-bottom: 0 none }
.order_box li.tab_on a { padding:6px 0 4px; width:74px; }
.order_box .tab1 { margin-left:0px }
.order_box a:link,
.order_box a:hover,
.order_box a:visited { text-decoration: none; }
.order_box li.tab_on a:link,
.order_box li.tab_on a:hover,
.order_box li.tab_on a:visited { padding: 6px 12px; }
.float_L { float: left; }
.normal_box { clear: both; height: 100%; overflow: hidden; padding-bottom: 17px; }
.start { margin-top: 10px; }
.end { padding-bottom: 10px; }
.user_control { overflow: visible !important; position: relative; z-index: 5; }
.normal_box .user_control { height: 26px; margin-bottom: 9px; overflow: hidden; }
.normal_box .user_control:after { clear: both; content: ""; display: block; }
.normal_box .best_user_thum { border: 1px solid #D0D0D0; float: left; line-height: 12px; margin-right: 10px; }
.normal_box .user_setbox { float: left; padding: 9px 0 0; }
.user_setbox li { float: left; }
.user_setbox a.u_name:link,
.user_setbox a.u_name:hover,
.user_setbox a.u_name:visited { color: #010000; font: bold 13px 굴림; margin-right: 5px; }
.user_data { color: #9A9997; float: right; padding: 9px 0 10px; }
.user_data a { color:#000; }
.user_data span { margin-right: 8px; }
.normal_line { border: 1px solid #E5E5E5; padding: 7px 19px 9px; position: relative; }
.bg_box_arrow { background: url(http://image.chosun.com/cbz/renewal_2012/bg_box_arrow.jpg) no-repeat scroll left top transparent; height: 6px; left: 8px; position: absolute; top: -6px; width: 11px; }
.comment_txt { color: #666666; letter-spacing: -0.3px; line-height: 19px; padding: 6px 25px 6px 39px; }
.normal_box .comment_txt { padding: 6px 0; font-family:gulim, '굴림'; }
.user_etc { position: relative; }
.comment_100 a:link,
.comment_100 a:hover,
.comment_100 a:visited { color: #333333; }
.user_etc span { margin-right: 9px; }
.user_etc a.col_red:link,
.user_etc a.col_red:hover,
.user_etc a.col_red:visited { color: #502481; font-weight: bold; text-decoration: underline; }
.user_etc .col_ccc { color: #CCCCCC; margin-right: 0; }
.comment_100 h3 p { height: 22px; line-height: 22px; padding-top: 6px; }
.comment_100 .bot_h3_v2 p { background: url(http://image.chosun.com/cbz/renewal_2012/icon_100_arrow.gif) no-repeat scroll right 7px transparent; padding: 0 8px 0 0;  text-align:right; }
a.col_red:link,
a.col_red:hover,
a.col_red:visited { color: #421476; font-weight: bold; }
.sns_rel { display: block; margin: 0 !important; position: absolute; right: 0; top: 8px; }
.user_etc { margin: 0 0 0 39px; padding: 8px 0 0 1px; }
.user_etc span { margin-right: 9px; }
.user_etc img { margin-bottom: 2px; vertical-align: middle; }
.user_line,
.user_line_add { height: 1px; overflow: hidden; }
.normal_box .user_line { border-top: 1px solid #EDEDED; margin: 1px 0 0; }
.normal_box .user_etc { margin: 0; padding-left: 0; }
.normal_box .user_etc a { color:#343434; }
.normal_box+h3 { border:0 none }



/* //////////////////////////////////////////// */
/* ///////////////   btn class  /////////////// */
/*    사이트에서 사용되는 btn메뉴들을 클래스    */
/* //////////////////////////////////////////// */




/* //////////////////////////////////////////// */
/* ///////////////   tab class  /////////////// */
/*    사이트에서 사용되는 tab메뉴들을 클래스    */
/* //////////////////////////////////////////// */



/* //////////////////////////////////////////// */
/* ////////////   table class  ///////////// */
/*    사이트에서 사��되는 content부분의 table   */
/* //////////////////////////////////////////// */



/* //////////////////////////////////////////// */
/* ///////////////   box class  /////////////// */
/*    사이트에서 사용되는 tab메뉴들을 클래스    */
/* //////////////////////////////////////////// */



/* ////////////////////////////////////////////////////////////////// */
/* /////////////////////////   local class  ///////////////////////// */
/* ////////////////////특정 페이지에서만 사용된 코드 //////////////// */
/* ////////////////////////////////////////////////////////////////// */



/* //////////////////////////////////////////// */
/* //////////////    menunam     ////////////// */
/* ///////           1 menu             /////// */
/* //////////////////////////////////////////// */


/* //////////////////////////////////////////// */
/* //////////////    menunam     ////////////// */
/* ///////           2 menu             /////// */
/* //////////////////////////////////////////// */


/* //////////////////////////////////////////// */
/* //////////////    menunam     ////////////// */
/* ///////           3 menu             /////// */
/* //////////////////////////////////////////// */


/* //////////////////////////////////////////// */
/* //////////////    menunam     ////////////// */
/* ///////           4 menu             /////// */
/* //////////////////////////////////////////// */