/* 리드면 상단 광고 */
.readTopAd { width:980px; padding:20px 0 20px 0; margin:0 auto}

.tBorder { border-top:1px solid #dadada}
/* 리드면 좌측 레이아웃 */
.subWrapper .readLeft { float:left; width:640px; padding:30px 20px 30px 0}
.subWrapper .readLeft img { display:block;}
.readLeft .topBtn { width:640px;}
.readLeft .topBtn .categoryTxt { float:left; font:normal 12px dotum; color:#888; padding-top:4px;}
.readLeft .topBtn .categoryTxt a { color:#888}
.readLeft .topBtn .categoryTxt span a { font-weight:bold; color:#333}
.readLeft .subSnsBtn { float:left;}
.readLeft .subSnsBtn li { float:left; margin-right:2px;} 
.readLeft .functionBtn { float:left; border-top:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0; border-left:1px solid #a0a0a0; margin-left:5px;}
.readLeft .functionBtn img { display:block;}
.readLeft .functionBtn li { float:left; border-right:1px solid #a0a0a0;}

.readLeft .articleTitle { clear:both; width:640px; padding:27px 0 0 0; font-size:26px; letter-spacing:-0.07em;}
.readLeft .articleTitle span { font-size:14px; color:#888; display:block; margin-top:5px;}
.readLeft .timeTxt {width:640px; text-align:right; font:normal 12px dotum; color:#888; display:block; padding:15px 0 15px 0;}

/* 기사 사진 */
.readLeft .article table { border-spacing: 1px; border-collapse:separate; margin: 0 auto 20px auto;} /* add by KangSH */
.readLeft .article .imgTable { clear:both; border:1px solid #d7d7d7; margin:0 auto}
.readLeft .article .imgTable .caption { font:normal 12px dotum; border-top:1px solid #d7d7d7; background-color:#F8F8F8; padding:10px 5px 7px 5px }

/* .readLeft .article p { font:normal 16px dotum; color:#5e5e5e; padding:20px 0 20px 0; line-height:150%;} */
.readLeft .article { font-weight:normal; font-family:"맑은 고딕","Malgun Gothic",돋움,Dotum,굴림,Gulim; font-size:15px; color:#333; line-height:1.78;}
/*.readLeft .article p { padding:20px 0 20px 0; }*/
.readLeft .article p { padding:0 0 20px 0;}
.readLeft .socialBtn { width:640px; text-align:center;}
.readLeft .readAd { width:640px;}
.readLeft .hotAtc { width:640px; letter-spacing:-0.07em}
.readLeft .hotAtc dt { font-size:18px}
.readLeft .hotAtc dd { font-size:16px; padding-top:10px;}
.readLeft .botText li {color:#5e5e5e; font-size:14px; padding-top:10px;}
.readLeft .botText li a { color:#5e5e5e}
.readLeft .botText li a:hover { color:#dc1919}
.readLeft .photoBox {width:640px;}
.readLeft .photoBox:after {content:""; display:block; clear:both;}
.readLeft .photoBox {*zoom:1;}
.readLeft .photoBox li { float:left; position:relative; width:160px; height:120px; }
.readLeft .photoBox li img {width:160px; height:120px;}
.readLeft .photoBox li .playIcn2 { position:absolute; top:50%; left:50%; margin:-21px 0 0 -18px; width:37px; height:37px; z-index:999}

/* 리드면 우측 레이아웃 */
.subWrapper .readRight { float:left; width:300px; padding:30px 0 30px 20px; letter-spacing:-0.07em;}
.subWrapper .readRight img { display:block;}

/* 관련기사 */
.rd_relation .reTitle {font-size:18px; padding-bottom:8px;}
.rd_relation .reTitle span { color:#dc1919}
.rd_relation .reBoxAtc { width:640px; height:100px; background-color:#f8f8f8; margin-bottom:10px;}
.rd_relation .reBoxAtc li { float:left;}
.rd_relation .reBoxAtc .reThumb { width:148px; height:98px; border:1px solid #ddd;}
.rd_relation .reBoxAtc .reThumb img { display:block;}
.rd_relation .reBoxAtc .reArticle { width:460px; padding:10px;}
.rd_relation .reBoxAtc .reArticle a {font-size:13px ; color:#666; line-height:140%;}
.rd_relation .reBoxAtc .reArticle a:hover { color:#dc1919}
.rd_relation .reBoxAtc .reArticle span { display:block; margin-bottom:3px; width:460px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.rd_relation .reBoxAtc .reArticle span a { font-size:16px; color:#333}
.rd_relation .rel_article { width:640px;}
.rd_relation .rel_article li { padding:7px 0 3px 12px; background:url(http://img.tf.co.kr/ss/2015/common/m_bullet.gif) 0 9px no-repeat;}
.rd_relation .rel_article li a { font-size:16px; color:#333;}
.rd_relation .rel_article li a:hover { color:#dc1919}


/** 인쇄하기 팝업 **/
.print_wrapper {width:641px; padding:0 20px 20px 20px;}
.print_wrapper .p_header {padding:10px 0; border-bottom:2px solid #d0d0d0; overflow:hidden}
.p_h_btn_print {background:url("http://img.tf.co.kr/ss/2015/read/print_1.gif") no-repeat left top; width:64px; height:20px; border:0; cursor:pointer; float: left;}
.p_h_btn_cancel {background:url("http://img.tf.co.kr/ss/2015/read/print_2.gif") no-repeat left top; width:42px; height:20px; border:0; cursor:pointer; float: left;}
.print_wrapper .p_header .p_h_btn {float:right}
.print_wrapper .p_header > img {float:left}
.print_wrapper .p_header .p_h_btn .p_h_btn_print {margin-right:7px}
.print_wrapper .ca_print {clear:both; padding: 20px 0;}
.print_wrapper .p_footer > * {clear:both}
.print_wrapper .p_footer .p_h_btn {width:113px; margin:0 auto; overflow:hidden}
.print_wrapper .p_footer .p_h_btn .p_h_btn_print {margin-right:7px}
.print_wrapper .p_footer p {overflow:hidden; text-align:center; border-top:1px solid #eaeaea; padding-top:20px; font-size:13px; color:#888888; margin-top:20px}

.print_wrapper .readLeft { float:left; width:640px; padding:0 0 0 0}
.print_wrapper .readLeft img { width:100%; display:block;}
.print_wrapper .readRight { float:left; width:300px; padding:30px 0 30px 20px}
.print_wrapper .readRight img { display:block;}
.print_wrapper .readLeft .articleTitle {padding-top: 0;}

.print_wrapper .readLeft .article p {padding:10px 0 10px 0; line-height:150%;}
.print_wrapper .readLeft .article {padding:10px 0 10px 0; line-height:150%;}
.print_wrapper .ca_print {overflow: hidden;}

/** 스타갤러리 리드면 **/
.sgReadTop {width:640px; border-bottom:1px solid #dadada; height:30px;}
.sgReadTop .sgReadTitle { float:left; font-size:18px; padding-top:4px;}
.sgReadTop .sgReadTitle span { font-size:12px; color:#888}
.sgAtcTitle {font-size:24px; border-bottom:1px solid #dadada; padding:30px 0 8px 0; overflow:hidden}
.writeTxt {border-bottom:1px solid #dadada; font-size:12px; color:#888; padding:10px 0 10px 0; overflow:hidden}
.writeTxt ul li { float:left; margin-right:15px;}
.readLeft .sgWrap { padding:30px 0 30px 0; text-align:center; font:normal 14px dotum; color:#5e5e5e}
.readLeft .recommBtn { display:block;  width:96px; height:41px; padding-top:47px; border:1px solid #a0a0a0; background:url("http://img.tf.co.kr/ss/2015/read/bg_recommand_off.gif") 30px 7px no-repeat; font-family:nanumb; font-size:15px; margin:30px auto 0 auto; cursor:pointer; cursor:hand}
.readLeft .recommBtn:hover {background:url("http://img.tf.co.kr/ss/2015/read/bg_recommand_on.gif") 30px 7px no-repeat; border:1px solid #dc1919; color:#dc1919}
.readLeft .recommBtn span { font-size:13px;}
.readLeft .botBtn {border-top:1px solid #dadada; padding-top:10px; overflow:hidden; margin-bottom:30px;}
.rdPhotoSort { font-size:14px; padding-bottom:10px; overflow:hidden; margin-top:30px;}
.rdPhotoSort .leftTxt { float:left; margin-right:12px; padding-top:5px;}
.rdPhotoSort .leftTxt a { color:#888}
.rdPhotoSort .leftTxt .selected  { color:#333}
/* 하단 리스트 */
.rdPhotoList {margin: 0 auto;width:640px;}
.rdPhotoList ul {width:640px; clear: both; overflow: hidden; padding-top:20px;}
.rdPhotoList ul:first-child {padding-top:0;}
.rdPhotoList ul li img { display:inline !important}
.rdPhotoList li {float:left; width:150px; margin-left:13px; height:154px; text-align:center;}
.rdPhotoList li:first-child {margin-left:0}
.rdPhotoList li img {max-height:110px; max-width:150px}
.rdPhotoList li p {padding-top:7px; font-size:13px; color:#5f5f5f; background-color:#ffffff; height: 38px;}
.rdPhotoList li p:hover {color:#dc1919; text-decoration:none;}
.rdPhotoList li .pa_i_imgs {line-height:0; height: 110px; background-color:#ececec}

/* 150820 스페셜 포토 추가 */
.spcPhoto { width:640px;}
.spcPhoto:after {content:""; display:block; clear:both;}
.spcPhoto dt { font-size:18px; padding-bottom:10px;}
.spcPhoto dd { float:left; width:148px; margin-right:16px; }
.spcPhoto dd .spcPTitle {font-size:15px; text-align:center; display:block; padding-top:6px; height:35px; overflow:hidden; color:#5e5e5e}
.spcPhoto dd .spcPTitle:hover { color:#dc1919}

.spcPhoto dd a { position:relative;}
.spcPhoto dd .ottePlay { position:absolute; width:44px; top:45px; left:54px;  opacity:0.7; z-index:10}
.spcPhoto .icnOtte img { display:inline; height:20px; vertical-align:middle}


/* 160128  TF컷 타불라 */
.tfCut_tbl { width:640px;}
.tfCut_tbl:after { content: ""; display: block; clear: both }
.tfCut_tbl dl dt { font-family:"맑은 고딕", "Malgun Gothic", 돋움, Dotum, 굴림, Gulim; font-size:16px; font-weight:bold; color:#333; padding-bottom:6px;}
.tfCut_tbl dl dd { float:left; width:204px; margin-right:13px;}
.tfCut_tbl dl dd:last-child { margin-right:0;}
.tfCut_tbl dl dd .tfcThumb { display:block; width:204px; height:170px; overflow:hidden; margin-bottom:5px;}
.tfCut_tbl dl dd .tfcThumb img { height:100%;}
.tfCut_tbl dl dd .tfcTxt { font-family:"맑은 고딕", "Malgun Gothic", 돋움, Dotum, 굴림, Gulim; font-size:15px; line-height:20px; font-weight:bold; max-height:80px; color:#333;}
.tfCut_tbl dl dd .tfcTxt:hover { text-decoration:underline}


/* 160212 카드뉴스 */
.cardNav { width:640px; height:40px; position:relative}
.cardNav span { display:inline-block; border:1px solid #a0a0a0; height:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:19px; color:#888; padding:10px 10px 0 10px;}
.cardNav .bfNum {padding:5px 10px 0 10px;}
.cardNav ul { position:absolute; top:0; right:0;}
.cardNav ul li { float:left;}

/* 160229 AD 광고 박스 */
.AD_box { width:640px; margin:0 auto; font-size:16px; border:2px solid #ececec; margin-bottom:15px;}
.AD_box_title { font-size:12px; padding:0 5px 0 5px; margin-right:10px;   margin-top:-6px; background:#fff;  color:#bbbbbb; float:right;   }
.AD_contents {padding:10px; line-height:normal;}

/* 160303 우측 사이다 */
.smTitle { font-size:14px; display:block; margin-bottom:5px; margin-top:9px;}
.s2dTxt { font-size:18px; line-height:100%; margin-top:5px;}

/* 161117 태그 단어 추가 */
.tagWrap .tagIcn { display:inline-block !important; vertical-align:middle; margin-right:5px; zoom:1}
.tagWrap .tagWd { display:inline-block; vertical-align:middle; font-size:16px; color:#999; margin-right:15px; line-height:150%; letter-spacing:-0.07em}
.tagWrap .tagWd:hover { color:#ff6b6b}

/* 170329 리드면 두줄 광고 */
.twoLineAd { position:relative;}
.twoLineAd:after { content: ""; display: block; clear: both }
.twoLineAd li {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#333; width:95%; font-size:14px;}
.twoLineAd li .adIcon { position:absolute; right:0; bottom:5px; background-color:#333; border-radius:3px; display:inline-block; padding:0 3px 1px 3px; height:14px; color:#fff; font-size:11px; font-weight:normal; line-height:15px; vertical-align:middle;}

/* 180219 해당매체에서 보기 */
.goMedia { width:100%; font-size:13px; font-weight:bold;}
.goMedia:after { content: ""; display: block; clear: both }
.goMedia li { float:left}
.goMedia li:last-child { padding-left:5px; margin-top:-1px;}
.goMedia .red { color:#dc1919}

/* 181204 유튜브 댓글 */
.utb_reply { width:100%;}
.utb_reply:after { content: ""; display: block; clear: both }
.utb_reply .utbTitle { font-size:16px; font-weight:bold; color:#333; letter-spacing:-0.05em; padding-bottom:6px; margin-bottom:15px; border-bottom:1px solid #dedede}
.utb_reply .utbTitle img { display:inline; vertical-align:middle;}
.utb_reply ul { width:100%; position:relative; margin-bottom:20px;}
.utb_reply .utbThumb { position:absolute; top:4px; left:0;}
.utb_reply .utbThumb img { display: block; border-radius:40px; }
.utb_reply .utbTxt { padding-left:36px; font-size:14px; color:#5e5e5e; letter-spacing:-0.03em}
.utb_reply .utbTxt span { display:block; font-weight:bold; color:#333;}
.utb_reply button { width:100%; height:44px; background:none; border:1px solid #e00000; border-radius:6px; font-weight:bold; color:#e00000; margin-top:5px; letter-spacing:-0.05em; cursor:pointer}
.utb_reply button span { font-weight:normal}
/* add by KSH */
.utb_reply .bbutton { width:100%; height:44px; background:none; border:1px solid #e00000; border-radius:6px; font-weight:bold; color:#e00000; margin-top:5px; letter-spacing:-0.05em; cursor:pointer;display: block;text-align: center;font-size:13.3333px;}
.utb_reply .bbutton span { font-weight:normal;line-height: 44px;}