@charset "utf-8";


/* COMMON */
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table,
th, td, form, fieldset, legend, input, textarea, button, select {
    margin: 0;
    padding: 0 
}

body, input, textarea, select, button, table, h1, h2, h3, h4, h5 {
    font-family: AppleSDGothicNeo-Light, sans-serif; /* font-size: 15px; line-height: 1.267em*/
    line-height: normal 
}

body {
    position: relative;
    color: #333;
    -webkit-text-size-adjust: none;
    background-color: #fff
}

body, button, input, select, td, textarea, th {
    font-size: 14px;
    font-family: 'Malgun Gothic', '맑은 고딕', sans-serif;
    color: #333 
}

table {
    border-collapse: collapse 
}

img, fieldset {
    border: 0 
}

ul, ol {
    list-style: none 
}

em, address {
    font-style: normal 
}

a {
    color: inherit;
    text-decoration: none 
}

/* img { vertical-align: top } */
mark {
    color: inherit;
    font-weight: bold;
    background: none 
}

.noMgR {
    margin-right: 0 !important 
}

.noPdL {
    padding-left: 0 !important 
}

.noBdb {
    border-bottom: none !important
}

.noPdB {
    padding-bottom: 0 !important;
}

.bdBtm {
    border-bottom: 1px solid #ddd
}

.mgT20 {
    margin-top: 20px;
}

.pdB15 {
    padding-bottom: 15px !important;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal
}

figure, figcaption {
    margin: 0;
    padding: 0;
    border: 0
}

figcaption {
    font-weight: normal !important
}

th {
    font-weight: normal
}

button {
    background: none;
    border: 0
}

.pdt_15 {
    padding-top: 15px
}

.pdb_15 {
    padding-bottom: 15px
}

.pdb_10 {
    padding-bottom: 10px
}

.pdt_10 {
    padding-top: 10px
}

.pdt_25 {
    padding-top: 25px
}

.pdb_25 {
    padding-bottom: 25px
}

.pdb_20 {
    padding-bottom: 20px
}

.pdt_5 {
    padding-top: 5px
}

.mgb_10 {
    margin-bottom: 10px
}

.mgb_15 {
    margin-bottom: 15px
}

.mgb_20 {
    margin-bottom: 20px
}

.mgt_10 {
    margin-top: 10px
}

.mgt_15 {
    margin-top: 15px
}

.w_44 {
    width: 55px
}

.w_82 {
    width: 82px
}

.w_88 {
    width: 88px
}

.w_110 {
    width: 110px
}

.w_17 {
    width: 17px
}

.w_col3 {
    width: 33.33%
}

.w_col2 {
    width: 50%
}

.left {
    float: left;
    margin-left: 10px
}

.right {
    float: right;
    margin-right: 10px
}

.cl {
    clear: both
}

.tc {
    text-align: center
}

.bdt_1 {
    border-top: 1px solid #e6e6e6
}

.bdt_1_ab {
    position: absolute;
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    border-top: 1px solid #e6e6e6
}

.rel {
    position: relative
}

.tbl {
    display: table
}

.tbl > * {
    display: table-cell
}

.bdt {
    border-top: 1px solid #e6e6e6
}

.secNoimg {
    width: 100%;
    height: 100% !important;
}

/* Left Menu */
.leftMenuWrap .menuClose {
    position: absolute;
    top: 0;
    left: 70%;
    z-index: 3000
}

.leftMenuWrap .menuClose img {
    width: 45px;
}

.leftMenuWrap .leftMenu {
    position: absolute;
    top: 0;
    float: none;
    width: 70%;
    height: 100%;
    background-color: #fff;
    z-index: 2000
}

.leftMenuWrap table {
    border-collapse: collapse
}

.leftSnsWrap {
    width: 100%;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #ddd
}

.leftSns {
    display: table;
    margin: 0 auto
}

.leftSns li {
    display: table-cell;
    padding-left: 10px;
}

.leftSns li:first-child {
    padding-left: 0;
}

.leftSns li button {
    width: 45px;
    height: 45px;
    border-radius: 23px;
    background-color: #fff;
}

.leftSns li button img {
    width: 22px;
}

.leftSns li .lFbook {
    border: 1px solid #3b5998
}

.leftSns li .lTweet {
    border: 1px solid #00aced
}

.leftSns li .lKakao {
    border: 1px solid #fcb700
}

.leftMenu .mDepth1 {
    border-bottom: 1px solid #ddd
}

.leftMenu .mDepth1 a { display:block; width:92%; padding:11px 4% 9px 4%; line-height:1.2; font-size:18px;}

.leftMenu .mDepth1 span {
    float: right;
    margin-top: 5px;
    display: block;
    width: 10px;
    height: 6px;
    overflow: hidden
}

.leftMenu .mDepth1 span img {
    width: 10px;
}

.leftMenu .mDepth1 span .mClose {
    margin-top: -6px
}

.leftMenu .mDepth2 {
    width: 100%;
    background-color: #f4f4f4;
    border-bottom: 1px solid #ddd;
}

.leftMenu .mDepth2 tr {
    border-bottom: 1px solid #e6e6e6
}

.leftMenu .mDepth2 tr:last-child {
    border-bottom: none
}

.leftMenu .mDepth2 td {
    width: 50%;
}

.leftMenu .mDepth2 .bdR {
    border-right: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.leftMenu .mDepth2 td a { display:block; width:100%; text-align:center; color:#5e5e5e; font-size:16px; line-height:1.2; padding:10px 0 8px 0}

.leftBBtn {
    display: table;
    margin: 15px auto 0 auto 
}

.leftBBtn li {
    display: table-cell;
    padding: 0 2px 0 2px 
}

.leftBBtn li button {
    width: 90px;
    height: 30px;
    border: 1px solid #999;
    border-radius: 15px;
    background-color: #fff;
    color: #999;
    font-size: 14px;
    line-height: 1.2;
}

/* 레이어 BG */
.layerBg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(0, 0, 0);
    opacity: 0.6;
    z-index: 1000;
}

/* Header */
.tfHeadWrap {
    width: 100%;
}

.tfHeadWrap .tfHead {
    position: relative;
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #ddd 
}

.tfHeadWrap .tfHead .tfLogo {
    width: auto;
    height: 23px;
    text-align: center;
}

.tfHeadWrap .tfHead .tfLogo img {
    height: 21px;
    margin-top: 12px;
}

.tfHeadWrap .tfHead .tfLogo img { /*height: 21px; margin-top: 12px;*/ height: 32px; margin-top: 8px;}



.tfHeadWrap .tfHead .tfLogo .txtTF {
    display: none;
    overflow: hidden;
    width: 100%;
    height: 100%;
    visibility: hidden;
}

.tfHeadWrap .tfHead .btnLeftMenu {
    position: absolute;
    display: block;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 40px;
    height: 32px;
    text-align: center;
    font-size: 0;
    line-height: 0;
    padding-top: 13px;
    z-index: 10 
}

.tfHeadWrap .tfHead .btnLeftMenu img {
    width: 20px 
}

.tfHeadWrap .tfHead .btnLeftMenu .leftMenu {
    visibility: hidden;
}

.tfHeadWrap .tfHead .btnSearch {
    position: absolute;
    display: block;
    overflow: hidden;
    right: 0;
    top: 0;
    width: 40px;
    height: 33px;
    text-align: center;
    font-size: 0;
    line-height: 0;
    padding-top: 12px;
    z-index: 10 
}

.tfHeadWrap .tfHead .btnSearch img {
    height: 20px 
}

.tfHeadWrap .mTfMenu {
    width: 100%;
    display: table;
    border-bottom: 1px solid #ddd 
}

.tfHeadWrap .mTfMenu li {
    display: table-cell;
    width: 20%;
}

.tfHeadWrap .mTfMenu .mnOn {
    color: #dc1919;
}

.tfHeadWrap .mTfMenu .r_bar {
    position: absolute;
    top: -1px;
    left: 0;
    height: 3px;
    background-color: #dc1919;
    width: 100%;
}

/*.tfHeadWrap .mTfMenu li a { position: relative; display: block; width: 100%; height: 25px; padding-top: 10px; font-size: 18px; font-weight: bold; color: #333; text-align: center; line-height: 1; }*/
.tfHeadWrap .mTfMenu li a { position: relative; display: block; width: 100%; padding: 10% 0; font-size: 18px; font-weight: bold; color: #333; text-align: center; line-height: 1; }

.teen17 {
    width: 11px;
    margin-left: 1px;
    margin-top: 2px;
}

.teen17m {
    width: 11px;
    margin-left: 1px;
    margin-top: 3px;
}

/* 컨텐츠 */
.tfContents {
    width: 100%;
}

/* 메인 탑기사 썸네일 1개일때 */
.tfContents .topAtc { position: relative; width: 100%; height:150px; overflow:hidden }
.tfContents .topAtc img { width: 100%; }


.tfContents .topAtc .transBg {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    padding-bottom: 2%;
    padding-top: 2%;
    line-height: 1;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.64) 50%, rgba(0, 0, 0, 0.65) 51%, rgba(0, 0, 0, 0.65) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.64)), color-stop(51%, rgba(0, 0, 0, 0.65)), color-stop(100%, rgba(0, 0, 0, 0.65))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.64) 50%, rgba(0, 0, 0, 0.65) 51%, rgba(0, 0, 0, 0.65) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.64) 50%, rgba(0, 0, 0, 0.65) 51%, rgba(0, 0, 0, 0.65) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.64) 50%, rgba(0, 0, 0, 0.65) 51%, rgba(0, 0, 0, 0.65) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.64) 50%, rgba(0, 0, 0, 0.65) 51%, rgba(0, 0, 0, 0.65) 100%); /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0 ); /* IE6-9 */
}


/* 메인 탑기사 썸네일+배경일때 */
.tfContents .topAtc2 {position: relative; width: 100%; overflow:hidden; /*height:150px;*/ padding:15px 0 10px 0; background-color:#000; }
.tfContents .topAtc2:after { content: ""; display: block; clear: both }
.topAtc2 .topAtcBox { clear:both; display:table; width: 94%;  margin:0 auto; position:relative; z-index:10}
.topAtc2 .topAtcBox .topThumb { display:table-cell; width:90px; height:60px; vertical-align:middle;}
.topAtc2 .topAtcBox .topThumb a { display:block; width: 90px; /*height: 60px; */ border:1px solid #ddd; overflow:hidden}
.topAtc2 .topAtcBox .topThumb img { width:100%}
.topAtc2 .topAtcBox .topThumbTitle { display:table-cell; color:#fff; font-size:20px; vertical-align:middle; line-height:1.2; letter-spacing:-1px; overflow: hidden; text-overflow: ellipsis;  word-wrap:break-word; vertical-align:middle; padding-left:10px;}
.topAtc2 .topLineAtc { clear: both; width: 94%;  margin:5px auto 0 auto; position:relative; z-index:10}
.topAtc2 .topLineAtc li a { display:block; color:#fff; font-size:16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:1.2em; padding-top:8px; padding-bottom:6px; letter-spacing:-1px; }
.topAtc2 .topLineAtc li:last-child { border-top:1px solid #ababab}
.tfContents .topAtc2 .blurBg { position:absolute; top:-50%; left:-30%; width:150%; opacity: 0.7; filter: blur(25px);  -webkit-filter: blur(25px); z-index:1}




/* 탑기사 페이징 */
.topAtcNumWrap {position:relative;}
.topAtcNumWrap .topMore { position:absolute; bottom:17px; right:10px; color: #5e5e5e; font-size: 13px; }
.topAtcNumWrap ul { display: table; margin: 8px auto 0 auto }
.topAtcNumWrap ul li { display: table-cell; }
.topAtcNumWrap ul li:first-child { padding-right:5px;}
.topAtcNumWrap ul li:last-child { padding-left:5px;}
.topAtcNumWrap .topAtcNum { display: inline-block; overflow: hidden; width: 6px; height: 6px; border-radius: 3px; text-indent: 10px; margin:0 3px; background-color: #c8c8c8; vertical-align:middle;}
.topAtcNumWrap .pgOn { background-color: #dc1919 }
.tSwBtn { display: inline-block; vertical-align:middle;}
.tSwBtn img { width: 25px; vertical-align:middle}





.lineAtc {
    width: 100%;
    clear: both;
}

.lineAtc li {
    border-top: 1px solid #eaeaea 
}

.lineAtc li:first-child {
    border-top: none 
}

.lineAtc li a { display: block; width: 94%; padding:.63em 3% .52em 3%; color: #333; font-size: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: normal; letter-spacing:-1px; }

.tLine {
    border-top: 1px solid #eaeaea 
}

.divide {
    clear: both;
    width: 100%;
    background-color: #ebebeb;
    height: 5px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd 
}

.conBox {
    width: 100%;
    padding-top: 15px;
}

.conBox:after {
    content: "";
    display: block;
    clear: both 
}

.popAtc {
    width: 100%;
    margin-bottom: 10px;
}

.popAtc:after {
    content: "";
    display: block;
    clear: both 
}

.popAtc dt { font-size: 19px; width: 95%; padding:0 2.5% 5px 2.5%}

.popAtc dt span {
    color: #dc1919 
}

.popAtc dt .mCiTitle1 { display:inline-block; width:49.5%;}
.popAtc dt .mCiTitle2 { display:inline-block; width:48.5%;}

.popAtc dd { position:relative; float: left; width: 45.3%; text-align: center; margin-left: 3%; }
.popAtc dd span {
    display: block;
}

.popAtc dd .popThumb { width: 100%; margin: 0 auto; height:100px; overflow:hidden; border: 1px solid #ddd;display:block;  }

.popAtc dd .popThumb img {
    /*width:auto;*/
	height:100%;
}


/*TF칼럼, 인기포토, 영상 기사 텍스트 */
/*
.popAtc dd .thumbTitle { font-size: 15px; width: 100%; margin: 0 auto; line-height: 1.2; text-align:center; padding:2% 0 1.6% 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; }
*/
.popAtc dd .thumbTitle { font-size: 15px; width: 100%; margin: 0 auto 10px auto; line-height: 1.2; text-align:center; padding:2% 0 0 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; }


.scTitleWrap {
    width: 94%;
    padding: 3px 3% 5px 3%;
    overflow: hidden;
}

.scTitleWrap .scTitle { float: left; font-size: 19px; line-height:1.2; vertical-align:top}

.scTitleWrap .scTitle .icn19 {
    width: 16px;
    margin-top: 0.08em;
    margin-left: 2px;
}

.scTitleWrap .scTitle .sc1 {
    color: #4191ff 
}

.scTitleWrap .scTitle .sc2 {
    color: #ff3858 
}

.scTitleWrap .scTitle .sc3 {
    color: #3f67ba 
}

.scTitleWrap .scTitle .sc4 {
    color: #67a740 
}

.scTitleWrap .scTitle .sc5 {
    color: #1cc6b4 
}

.scTitleWrap .scTitle .sc6 {
    color: #dc1919 
}

.scTitleWrap .scTitle .sc7 {
    color: #ff3858 
}

.scTitleWrap .scTitle .sc8 {
    color: #f89a35 
}

.scTitleWrap .scMore { float: right; color: #5e5e5e; font-size: 15px; }


/* 카테고리 탑 기사 */
.scThumbAtc { clear: both; display:table; width: 94%; height:80px; margin:0 auto;}
.scThumbAtc .mSImg { display: table-cell; width:90px; height:80px; vertical-align:middle}
.scThumbAtc .mSImg a { display:block; width: 90px; height: 80px; border:1px solid #ddd; overflow:hidden}
.scThumbAtc .mSImg img { width: 100%; }
.scThumbAtc .mSTxt { display: table-cell; font-size: 18px;  line-height: 1.2; letter-spacing:-1px; word-break:break-all; vertical-align:middle; padding-left:10px;}


.trdAtc {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-bottom: 10px;
}

.trdAtc:first-child {
    padding-top: 0;
    border-top: none
}

.serialToon {
    clear: both;
    width: 97%;
    padding: 0 0 12px 3%;
    overflow: hidden
}

.serialToon ul {
    width: 200%;
}

.serialToon ul li {
    float: left;
    width: 25%; /*margin-left:3%; */
    margin-left: 9px;
    text-align: center;
    max-width: 90px;
}

.serialToon ul li:first-child {
    margin-left: 0;
}

.serialToon ul li img {
    width: 100%;
    border: 1px solid #ddd;
}

.serialToon ul li .toonTitle {
    display: block;
    padding-top: 4px;
    line-height: 1.2
}

.serialToon ul li span {
    display: block;
    font-size: 13px;
    color: #888;
}

.toonThumb {
    clear: both;
    padding: 0 0 12px 3%;
    overflow: hidden
}

.toonThumb li {
    position: relative;
    float: left;
    width: 30.2%;
    margin-left: 3%;
    text-align: center;
}

.toonThumb li .thumb { display: inline-block; text-align:center; width:100%; height:68px; overflow:hidden; border:1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.toonThumb li .thumb img { height:100%; width:auto}

.toonThumb li:first-child {
    margin-left: 0;
}

.toonThumb li img {
    width: 100%;
}

.toonThumb li .toonTitle {
    display: block;
    padding-top: 4px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 2.3em;
}

.toonThumb li span {
    display: block;
    font-size: 13px;
    color: #888;
}

.toonThumb li .icnPlay {
    position: absolute;
    width: 18px;
    top: 4px;
    left: 5px;
    border: none
}

.freeToon {
    clear: both;
    padding: 0 0 12px 3%;
    overflow: hidden
}

.freeToon li {
    float: left;
    width: 30.2%;
    margin-left: 3%;
    text-align: center;
}

.freeToon li:first-child {
    margin-left: 0;
}

.freeToon li .ftImg {
    display: block;
    border: 1px solid #ddd;
    padding: 4px;
}

.freeToon li img {
    width: 100%;
}

.freeToon li .toonTitle {
    display: block;
    padding-top: 4px;
    line-height: 1.2
}

.otThumb {
    clear: both;
    padding: 0 0 12px 3%;
    overflow: hidden
}

.otThumb li {
    position: relative;
    float: left;
    width: 47%;
    margin-left: 3%;
    text-align: center;
}

.otThumb li:first-child {
    margin-left: 0;
}

.otThumb li img {
    width: 100%;
    border: 1px solid #ddd;
}

.otThumb li .toonTitle {
    display: block;
    padding-top: 4px;
    line-height: 1.2
}

.otThumb li span {
    display: block;
    font-size: 13px;
    color: #888;
}

.thumbSize {
    display: block;
    height: 70px;
    overflow: hidden;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 트렌드 섬네일 */
.trdThumb {
    clear: both;
    padding: 0 0 12px 3%;
    overflow: hidden
}

.trdThumb li {
    position: relative;
    float: left;
    width: 47%;
    margin-left: 3%;
    text-align: center;
}

.trdThumb li:first-child {
    margin-left: 0;
}

.trdThumb .thumbSize {
    display: block;
    height: 100px;
    overflow: hidden;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.trdThumb li img { width:auto; height:100%;}
.thumbSize img { width:auto !important; height:100%;}
.trdThumb li .toonTitle {
    display: block;
    padding-top: 4px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 2.3em;
}

.trdThumb li span {
    display: block;
    font-size: 13px;
    color: #888;
}

/* 트렌드 하위 분류 */
.trdTitle { width: 94%; padding:3px 0 5px 0; margin:0 auto; overflow:hidden;}
.trdLine {border-bottom:1px solid #ddd;}
.trdTitle .scTitle { float: left; font-size: 17px; line-height:1.2; vertical-align:top}
.trdTitle .trdStt { float: left; font-size: 15px; line-height:1.2; vertical-align:top; color:#c6502c}
.trdTitle .scMore { float: right; color: #5e5e5e; font-size: 13px; }
.mgT15 { margin-top:15px;}

/** 리드면 **/
.articleTitle { font-weight:normal; font-size:24px; line-height:1.2; width:94%; margin:15px auto 5px auto; color:#333}

.dateTxtSize {
    width: 94%;
    padding: 0 3% 0 3%;
    margin-bottom: 8px;
    overflow: hidden;
}

/*.date { float:left; font-size:16px; color:#888; margin-top:10px;}*/
.date { float:left; font-size:16px; color:#888; margin-top:10px; letter-spacing:-0.05em}

.txtSize {
    float: right;
}

.txtSize button { width:30px; height:30px; border:1px solid #aeaeae; background-color:#fff; border-radius:15px;}

.txtSize button img {
    height: 12px;
    margin-top: 0.17em;
}
/*
.mArticle {
    width: 94%;
    margin: 0 auto;
    font-size:17px;
}
.mArticle p {width:100%; padding-bottom:25px; //font-size:1.1em; font-size:19px; color:#333; line-height:1.55em; }
.mArticle strong { font-size:19px;}
*/
.mArticle { width:94%; margin:0 auto; font-size:19px; line-height:1.55em; padding-bottom:28px;}
/*.mArticle strong { display:block; padding-bottom:10px;}*/

.mArticle .rStrong1 { display:block; padding-bottom:10px;}
.mArticle p { padding-bottom:28px;}

.mArticle .atcImg {
    width: 106.3%;
    margin-bottom: 15px;
    margin-left: -3.15%;
}

.mArticle .atcImg img {
    width: 100%;
}

.mArticle .atcImg span :not(#prismADP){ display:block; width:96%; text-align:center; margin:5px auto 0 auto; font-size:15px; color:#888; line-height:1.2}

.mArticle .atcImg .iCaption { display:block; width:96%; text-align:center; margin:5px auto 0 auto; font-size:15px; color:#888; line-height:1.2}

.icnApp { width:51px; margin:2px 0 0 5px; vertical-align:top}

.icnOtte {
    width: 45px;
    margin: 2px 0 0 5px;
    vertical-align: top
}

.thumbList {
    clear: both;
    padding: 0 0 12px 3%;
    overflow: hidden
}

.thumbList li {
    position: relative;
    float: left;
    width: 30.2%;
    margin-left: 3%;
    text-align: center;
}

.thumbList li .hThumb {
    display: block;
    width: 100%;
    height: 75px;
    border: 1px solid #ddd;
    overflow: hidden;
}

.thumbList li:first-child {
    margin-left: 0;
}

.thumbList li img {
    width: 100%;
}

.thumbList li .thumbTitle {
    display: block;
    padding-top: 4px;
    font-size: 14px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 2.3em;
}

/** 180424 기사제보 버튼 **/
.readReport { float:right; margin-left:5px;}
/*.readReport button {width:74px; height:30px; border:none; background-color:#dc1919; color:#fff; border-radius:15px; font-size:16px; letter-spacing:-0.05em}*/
.readReport button {width:68px; height:30px; border:none; background-color:#dc1919; color:#fff; border-radius:15px; font-size:16px; letter-spacing:-0.05em}

.socialBtn {
    width: 94%;
    text-align: center;
    padding: 10px 0 0 0;
    margin: 0 auto
}

.socialBtn:after {
    content: "";
    display: block;
    clear: both
}

.socialBtn .cLeft {
    float: left;
    width: 76%;
}

.socialBtn .cRight {
    float: left;
    width: 24%;
}

.socialBtn .cRight button {
    background-color: #fff;
    height: 50px;
    width: 100%;
    border-radius: 4px;
}

.socialBtn .cRight button img {
    width: 18px;
}

.socialBtn .cRight button span {
    display: block;
    color: #888;
    font-size: 12px;
    margin-top: 4px;
}

.socialBtn .cRight .rep {
    position: relative;
    border: 1px solid #dc1919;
    color: #dc1919;
    font-size: 17px;
    padding-top: 3px;
    line-height: 1.15
}

.socialBtn .cRight .reNew {
    position: absolute;
    width: 12px;
    top: 3px;
    right: 3px;
}

/* sns 버튼 */
/*.readSnsBtn { clear:both; width:94%; margin:15px auto 10px auto}
.readSnsBtn:after {content:""; display:block; clear:both}
.readSnsBtn li { float:left; width:23.5%; margin-left:2%; }
.readSnsBtn li:first-child { margin-left:0;}
.readSnsBtn button { background-color:#fff; height:45px; width:100%; border-radius:4px;}
.readSnsBtn button img { width:18px;}
.readSnsBtn button span { display:block; color:#888; font-size:12px;}
.readSnsBtn .fb { border:1px solid #4862a3}
.readSnsBtn .twt { border:1px solid #54aced}
.readSnsBtn .kko { border:1px solid #fcb700}
.readSnsBtn .fav { border:1px solid #1cc6b4}
.readSnsBtn .rep { position:relative; border:1px solid #dc1919; color:#dc1919; font-size:16px; line-height:1.15}
.readSnsBtn .reNew { position:absolute; width:12px; top:3px; right:3px;} */
/* 인기기사 */
.hotAtc { width:94%; margin:20px auto 15px auto; font-size:17px; line-height:1.2}

.hotAtc dt { margin-bottom:5px; font-size:19px}

.hotAtc dd {
    padding: 4px 0 4px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 태그기사 */
.hotAtcTag { width:94%; margin:20px auto 15px auto; font-size:17px; line-height:1.2}

.hotAtcTag dt { margin-bottom:5px; font-size:19px}

.hotAtcTag dd {
    padding: 4px 0 4px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 오때 리스트 */
.otListWrap {
    padding-top: 20px;
}

.expRank {
    padding-bottom: 15px;
}

.expRank:after {
    content: "";
    display: block;
    clear: both
}

.rankTitle {
    float: left;
    padding: 0 0 5px 3%;
}

.rankTitle:after {
    content: "";
    display: block;
    clear: both
}

.rankTitle li {
    float: left;
}

.rankTitle .titIcn {
    margin-left: -5px;
}

.rankTitle .titIcn2 {
    margin-left: 5px 
}

.rankTitle .titIcn3 {
    margin-left: 0 
}

.rankTitle .titTxt {
    color: #1e595d;
    font-size: 18px;
    line-height: 1.15;
    padding: 2px 0 0 2px;
}

.rankTitle img {
    height: 22px;
}

.rankArticle {
    clear: both;
    width: 94%;
    margin: 0 auto
}

.rankArticle li {
    float: left;
    width: 49%;
    text-align: center;
    line-height: 1.10;
    font-size: 14px;
    margin-left: 2%;
}

.rankArticle li:first-child {
    margin-left: 0
}

.rankArticle img {
    width: 100%;
}

.rankArticle .atcTitle {
    display: block;
    padding: 5px 3px 0 3px;
}

/* 탑 버튼 */
.btn_top {
    background: url(//img.tf.co.kr/ss/mobile/2015/search_3.png) no-repeat left center transparent;
    background-size: contain;
    -webkit-background-size: contain;
    width: 42px;
    height: 42px;
    position: fixed;
    right: 10px;
    bottom: 60px;
    cursor: pointer;
    z-index: 1
}

/* login */
.login_form {
    padding: 0 10px;
}

.tit_type1 {font-size:19px; color:#333333; width: 100%}

.tit_type1 span {
    color: #dc1919
}

.input_box {
    height: 37px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #b1b1b1;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.inputtext {
    border: 0;
    height: 18px;
    margin-top: 8px;
    width: 100%;
    background: transparent
}

.container_btn {
    overflow: hidden
}

.btn_type1 {
    background: url(//img.tf.co.kr/ss/mobile/2015/login_2.png) no-repeat left center #fff;
    padding-left: 22px;
    background-size: 18px;
    -webkit-background-size: 18px;
    border: 0;
    text-align: left;
    color: #b1b1b1;
    cursor: pointer
}

.container_btn > div {
    width: 33.33%;
    float: left
}

.container_btn > div button {
    height: 18px
}

.btn_type1_on {
    background: url(//img.tf.co.kr/ss/mobile/2015/login_1.png) no-repeat left center #fff;
    padding-left: 22px;
    -webkit-background-size: 18px;
    background-size: 18px;
    border: 0;
    text-align: left;
    color: #444444;
    cursor: pointer
}

.btn_type2 {
    background: #fff;
    width: 120px;
    height: 36px;
    text-align: center;
    color: #dc1919;
    border: 1px solid #dc1919;
    border-radius: 36px;
    font-size: 16px;
    cursor: pointer;
    line-height: 0
}

.btn_type3 {
    background: #fff;
    width: 120px;
    height: 36px;
    text-align: center;
    color: #999999;
    border: 1px solid #999999;
    border-radius: 36px;
    font-size: 16px;
    margin-left: 5px;
    cursor: pointer;
    line-height: 0
}

.container_submit > div {
    width: 50%;
    float: left;
}

.container_submit > div.btn_1 .btn_type2 {
    margin-right: 5px
}

.container_submit > div.btn_2 .btn_type2 {
    margin-left: 5px
}

.container_submit > div.btn_1 {
    text-align: right
}

.container_submit > div.btn_2 {
    text-align: left
}

.container_submit {
    overflow: hidden
}

.btn_type4 {
    background: #f4f4f4;
    width: 100%;
    height: 35px;
    border: 1px solid #e8e8e8;
    text-align: center;
    color: #5e5e5e;
    font-size: 14px;
    cursor: pointer
}

.container_btn2 > div {
    width: 33.33%;
    float: left
}

.container_btn2 > div.btn_2 button {
    border-left: 0;
    border-right: 0
}

.login_limit {
    background-color: #f4f4f4;
    border-top: 0;
    border-bottom: 1px solid #dddddd;
    padding: 10px
}

.login_limit p {
    margin-left: 55px;
    font-size: 14px;
    color: #848484
}

.login_limit .wrapper {
    background: url(//img.tf.co.kr/ss/mobile/2015/login_3.png) no-repeat left center;
    background-size: auto 45px;
    -webkit-background-size: auto 45px;
    min-height: 45px
}

/* findid */
.container_submit_id > div.btn_1 {
    text-align: center
}

.container_input_box {
    overflow: hidden;
    width: 100%
}

.container_input_box dt {color:#555555; font-size:18px}

.container_find_phone p {
    color: #999999
}

.container_fid {
    width: 100%;
    line-height: 22px;
    font-size: 14px;
    color: #999
}

.container_fid span {
    color: #333
}

/* register */
.container_reg p {
    font-size: 14px;
    color: #999999
}

.btn_type6 {
    background: #fff;
    width: 100%;
    height: 33px;
    text-align: center;
    color: #555555;
    border: 1px solid #555555;
    border-radius: 3px;
    font-size: 16px;
    cursor: pointer
}

.container_btn3 {
    padding: 0 10px
}

.container_reg_con p {
    color: #888888
}

.btn_type2.ca1 {
    width: 140px
}

.btn_type7 {
    background: #fff;
    width: 75px;
    height: 36px;
    text-align: center;
    color: #777777;
    border: 1px solid #777777;
    border-radius: 36px;
    font-size: 16px;
    cursor: pointer
}

.container_input_box.ca1 .w_82 {
    text-align: right
}

.desc {font-size:16px; color:#999999}

.tit_type1.ca1 {
    margin-left: -10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: -10px
}

.container_terms {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    margin: 0 -10px;
    margin-bottom: 15px
}

.container_terms p {
    padding: 15px 10px;
}

.container_reg h3 {
    font-size: 16px;
    color: #555555;
    padding: 5px 0 10px 0
}

/* schedule */
.schedule {
    position: relative
}

.date_schedule {
    position: absolute;
    top: 11px;
    right: 10px
}

.btn_type8 {
    background: url(//img.tf.co.kr/ss/mobile/2015/btn_swipe_left.gif) no-repeat left center #fff;
    border: 0;
    -webkit-background-size: contain;
    background-size: contain;
    width: 21px;
    height: 21px;
    cursor: pointer
}

.btn_type9 {
    background: url(//img.tf.co.kr/ss/mobile/2015/btn_swipe_right.gif) no-repeat left center #fff;
    border: 0;
    -webkit-background-size: contain;
    background-size: contain;
    width: 21px;
    height: 21px;
    cursor: pointer
}

.date_schedule {
    width: 147px;
}

.schedule .tit_type1 span {
    padding-left: 10px
}

.date_schedule .date3 {
    font-size: 17px;
    color: #999;
    line-height: 22px;
    width: 105px;
    text-align: center
}

.date_schedule > * {
    float: left
}

.date_schedule > *:last-child {
    float: right
}

.tabare {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 15px
}

.tab {
    overflow: hidden;
    width: 100%
}

.tab li {
    height: 35px;
    line-height: 36px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    text-align: center;
    background: #f4f4f4;
    font-weight: bold;
    color: #5e5e5e;
    font-size: 16px;
    cursor: pointer
}

.tab li:last-child {
    border-right: 0
}

.tab li.on {
    background: #fff;
    color: #dc1818;
    border-bottom: 1px solid #fff
}

.tab_result_1 li {
    text-align: center;
    padding: 7px 0;
    border-top: 1px solid #eaeaea
}

.tab_result_1 li:first-child {
    border-top: 0;
    padding-top: 14px
}

.tab_result_1 li:last-child {
    padding-bottom: 0
}

.tab_result_1 li div.tbl {
    width: 100%
}

.tab_result_1 li div.tbl span {}

.tab_result_1 li div.tbl span:first-child {
    text-align: right;
    width: 38.33%
}

.tab_result_1 li div.tbl span:last-child {
    text-align: left;
    width: 38.33%
}

.tab_result_1 li .time {
    width: 23.33%;
    color: #dc1919
}

.noresult {
    color: #666
}

.realranking {
    position: relative;
    padding: 0 10px;
    padding-top: 5px
}

.realranking .date2 {
    position: absolute;
    top: 16px;
    right: 10px;
    font-size: 14px;
    color: #888;
    font-weight: normal
}

.realranking .tit_type1 span {
    padding-left: 0
}

.rank_result {
    width: 100%
}

.rank_result thead {
    background: #f5f5f5
}

.rank_result th, .rank_result td {
    padding: 6px 0
}

.rank_result td {
    text-align: center;
    color: #666666
}

.rank_result tbody tr {
    border-bottom: 1px solid #eaeaea
}

.rank_result tbody tr.last {
    border-bottom: 0
}

.rank_result tr.topr td {
    color: #333
}

.rank_result tr.topr td:first-child {
    color: #dc1919
}

.date_schedule button {
    vertical-align: top
}

.tab_result_2 li {
    text-align: center;
    padding: 7px 0;
    border-top: 1px solid #eaeaea
}

.tab_result_2 li:first-child {
    border-top: 0;
    padding-top: 14px
}

.tab_result_2 li:last-child {
    padding-bottom: 0
}

.tab_result_2 li div.tbl {
    width: 100%
}

.tab_result_2 li div.tbl .score {
    color: #dc1919
}

.tab_result_2 li div.tbl > *:first-child {
    text-align: right;
    width: 38.33%
}

.tab_result_2 li div.tbl > *:last-child {
    text-align: left;
    width: 38.33%
}

.tab_result_2 li div.timeout {
    width: 23.33%;
    color: #999999;
    font-size: 14px
}

/* scratchevent */
.scratchevent .wrapper {
    padding: 10px;
    position: relative;
    overflow: hidden
}

.scratchevent .container_img img {
    width: 100%
}

.scratchevent .tit_type4 {padding-top:15px; font-size:19px}

.scratchevent dl.conts {margin-top:14px; overflow:hidden; font-size:16px}

.scratchevent dl.conts * {
    color: #444
}

.scratchevent dl.conts > * {
    float: left
}

.scratchevent dl.conts dt span {
    display: inline-block;
    width: 13px;
    text-align: center;
    font-size: 8px
}

.scratchevent p.date {margin-top:7px; font-size:16px; color:#787878}

.scratchevent .ending {
    background: #dc1919;
    border: 1px solid #000;
    width: 42px;
    height: 24px;
    position: absolute;
    top: 10px;
    left: 10px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px
}

.tab.ca1 li {
    border-top: 0
}

.container_particip {
    text-align: center;
    padding: 25px 0
}

.particip img {
    width: 128px;
    height: 128px
}

.container_btn_event {
    text-align: center
}

.btn_event img {
    width: 210px;
    height: 35px
}

.snsare {
    overflow: hidden
}

.titare {
    border-bottom: 1px solid #eaeaea;
    overflow: hidden
}

.titare > * {
    padding: 0 10px
}

.titare .tit_type2 {padding-top:20px; font-size:24px; color:#333; line-height: 1.1em}

.titare .date {
    padding-top: 8px;
    margin-bottom: 10px
}

.tit_type3 {
    font-size: 16px !important;
    padding-bottom: 15px
}

.container_winner {
    padding: 15px 10px 0 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eaeaea
}

.container_winner h5 {
    font-size: 15px;
    padding-bottom: 10px
}

.container_winner .winner {font-size:16px; padding-bottom:20px}

.container_winner .conts {font-size:16px; color:#777}

.divide_2 {
    border-top: 1px solid #ebebeb;
    height: 1px;
    width: 100%
}

.container_text {
    padding: 10px 0
}

.container_text > * {
    padding: 0 10px
}

.container_text p {
    overflow: hidden;
    margin-bottom: 4px
}

.container_text p span {
    line-height: 120%
}

.container_text .scT1 {
    font-size: 16px;
    font-weight: bold;
}

.container_text .scT2 {
    font-size: 15px;
    font-weight: bold;
    color: #dc1919
}

/* 스크래치 긁기 */
.oppText {
    width: 300px;
    margin: 15px auto 5px auto;
}

.scratch {
    position: relative;
    width: 300px;
    height: 300px;
    margin: 0 auto;
}

.scratch .winInfo {
    position: absolute;
    width: 300px;
    height: 16px;
    left: 0px;
    bottom: 11px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    overflow: hidden;
}

.scratch .btnConfirm {
    position: absolute;
    width: 114px;
    height: 39px;
    left: 96px;
    top: 207px;
}

.scratch .btnMore {
    position: absolute;
    width: 114px;
    height: 39px;
    left: 28px;
    top: 242px;
}

.scratch .btnEnd {
    position: absolute;
    width: 114px;
    height: 39px;
    left: 158px;
    top: 242px;
}

.scratch .txtArea {
    padding: 16px 5px;
    line-height: 18px;
    font-size: 12px;
}

.scratch .lottery {
    position: absolute;
    width: 300px;
    height: 300px;
    top: 0px;
    left: 0px;
    background: url("//img.tf.co.kr/img/service/ss/mobile/2013/images/c_lottery_default_10.jpg") 0 0 no-repeat;
    -webkit-background-size: 300px 300px;
}

.scratch .lottery-win {
    position: relative;
    width: 300px;
    height: 300px;
    background: url("//img.tf.co.kr/img/service/ss/mobile/2013/images/c_lottery_win_10.jpg") 0 0 no-repeat;
    -webkit-background-size: 300px 300px;
}

.scratch .lottery-lose {
    position: relative;
    width: 300px;
    height: 300px;
    background: url("//img.tf.co.kr/img/service/ss/mobile/2013/images/c_lottery_lose_10.jpg") 0 0 no-repeat;
    -webkit-background-size: 300px 300px;
}

/* SNS 재도전 */
.container_particip2 {
    text-align: center;
    padding: 25px 0 10px 0
}

.scBtnBox {
    width: 94%;
    margin: 0 auto
}

.scBtnBox .row1 {
    text-align: center;
    font-size: 19px;
    padding-bottom: 8px
}

.scBtnBox .row2 {
    text-align: center;
}

.scBtnBox .row2 button {
    width: 90%;
    height: 50px;
    border-radius: 25px;
    background-color: #fff;
    font-size: 16px;
    line-height: 1.2;
    vertical-align: middle;
    margin-bottom: 10px;
}

.scBtnBox .row2 button img {
    width: 23px;
    vertical-align: middle
}

.scBtnBox .row2 .twt {
    border: 1px solid #00aced;
    color: #00aced;
}

.scBtnBox .row2 .fbook {
    border: 1px solid #3b5998;
    color: #3b5998;
}

.scBtnBox .row2 .off {
    border: 1px solid #999;
    color: #999;
}

.scBtnBox .row3 {
    color: #666;
    text-align: center;
    font-size: 13px;
}

.scBtnBox .row3 .txt1 {
    font-size: 19px;
    display: block;
    color: #333
}

.scBtnBox .row3 .txt2 {
    display: block;
    margin-top: 10px;
    font-size: 14px;
}

/*당첨결과 */
.scResultBox {
    background-color: #f0f0f0;
    margin: 0 auto;
    padding: 15px;
}

.scResultBox .txt1 {
    font-weight: bold;
    font-size: 16px;
    color: #dc1919;
    display: block;
    margin-bottom: 10px;
}

.scResultButton {
    width: 80%;
    margin: 15px auto 30px auto;
    overflow: hidden
}

.scResultButton dt {
    padding-bottom: 10px;
}

.scResultButton dd {
    float: left;
    width: 49%;
    margin-right: 2%;
}

.scResultButton dd:last-child {
    margin-right: 0
}

.scResultButton button {
    width: 100%;
    height: 30px;
    border: 1px solid #999;
    border-radius: 15px;
    background-color: #fff;
    color: #999;
    font-size: 14px;
    line-height: 1.2;
}

.dis_device {
    display: none
}

/* search */
.tfHeadWrap .tfHead .btnClose {
    position: absolute;
    display: block;
    overflow: hidden;
    right: 10px;
    top: 0;
    width: 20px;
    height: 32px;
    text-align: center;
    font-size: 0;
    line-height: 0;
    z-index: 10;
    padding-top: 13px
}

.tfHeadWrap .tfHead .btnClose img {
    width: 20px
}

.btn_search {
    background: #fff;
    width: 51px;
    height: 25px;
    text-align: center;
    color: #999999;
    border: 1px solid #999999;
    border-radius: 36px;
    font-size: 15px;
    cursor: pointer;
    line-height: 23px
}

.tfSearch {
    background: #f4f4f4;
    border-bottom: 1px solid #dddddd;
    padding: 0 10px;
    overflow: hidden;
    height: 35px
}

.tfSearch .searchimg {
    width: 16px
}

.tfSearch .search_box {
    width: 100%
}

.tfSearch .search_box .s_b_c1 {
    width: 25px
}

.tfSearch .search_box .s_b_c3 {
    width: 72px;
    text-align: right;
    vertical-align: top;
    padding-top: 5px
}

.srlist {
    margin: 10px
}

.srlist .srlphoto {
    width: 81px
}

.container_tab1 .srlist .srlphoto {
    border: 1px solid #ddd;
    height: 62px;
    overflow: hidden;
    width: 83px
}

.container_tab1 .srlist.tbl .srlphoto {
    border: 0
}

.container_tab1 .srlist {
    overflow: hidden
}

/*.srlist .srlphoto .wrapper {border:1px solid #ddd; overflow:hidden; height:63px}*/
.srlist .srlphoto img {
    width: 100%;
    height: auto
}

.srlist .srlphrase {
    vertical-align: middle;
    padding-left: 10px;
}

.srlist .srlphrase * {font-size:17px; color:#333}

.btn_type10 {
    background: #999999;
    width: 45px;
    height: 19px;
    line-height: 19px;
    color: #fff;
    border: 0;
    border-radius: 50px;
    font-size: 12px;
    cursor: pointer
}

.comment .clist li .btn_type10 {
    position: absolute;
    right: 10px;
    bottom: 10px
}

.searchresult .container_btn {
    padding: 0px 10px 15px 10px
}

.srlist_p {
    margin: 10px;
    display: inline-block;
    margin-bottom: 0
}

.srlist_p > * {
    float: left;
    width: 31.25%;
    margin-right: 3.125%;
    position: relative
}

.srlist_p > * > * {
    width: 100%;
    height: 75px;
    border: 1px solid #ddd
}

.srlist_p > *:last-child {
    margin-right: 0
}

.srlist_p:nth-child(3) {
    margin-bottom: 10px
}

.srlist_p .srlphoto {
    height: 74px;
    overflow: hidden
}

.srlist_p .srlphoto img {
    width: 100%;
    height: auto
}

.srlist_p .srlphrase {
    display: none
}

.playimg {
    background: url(//img.tf.co.kr/ss/mobile/2015/icn_play.png) no-repeat left center transparent;
    background-size: contain;
    -webkit-background-size: contain;
    width: 18px;
    height: 20px;
    position: absolute;
    left: 5px;
    top: 5px;
    cursor: pointer;
    z-index: 2
}

.noresult2 {
    color: #999;
    height: 150px
}

.noresult2 > * {
    height: 100%;
    font-size: 15px;
    margin-top: 44%;
    text-align: center
}



.tothetop {
    display: block;
    height: 100%;
    width: 100%
}

.container_tab1 .srlist {
    position: relative;
    height: 62px;
    display: block
}

.container_tab1 .srlist > * {
    display: block
}

.container_tab1 .srlist .srlphoto {
    position: absolute;
    width: 90px
}

.container_tab1 .srlphrase {
    position: absolute;
    top: 12px;
    left: 90px;
    font-size: 16px;
    line-height: 1.2
}

.container_tab2 .srlist_p .srlphoto {
    height: 100%
}

.container_tab2 .srlist_p .srlphoto a {
    display: block;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.srlist .srlphoto .wrapper a {
    border: 1px solid #ddd;
    overflow: hidden;
    height: 60px;
    display: block
}

/* photoplus */
.photoplus {
    padding: 0 10px
}

.pplist {
    width: 100%;
    position: relative;
    margin-bottom: 10px
}

.tit_type5 {margin:15px 10px 7px 0px; font-size:19px}

.pplphoto {
    width: 90px;
    padding-right: 10px;
    padding-right: 13px;
    vertical-align: top;
}

.pplphoto .wrapper {
    width: 100%;
    height: 65px;
    border: 1px solid #dddddd;
    overflow:hidden;
}

.pplphoto img {
    width: 100%;
    height: auto
}

.ppphrase {font-size:17px; padding: 10px; border:1px solid #d5d5d5}

.ppptail {
    background: url(//img.tf.co.kr/ss/mobile/2015/photoplus_2.png) no-repeat left center transparent;
    background-size: 100% 12px;
    -webkit-background-size: 100% 12px;
    height: 12px;
    width: 8px;
    position: absolute;
    top: 12px;
    left: 96px
}

.paging {
    text-align: center
}

.paging a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 31px;
    text-align: center;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #666;
    font-weight: bold;
    font-size: 15px;
    margin: 0 2px;
}

.paging a.on {
    color: #dc1818;
    border: 1px solid #dc1818
}

.paging .prev {
    background: #f8f8f8
}

.paging .next {
    background: #f8f8f8
}

.paging .prev img {
    width: 7px;
    vertical-align: middle;
    margin-top: -2px
}

.paging .next img {
    width: 7px;
    vertical-align: middle;
    margin-top: -2px
}

.tfContents.photoplus {
    width: auto !important;
    padding: 0 10px
}

.tfContents.photoplus section {
    padding: 0
}

/*150603 추가*/
.srlist_p {height: 109px}
.container_tab2 .srlphrase { overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; height: 34px; font-size: 16px;  line-height: 17px;  margin-top: 3px;}

.srlist_p .srlphrase {display:block}
.srlist_p:nth-child(3) {margin-bottom: 0}
.container_tab2 .container_btn {margin-top:10px}
/*//150603 추가*/


/* 리스트 페이징 */
.mPagingWrap {
    clear: both;
    width: 100%;
    text-align: center;
    padding: 10px 0 20px 0
}

.mPaging li {
    display: inline-block;
    width: 30px;
    text-align: center;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    color: #666;
    vertical-align: middle;
    line-height: 1.2;
    margin-left: 2px
}

.mPaging li:first-child {
    margin-left: 0
}

.mPaging li a {
    display: inline-block;
    width: 100%;
    height: 23px;
    padding-top: 7px;
}

.mPaging li img {
    width: 7px;
    vertical-align: middle;
}

.mPaging .on {
    color: #dc1818;
    border: 1px solid #dc1818
}

.mPaging .prev, .mPaging .next {
    background-color: #f8f8f8;
}

/* issuevideo */
.issuevideo {
    padding: 0 10px
}

.ivlist {
    width: 100%
}

.container_sllist:after, .paging:before {
    clear: both;
    content: "";
    display: block
}

.disp_device_cols {
    width: 48.4375%;
    float: left
}

.mgr {
    margin-right: 3.125%
}

.ivlist > * {
    margin-bottom: 10px
}

.ivlist > * > * {
    border: 1px solid #dddddd;
    padding: 5px;
    position: relative
}

.ivlist .playimg {
    left: 10px;
    top: 10px
}

.ivlist img {
    width: 100%;
    height: auto
}

.ivlist .srlphrase {
    font-size: 12px;
    padding: 10px 5px 5px 5px
}

.ivlist .srlphoto {
    position: relative;
    border: 1px solid #dddddd;
    height: auto;
    overflow: hidden
}

.ivlist.dis_none {
    display: none
}

.recommend {
    width: 50px;
    height: 19px;
    line-height: 18px;
    position: absolute;
    bottom: 5px;
    right: 6px;
    background: rgba(51, 51, 51, 0.75);
    color: #fff;
    font-size: 12px;
    text-align: center;
    border-radius: 19px;
    -webkit-border-radius: 19px
}

.descare {
    overflow: hidden
}

.descare > * {
    float: left;
    margin-top: 8px;
    font-size: 13px;
    color: #888
}

.descare .split_sl {
    width: 11px;
    text-align: center;
    color: #dddddd
}

.container_tit {
    border-bottom: 1px solid #eaeaea
}

.wrapper_comment {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 10px
}

.btn_type11 {
    height: 33px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #dddddd;
    padding: 0 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 15px;
    color: #aeaeae;
    cursor: pointer
}

.btn_type11 img {
    height: 16px;
    vertical-align: middle;
    margin-right: 5px
}

.comment {
    border: 1px solid #d5d5d5;
    margin: 0 10px
}

.comment .container_write {
    background: #f4f4f4;
    padding: 10px;
    overflow: hidden;
    border-bottom: 1px solid #d5d5d5
}

.tit_type6 {
    font-size: 17px;
    font-weight: bold
}

.comment .container_write .tit_type6 {
    margin-bottom: 10px
}

.comment .container_write .tit_type6 span {
    font-weight: normal
}

.wrapper_textarea {
    border: 1px solid #d5d5d5;
    background: #fff;
    padding: 10px;
    height: 73px
}

.txtarea {
    background: transparent;
    border: 0;
    width: 100%;
    height: 100%
}

.comment .btn_type2 {
    float: right;
    margin-top: 10px;
    width: 80px
}

.comment .clist li {
    border-top: 1px solid #d5d5d5
}

.comment .clist li:first-child {
    border-top: 0
}

.comment .clist li {
    padding: 0 10px;
    position: relative
}

.comment .clist li .tit_type6 {
    font-size: 14px;
    font-weight: normal
}

.issuevideo .ivlist .srlphoto {
    height: 98px;
    overflow: hidden
}

/* stargallery */
.stargallery {
    padding: 0 10px
}

.titare.ca1 {
    margin: 0 -10px;
    padding-bottom: 10px
}

.container_sns {
    width: 148px;
    margin: 0 auto;
    overflow: hidden
}

.container_sns .btn_recomm {
    width: 71px;
    height: 45px;
    background: url(//img.tf.co.kr/ss/mobile/2015/issuevideo_1.png) no-repeat left center transparent;
    background-size: contain;
    -webkit-background-size: contain;
    border: 0;
    float: left;
    cursor: pointer
}

.container_sns .btn_recomm span {
    display: inline-block;
    margin-top: 21px;
    font-size: 12px;
    color: #888;
    background: #fff;
    padding: 0 10px 5px 10px;
    height: 10px
}

.container_sns .btn_kakao {
    width: 71px;
    height: 45px;
    background: url(//img.tf.co.kr/ss/mobile/2015/issuevideo_2.png) no-repeat left center transparent;
    background-size: contain;
    -webkit-background-size: contain;
    border: 0;
    float: right;
    cursor: pointer
}

.btn_stgr_s {
    width: 27px;
    height: 28px;
    background: url(//img.tf.co.kr/ss/mobile/2015/stgread_1.png) no-repeat left center transparent;
    background-size: contain;
    -webkit-background-size: contain;
    border: 0;
    cursor: pointer;
    position: absolute;
    bottom: 5px;
    right: 5px
}

.stargallery .issuevideo .tit_type6 {
    margin-top: 5px;
    margin-bottom: 25px;
    text-align: center;
    font-size: 17px
}

.stargallery .container_view:after, .container_stglist:after, .tfContents:after {
    clear: both;
    content: "";
    display: block
}

.stargallery .ivlist img {
    width: 100%;
    height: auto
}

.stargallery .tit_type6 {
    text-align: center
}

.stglist {
    width: 48.4375%;
    float: left
}

.stglist img {
    width: 100%;
    height: auto
}

.stglist > * {
    margin-bottom: 10px
}

.stglist .playimg {
    left: 10px;
    top: 10px
}

.stglist img {
    width: 100%;
    height: auto
}

.stglist .srlphrase {
    font-size: 12px;
    padding: 10px 5px 5px 5px
}

.stglist .srlphoto {
    position: relative
}

.stglist.dis_none {
    display: none
}

/* newsreport */
.wrapper_textarea.ca1 {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #b1b1b1
}

.btn_plus {
    background: #f8f8f8;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 0;
    text-align: center;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #666;
    font-weight: bold;
    font-size: 15px;
    margin: 0 2px
}

.btn_plus img, .btn_minus img {
    width: 11px;
    vertical-align: middle
}

.btn_minus {
    background: #f8f8f8;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 0;
    text-align: center;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #666;
    font-weight: bold;
    font-size: 15px;
    margin: 0 2px
}

.btn_file {
    width: 65px;
    height: 27px;
    background: url(//img.tf.co.kr/ss/mobile/2015/newsreport_3.png) no-repeat left center transparent;
    background-size: contain;
    -webkit-background-size: contain;
    position: absolute;
    top: 0;
    left: 0
}

.filetype1 {
    width: 100%;
    height: 27px;
    opacity: 0;
    cursor: pointer
}

.wrapper_file {
    position: relative
}

.texttype1 {
    position: absolute;
    left: 70px;
    top: 4px;
    border: 0;
    height: 18px;
    width: 70%
}

.container_submit_id.ca_newsr {
    margin: 0 -10px
}

/* sectionlist */
.sectionlist {
    padding: 0 10px
}

.sclist {
    width: 48.4375%;
    float: left;
}

.sclist img {
    width: 100%;
    height: auto
}

.sclist > * {
    margin-bottom: 10px;
    border: 1px solid #ddd;
    padding: 5px
}

.sclist .playimg {
    left: 10px;
    top: 10px
}

.sclist .srlphrase {
    font-size: 13px;
    padding: 7px 5px 0 5px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 2.3em;
    margin-bottom: 4px;
}

.sclist .srlphoto {
    position: relative;
    height: 98px;
    border: 1px solid #ddd;
    overflow: hidden
}

.sclist.dis_none {
    display: none
}

/* section list 2 */
.secList li {
    float: left;
    width: 48.7%;
    margin-left: 2.5%;
}

.secList li:nth-child(2n+1) {
    margin-left: 0;
}

.secList li img {
    width: 100%;
    height: auto
}

.secList > * {
    margin-bottom: 10px;
    border: 1px solid #ddd;
    padding: 5px 5px 10px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.secList .playimg {
    left: 10px;
    top: 10px
}

.secList .srlphrase {font-size:15px; padding:5px 5px 5px 5px; display:block; height:30px; line-height:1.2em; overflow:hidden}

.secList .srlphoto {
    position: relative;
    height: 98px;
    border: 1px solid #ddd;
    overflow: hidden
}

/* stars */
.container_more {
    background: #0e152b;
    overflow: hidden;
    position: relative;
    text-align: center
}

.i_st_more {
    max-height: 419px;
    max-width: 640px
}

.container_more img {
    width: 100%
}

.btn_st_trans {
    border: 0;
    background: none;
    cursor: pointer
}

.container_more .btn_st_trans {
    position: absolute;
    top: 28.57142857142857%;
    left: 34.375%;
    width: 51.5625%;
    height: 13.80952380952381%
}

.tit_type7 {
    font-size: 18px;
    color: #333
}

.wrapper_sliding {
    padding: 0 10px
}

.container_sliding {
    border: 1px solid #ddd;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.container_sliding .sl_imgare {
    padding: 10px;
    vertical-align: top
}

.container_sliding .sl_imgare div {
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 110px;
    -webkit-border-radius: 110px;
    border: 1px solid #ddd
}

.container_sliding .sl_imgare div img {
    width: 100%;
    height: 100%
}

.container_sliding .sl_conts {
    padding: 10px 10px 10px 0
}

.container_sliding img.ico_st_s {
    height: 24px;
    margin-right: 5px;
    margin-top: -2px;
    vertical-align: middle
}

.tit_type8 {
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
}

.container_sliding .tit_type8 {
    margin-bottom: 3px
}

.container_sliding .slc_t {
    font-size: 13px;
    color: #333;
    line-height: 17px
}

.container_sliding .slc_t .ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 34px; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
}

.container_sliding .slc_p img {
    width: 100%
}

.container_rank {
    padding: 15px 0
}

.container_rank .tit_type7 {
    padding-left: 10px
}

.r_list {
    overflow: visible;
    width: 100%
}

.r_list li {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    position: relative;
    overflow: visible
}

.r_list li > * {
    float: left
}

.r_list li > *.btn_type12 {
    float: right
}

.r_list li {
    overflow: hidden
}

.r_list li .rl_ico {
    width: 29px;
    margin-right: 10px;
    margin-top: -2px
}

.r_list li .rl_num {
    width: 25px;
    height: 25px;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    line-height: 27px;
    font-size: 13px;
    margin-right: 10px
}

.r_list li {
    line-height: 31px;
    height: 28px
}

.btn_type12 {
    background: #777;
    width: 65px;
    height: 27px;
    color: #fff;
    font-size: 13px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    cursor: pointer
}

.r_list li .btn_type12 {
    position: absolute;
    right: 10px;
    top: 11px
}

.container_sllist {
    padding: 15px 10px 0 10px
}

.dis_device_2 {
    width: 100% !important
}

.stars .ivlist .srlphoto {
    height: 98px;
    overflow: hidden
}

.slc_p {
    border: 1px solid #f3f3f3;
    display: block;
    width: 100%;
    height: 138px;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative
}

.slc_p .noimg {
    text-align: center;
    height: 138px;
    border: 0
}

.noimgtxt {
    position: absolute;
    top: 55px;
    left: 50%;
    width: 150px;
    margin-left: -75px;
    font-size: 24px;
    color: #cfcfcf
}

/* 만화 Header */
.tfHeadWrap .mTfMenu1 {
    width: 100%;
    display: table;
}

.tfHeadWrap .mTfMenu1 li {
    display: table-cell;
    width: 33%;
    background: #f4f4f4;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tfHeadWrap .mTfMenu1 li:first-child {
    border-left: none;
}

.tfHeadWrap .mTfMenu1 li a {
    position: relative;
    display: block;
    width: 100%;
    height: 25px;
    padding-top: 10px;
    font-size: 15px;
    font-weight: bold;
    color: #5f5f5f;
    text-align: center;
    line-height: 1;
}

.tfHeadWrap .mTfMenu1 .cTapOn {
    background-color: #fff;
    border-bottom: none;
}

.tfHeadWrap .mTfMenu1 .cTapOn a {
    color: #dc1919
}

/* 연재만화 */
.tfcartoon {
    width: 100%;
}

.tfcartoon .cartoon {
    position: relative;
    width: 100%;
    height: 85px;
    border-bottom: 1px solid #ddd;
    padding-top: 16px;
}

.tfcartoon .cartoon .cImg img {
    width: 90px;
    height: 65px;
    border: 1px solid #ddd;
}

.tfcartoon .cartoon .cImg {
    float: left;
    width: 100px;
    padding-left: 3%
}

.tfcartoon .cartoon .ctext {
    float: left;
    width: 65%;
    padding-top: 5px;
}

.tfcartoon .cartoon .ctext ul {
    width: 100%;
}

.tfcartoon .cartoon .ctext .red {
    color: #dc1919;
}

.tfcartoon .cartoon .ctext .bl {
    color: #333;
    font-size: 15px;
    font-weight: bold;
}

.tfcartoon .cartoon .ctext .ddd {
    color: #dddddd;
}

.tfcartoon .cartoon .ctext .gray {
    color: #888888;
}

.tfcartoon .cartoon .ctext .iimg {
    padding-left: 5px;
    padding-top: 3px;
}

/* 연재만화 리드면 */
.ctitle {
    height: 85px;
    border-bottom: 1px solid #eaeaea;
    padding: 0 10px
}

.ctitle .c_title {
    padding-top: 20px;
    font-size: 20px;
    color: #333;
    font-weight: bold
}

.ctitle .date {
    padding-top: 8px;
    margin-bottom: 20px;
    font-size: 12px;
    color: #888888;
}

.cpage {
    padding: 15px 10px;
}

.cpage img {
    width: 100%;
}

.cpage ul ._p {
    padding-bottom: 20px;
}

.cpage ul .numberp {
    float: left;
}

.cbtn {
    padding-bottom: 10px;
}

.cbtn ul {
    display: table;
    margin: 0 auto 
}

.cbtn ul li {
    display: table-cell;
    padding: 0 2px 0 2px 
}

.cbtn li button {
    width: 30px;
    height: 30px;
    border: 1px solid #999;
    color: #666666;
    font-weight: bold;
    border-radius: 3px;
    background-color: #fff;
    font-size: 14px;
    line-height: 1.2;
}

.cbtn li .on {
    width: 30px;
    height: 30px;
    border: 1px solid #dc1818;
    color: #dc1818;
    font-weight: bold;
    border-radius: 3px;
    background-color: #fff;
    font-size: 14px;
    line-height: 1.2;
}

.select {
    float: right;
    padding-top: 22px;
}

.before {
    padding-left: 10px;
    padding-bottom: 20px;
    padding-right: 10px;
}

.before .leftimg {
    padding-right: 10px;
    padding-top: 1px;
}

.before .rightimg {
    padding-left: 10px;
    padding-top: 1px;
}

.before .ccmenu {
    width: 100%;
    height: 20px;
    display: table;
    border: 1px solid #ddd;
}

.before .ccmenu li {
    display: table-cell;
    width: 20%;
    background: #f4f4f4;
    border-left: 1px solid #ddd;
    font-weight: bold;
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.before .ccmenu li a {
    position: relative;
    display: block;
    width: 100%;
    height: 24px;
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
    text-align: center;
    line-height: 1;
}

.before .ccmenu li:first-child {
    border-left: none;
}

/* 무료만화 */
.freeBox {
    width: 100%;
    padding-top: 15px;
}

.freeBoxtop {
    width: 94%;
    padding-top: 15px;
    border: 1px solid #ddd;
    margin: 15px 10px 10px 10px;
}

.freeToonlist {
    clear: both;
    padding: 0 0 12px 3%;
    overflow: hidden
}

.freeToonlist .ctext {
    float: left;
    width: 65%;
    padding-top: 5px;
}

.freeToonlist .cartoon .ctext ul {
    width: 100%;
}

.freeToonlist li {
    float: left;
    width: 30.2%;
    margin-left: 3%;
    text-align: center;
}

.freeToonlist li:first-child {
    margin-left: 0;
}

.freeToonlist li .ftImg {
    display: block;
    border: 1px solid #ddd;
    padding: 4px;
}

.freeToonlist li img {
    width: 100%;
}

.freeToonlist li .toonTitle {
    display: block;
    padding-top: 4px;
    line-height: 1.2
}

.freeToonlist li .gray {
    color: #888888;
}

.freeToonlist li .bl { color:#333; font-size: 15px; font-weight: bold; display:block;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.freetitle {
    width: 94%;
    padding: 5px 3% 5px 3%;
    overflow: hidden;
}

.freetitle .frTitle {
    float: left;
    font-size: 17px;
    line-height: 1.2;
    font-weight: bold;
    padding-top: 5px;
}

.freetitle .frTitle .red {
    color: #dc1919;
}

.freetitle .bookmark {
    float: right;
    font-size: 13px;
}

.freetitle .bookmark .bookbtn {
    float: right;
    color: #fff;
    border: 1px solid #777777;
    font-size: 13px;
    width: 80px;
    height: 30px;
    font-weight: bold;
    border-radius: 15px;
    text-align: center;
    background-color: #777777;
}

.freetitle .bookmark .starimg {
    padding-right: 5px;
}

.freeToonlist .ctext {
    float: left;
    width: 65%;
    padding-top: 10px;
}

/* 무료만화 리스트*/
.ttop {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.ttop .cc {
    position: relative;
    width: 100%;
    border: 1px solid #ddd;
    clear: both;
    overflow: hidden;
}

.ttop .cc .cImg {
    float: left;
    display: block;
    border: 1px solid #ddd;
    margin: 10px;
    overflow: hidden;
    float: left;
    padding: 4px;
}

.ttop .cc .ctext {
    overflow: hidden;
    padding-top: 16px;
    height: 137px;
}

.ttop .cc .ctext .red {
    color: #dc1919;
}

.ttop .cc .ctext .bl {
    color: #333;
    font-size: 18px;
    font-weight: bold;
}

.ttop .cc .ctext .ddd {
    color: #dddddd;
}

.ttop .cc .ctext .gray {
    color: #888888;
}

.ttop .cc .ctext .gline {
    border-top: 1px solid #eaeaea;
    margin-top: 10px;
    margin-right: 10px;
    padding-top: 10px;
}

.ttop .cc .ctext .iimg {
    padding-left: 5px;
    padding-top: 5px;
}

.ttop .cc .beforelist .cccmenu {
    width: 100%;
    display: table;
    border-top: 1px solid #ddd;
    text-align: center;
}

.ttop .cc .beforelist .cccmenu .gbg {
    background-color: #e3e3e3;
}

.ttop .cc .beforelist .cccmenu li {
    display: table-cell;
    width: 20%;
    background: #f4f4f4;
    border-left: 1px solid #ddd;
    font-weight: bold;
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ttop .cc .beforelist .cccmenu li a {
    position: relative;
    display: block;
    width: 100%;
    height: 24px;
    text-align: center;
    font-size: 15px;
    padding-top: 12px;
    font-weight: bold;
    color: #5f5f5f;
    line-height: 1;
}

.ttop .cc .beforelist .cccmenu li:first-child {
    border-left: none;
}

/* 웹툰1관*/
.w_t {
    padding: 15px 10px 0px 10px;
}

.w_t li img {
    width: 100%;
    height: 65px;
    border: 1px solid #eaeaea;
}

.w_t ul {
    padding-bottom: 15px;
}

/* 책갈피*/
.bookmark0 {
    margin-bottom: 20px;
}

.book_list {
    border-bottom: 1px solid #ddd;
    width: 100%;
}

.bookmark1 {
    height: 130px;
    border-right: 1px solid #ddd;
}

.bookmark1 .cc {
    position: relative;
    width: 100%;
    height: 129px;
    border-top: 1px solid #ddd;
    clear: both;
    overflow: hidden;
}

.bookmark1 .cc .check {
    padding-left: 15px;
    padding-top: 60px;
    float: left;
    display: block;
    overflow: hidden;
    float: left;
    width: 29px;
    height: 129px;
    background-color: #f4f4f4;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.bookmark1 .cc .cImg {
    float: left;
    display: block;
    border: 1px solid #ddd;
    margin: 10px;
    overflow: hidden;
    float: left;
    padding: 4px 4px 4px 4px;
    width: 80px;
    height: 100px;
}

.bookmark1 .cc .ctext {
    overflow: hidden;
    padding-top: 20px;
}

.bookmark1 .cc .ctext .red {
    color: #dc1919;
}

.bookmark1 .cc .ctext .bl {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle 
}

.bookmark1 .cc .ctext .mu {
    height: 11px;
    border-radius: 8px;
    background-color: #777777;
    padding: 2px 5px 0 5px;
    color: #fff;
    font-size: 10px;
    line-height: 1.2;
    vertical-align: middle 
}

.bookmark1 .cc .ctext .ddd {
    color: #dddddd;
}

.bookmark1 .cc .ctext .gray {
    color: #888888;
}

.bookmark1 .cc .ctext .gline {
    border-top: 1px solid #eaeaea;
    margin-top: 10px;
    margin-right: 10px;
    padding-top: 10px;
}

.bookmark1 .cc .ctext .rline {
    padding-top: 5px;
}

.bookmark1 .cc .ctext .iimg {
    padding-left: 5px;
    padding-top: 5px;
}

.bookmark1 .cc .check .check_b {
    border: 0;
    text-align: left;
    background-color: #f4f4f4;
    cursor: pointer
}

.bookmark1 .cc .check .check_b img {
    width: 15px;
    height: 15px;
}

/* 책갈피 탑 */
.book_clist {
    height: 50px;
}

.book_clist .c_title {
    padding-left: 10px;
    padding-top: 15px;
    font-size: 17px;
    color: #333;
}

.books_btn {
    padding-right: 10px;
}

.books_btn li {
    display: table;
    float: right;
    display: table-cell;
    padding: 0 2px 0 2px;
    padding-top: 15px;
    padding-bottom: 5px;
}

.books_btn button {
    width: 65px;
    height: 30px;
    border: 1px solid #999;
    border-radius: 15px;
    background-color: #fff;
    color: #999;
    font-size: 14px;
    line-height: 1.2;
}

/* Footer */
.tfFooter {
    border-top: 1px solid #ddd;
    padding: 12px 0 15px 0 
}

.tfFooter ul {
    display: table;
    margin: 0 auto 
}

.tfFooter ul li {
    display: table-cell;
    padding: 0 2px 0 2px 
}

.tfFooter ul li button {
    width: 90px;
    height: 30px;
    border: 1px solid #999;
    border-radius: 15px;
    background-color: #fff;
    color: #999;
    font-size: 14px;
    line-height: 1.2;
}

.tfFooter span {
    display: block;
    text-align: center;
    color: #999;
    font-size: 13px;
    line-height: 1.2;
    padding-top: 8px;
}


/* 150820 스페셜 포토 추가 */

.mSpcPhoto { width:94%; margin:20px auto 15px auto;}
.mSpcPhoto:after {content:""; display:block; clear:both;}
.mSpcPhoto dt { margin-bottom:5px; font-size:17px;}
.mSpcPhoto dt span { color:#dc1919}
.mSpcPhoto dd { float:left; position:relative; width:32%; margin-right:2%;}
.mSpcPhoto .mSpcPt { display:block; width:100%; height:88px; overflow:hidden;}
.mSpcPhoto dd img { width:100%;}
.mSpcPhoto dd .mSpcPTitle { display:block; padding-top:5px; font-size:15px; text-align:center; line-height:1.1; height:32px; overflow:hidden;}
.mSpcPhoto dd .icnPlay { position:absolute; width:34px; top:28px; left:50%; margin-left:-15px; border:none; opacity:0.7}


/*151216 TF컷 프리미엄 섬네일 추가*/
.tfcList_Thumb {position: relative; clear:both; padding:0 0 12px 3%; overflow:hidden}
.tfcList_Thumb li { position:relative; float: left;  width:47%; margin-left:3%; }
.tfcList_Thumb li:nth-child(2n+1) { margin-left: 0; }
.tfcList_Thumb li:nth-child(n+5) { display:none; }
.tfcList_Thumb li img { width: 100%; height: auto }
.tfcList_Thumb > * { margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tfcList_Thumb .tfphoto { position: relative; height: 126px; border: 1px solid #ddd; overflow: hidden;  }
.tfcList_Thumb li .tfc_textBg { position: absolute; width:94%; bottom: 0;  color: #fff;  padding:3.2%; overflow:hidden;  background: url("//img.tf.co.kr/ss/2015/main/bg_bk_text.png") 0 -1px repeat-x; line-height:2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;  height: 1.5em;  }
.tfcList_Thumb li .icnExc { position:absolute; width:30px; z-index:9999}

/* 151224 TF컷 오픈이벤트 팝업 */
.premiumNotice_m {
    position: absolute;
    top: 0;
    display: block;
    z-index: 999999;
    margin: auto;
    position: absolute;
    top: 0;
    width: 94%;
    float: none;
    top: 60px;
    margin-left: 3.2%;
    z-index: 2000;
}

.premiumNotice_m img {
    width: 100%;
}

/* 160211 오늘의 TF컷 */
.toTfcTitle {
    width: 94%; margin:0 auto;  overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
    border-width: 0;
    background: transparent;
    border-style: none;
    border-color: #D6D5D3;
    padding: 0 0 6px 0;
}
.todayTFC {  width: 96%; padding-left:3%;  overflow: hidden;}
.todayTFC li {
    width: 47.99%;
    position: relative;
    float: left;
    margin: 0 0 2% 2%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 19px;
    font-weight: bold;
    text-decoration: none;
}
.todayTFC li:first-child { margin-left:0}
.todayTFC li span { height:150px; overflow:hidden; display:block; margin-bottom:5px;}
.todayTFC li span img { width:100%;}

/* 160212 카드뉴스 */
.date4 {
    width: 94%;
    padding: 0 3% 8px 3%;
    font-size: 14px;
    color: #888;
}

.cardNav {
    width: 94%;
    padding: 0 3% 0 3%;
    margin-bottom: 8px;
    overflow: hidden;
}

.cardNum {
    float: left;
    display: inline-block;
    height: 35px;
    padding: 4px 10px 0 10px;
    border: 1px solid #aeaeae;
    font-size: 16px;
    color: #888;
    border-radius: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cardBtn {
    float: right;
}

.cardBtn button {
    width: 35px;
    height: 35px;
    border: 1px solid #aeaeae;
    background-color: #fff;
    border-radius: 18px;
}

.cardBtn button img {
    height: 16px;
    margin-top: 0.17em;
}

/* 160219 POLL 메인 */
.poll {padding:0 10px}
.tfContents.poll {width:auto !important; padding:0 10px}
.tfContents.poll section {padding:0}
.poll .tit_type5 {margin:15px 10px 7px 0px; font-size:19px}
.poll .poll_top { width:100%;  background-color:#f4f4f4; border: 1px solid #dddddd; text-align:center;  }
.poll .poll_top .poll_title { width:100%; font-size:16px; font-weight:normal; color:#333; margin-top:10px; margin-bottom:10px; display:block;}
.poll .poll_top .poll_title span {color:#dc1919; font-size:15px; }
.poll .poll_top .pollVs_photo2 { clear:both; width:94%; height:150px; overflow:hidden;  margin:0 auto;  border: 1px solid #ebebeb;}
.poll .poll_top .pollVs_photo2 li { float:left; width:50%; text-align:center; position:relative;  }
.poll .poll_top .pollVs_photo2 li:first-child { margin-left:0}
.poll .poll_top .pollVs_photo2 img { width:100%; height:auto;}
.poll .poll_top .pollVs_photo2 .wrapper_vs1 {text-align:center;  position:absolute; top:20%; left:50%;  }
.poll .poll_top .pollVs_photo2 .wrapper_vs1 img.vs { width:45px; height:36px; text-align:center; margin-left:-21px;  }
.poll .poll_top .poll_top_btn  { width:100%;  padding-bottom:15px;}
.poll .poll_top .poll_top_btn h3 { margin:10px;  }
.poll .poll_top .poll_top_btn button { width: 94%; height: 35px; border: 1px solid #dc1919; border-radius: 30px; background-color: #fff; color: #dc1919; font-size: 14px; line-height: 100%; cursor:pointer;    }
.poll .poll_list {width:100%; position:relative; margin-bottom:20px}
.poll .poll_list .wrapper_vs { position:absolute; top:40%; left:40%;   }
.poll .poll_list .wrapper_vs img { width:32px; height:25px;}
.poll .poll_list_photo {width:150px; padding-right: 10px; padding-right: 13px; vertical-align: top; overflow:hidden;} 
.poll .poll_list_photo .wrapper { position:relative; width:100%; height:75px;}
.poll .poll_list_photo img {width:100%; height:auto; }
.poll .poll_list_text {font-size:14.5px; line-height:1.2; padding-top: 2px;  }
.poll .poll_list_text p { height:38px;  overflow:hidden;}
.poll .poll_list_text .poll_btn { padding-top:5px;  }
.poll .poll_list_text button { width: 115px; height: 31px; border: 1px solid #999; border-radius: 15px; background-color: #fff; color: #999; font-size: 14px; line-height: 100%; cursor:pointer;    }

/* 160219 POLL 리드면 */
.poll .tit_poll {overflow: hidden}
.poll .tit_poll .tit_type2 {padding-top:20px; font-size:22px; color:#333; line-height: 1.1em}
.poll .tit_subtext {font-size:15px; color:#666; line-height:normal; padding:10px 0 10px 0;}
.pollvsWrap { background-color:#f4f4f4; border: 1px solid #ebebeb; po  }
.pollVs { width:100%; text-align:center; position:relative; }
.pollVs:after {content:""; display:block; clear:both}
.pollVs_photo { clear:both; width:100%; height:150px; overflow:hidden;  margin:0 auto}
.pollVs_photo li { float:left; width:50%; text-align:center; position:relative;  }
.pollVs_photo li:first-child { margin-left:0}
.pollVs_photo img { width:100%; height:auto;}
.pollVs_photo li .1_2photo {position:relative;}
.pollVs_photo .btn_poll_s {width:27px; height:28px; background:url(//img.tf.co.kr/ss/2016/poll/poll_stgread.png) no-repeat left center transparent; background-size:contain; -webkit-background-size:contain; border:0; cursor:pointer; position:absolute; top:5px; right:5px;  }
.wrapper_vs2 {text-align:center;  position:absolute; top:34%; left:50%;  }
.wrapper_vs2 img.vs { width:45px; height:36px; text-align:center; margin-left:-21px;  } 
.poll .poll_vs_btn {width:100%; height:40px; padding:10px 0 15px 0; text-align:center;  }
.poll .poll_vs_btn .poll_off { width:100%;  height: 40px; border: 1px solid #999999; border-radius: 5px; background-color: #fff; color: #666; font-size: 16px; line-height: 100%; cursor:pointer;   }
.poll .poll_vs_btn .poll_on { width:100%;  height: 40px; border: 1px solid #dc1919; border-radius: 5px; background-color: #fff; color: #dc1919; font-size: 16px; line-height: 100%; cursor:pointer;    }
.poll .poll_vs_btn .poll_on:hover { width:100%;  height: 40px; border: 1px solid #999999; border-radius: 5px; background-color: #fff; color: #dc1919; font-size: 16px; line-height: 100%; cursor:pointer;    }
.poll .poll_vs_btn li {float:left; width:48.5%; height: 40px; overflow:hidden; display:block; margin-left:3%; }
.poll .poll_vs_btn li:first-child { margin-left:0}
.poll .poll_vs_btn span {vertical-align:top; margin-top:7px;}
.poll .poll_vs_btn .poll_on img { width:14px; height:14px; margin-left:5px; margin-top:2px;}
.poll .poll_vs_btn .poll_off img { width:14px; height:14px; margin-left:5px; margin-top:2px;}
.poll .poll_result {width:100%; height:120px;  border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; clear:both;  }
.poll .poll_result h2 { font-size:16px; padding-bottom:5px;}
.poll .poll_result h3 { font-size:14px; padding-bottom:5px;  }
.poll .poll_result .poll_Bar_box {width:100%; height:30px; text-align:left; height:15px; clear:both;   }
.poll .poll_result .poll_Bar_box li { float:left; width:68%; padding-bottom:5px;}
.poll .poll_result .poll_Bar_box .poll_Bar {width:100%;  display:inline-block;  background-color:#f4f4f4; height:13px; border: 1px solid #d5d5d5;  }
.poll .poll_result .poll_Bar_box .redBar { background-color:#dc1919; vertical-align:middle; margin:0; padding:0; height:100%; width:75%;}
.poll .poll_result .poll_Bar_box .redBar2 { background-color:#dc1919; vertical-align:middle; margin:0; padding:0; height:100%; width:25%;}
.poll .poll_result .poll_Bar_box .poll_bar_t { float:left; width:29%; margin-left:3%; font-size:15px; color:#333;}
.poll .poll_result .poll_Bar_box .poll_bar_t span {color:#999;}
.poll .pollMain { width:96%; display:block; margin:0 auto; height:40px; border:2px solid #002ba7; border-radius:24px; font-size:20px; color:#002ba7; text-align:center;}
.poll .pollMain img { width:16px; vertical-align:top; margin-left:4px; margin-top:12px;}
.poll .pollMain span { display:inline-block; vertical-align:top; padding-top:9px; color:#002ba7;}

/* 160219 POLL 팝업 */
.poll_pop_Wrap .mpop { position: absolute; top: 0; float: none; width: 80%; height:400px; overflow:hidden; top: 80px; margin-left: 9.3%; z-index: 2000;  }
.poll_pop_Wrap .mpop .btn_close {width:30px; height:32px; background:url(//img.tf.co.kr/ss/2016/poll/poll_close.png) no-repeat left center transparent; background-size:contain; -webkit-background-size:contain; border:0; cursor:pointer; position:absolute; top:10px; right:10px;  }
.poll_pop_Wrap .mpop img {width:100%; height:auto;}



/* 160229 AD 광고 박스 */
.AD_box {
    width: 94%;
    margin: 0 auto;
    font-size: 1.2em;
    border: 2px solid #ececec;
    margin-bottom: 15px;
}

.AD_box_title {
    font-size: 0.75em;
    padding: 0 5px 0 5px;
    margin-right: 10px;
    margin-top: -8px;
    background: #fff;
    color: #bbbbbb;
    float: right;
}


.AD_contents {
    padding: 10px;
}

/* 160404 핑크핑거 사이다 박스 */
.s2dListWrap { padding-top:20px;}
.s2dListWrap .pfS2dTitle { font-size:18px; color:#222; width:94%; margin:0 auto}
.s2dListWrap .sdList { clear:both; width:96%; padding:2% 2% 0 2%;}
.s2dListWrap .sdList:after {content:""; display:block; clear:both}
.s2dListWrap .sdList li { position:relative; float:left; width:49%; height:160px; line-height:1.10; font-size:14px; margin-left:2%; margin-bottom:2%; background-color:#fff;  border:1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.s2dListWrap .sdList li:nth-child(odd) { margin-left:0}
.s2dListWrap .sdList img { width:100%;}
.s2dListWrap .sdList .atcTitle { display:block; padding:6px 4px 0 6px; color:#5e5e5e;}
.s2dListWrap .sdList .atcThumb { display:block; height:100px; overflow:hidden; background-color:#eeeeee;}
.s2dListWrap .sdList .atcThumb2 { display:block; overflow:hidden; height:100%; background-color:#eeeeee;}
.s2dListWrap .sdList .atcThumb2 img { width:100%;}
.s2dListWrap .sdList .atcThumb2 .thumbBk { position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,.5); color:#fff}
.s2dListWrap .sdList .atcThumb2 .bkTxt { position:absolute; bottom:0; height:52px; padding:0 3% 0 3%}
.s2dListWrap .sdList .listCa { color:#fd4444}
.s2dListWrap .topAtcNumWrap { text-align:center;  width:100%;}
.s2dListWrap .topAtcNumWrap .topAtcNum { display:inline-block; overflow:hidden; width:6px; height:6px; border-radius:3px; text-indent:10px; margin-left:4px; background-color:#c8c8c8}
.s2dListWrap .topAtcNumWrap .topAtcNum:first-child {margin-left:0}
.s2dListWrap .topAtcNumWrap .pgOn { background-color:#fd4444}

/* 160427 스타즈 개편 */
.starsTopImg { width:100%;}
.starsTopImg img {width:100%; display:block}
.topSnsBoxM { width:95%; margin:10px auto 0 auto;}
.topSnsBoxM:after { content: ""; display: block; clear: both }
.topSnsBoxM li { float:left; width:50%; height:140px; background-color:#333}
.topSnsBoxM li a {position:relative; display:block; width:100%; height:140px; overflow:hidden}
.topSnsBoxM li img { width:100%;}
.topSnsBoxM li .singer { position:absolute; top:5px; left:5px; padding:3px 5px 1px 5px; background-color:rgba(0,0,0,.6); color:#fff; border-radius:20px; font-size:13px;}
.topSnsBoxM li .bkBg { position:absolute; width:94%; height:48px; bottom:0; background-color:rgba(0,0,0,.6); color:#fff; font-size:14px; padding:2% 3% 4% 3%; overflow:hidden}
.topSnsBoxM li .bkBg .snsHumanIcon { width:12px; vertical-align:middle; margin-right:3px; }
.topSnsBoxM li .bkBg .snsHuman { font-size:14px; vertical-align:middle}
.topSnsBoxM li .bkBg .snsText { display:block; height:32px; overflow:hidden; padding-top:4px; line-height:1.2em;}
.rCswRankM { width:94%; margin:25px auto 0 auto;}
.rCswRankM dt { font-size:18px; color:#202020; padding-bottom:7px; border-bottom:1px solid #ddd;}
.rCswRankM dt span { float:right; font-size:15px; color:#666}
.rCswRankM dd { border-bottom:1px solid #ddd; padding:15px 0 15px 0;}
.rCswRankM dd ul { overflow:hidden}
.rCswRankM dd ul li { float:left;}
.rCswRankM dd ul .csRank {font-size:26px; letter-spacing:-3px; width:25px; padding-left:5px; padding-top:20px;}
.rCswRankM dd ul .csProfile { width:80px;}
.rCswRankM dd ul .csProfile span { display:inline-block; width:70px; height:70px; border-radius:35px; border:1px solid #d1d1d1; overflow:hidden;}
.rCswRankM dd ul .csProfile span img { width:100%; display:block;}
.rCswRankM dd ul .r1 { color:#ff4a82}
.rCswRankM dd ul .csTitle { overflow:hidden; width:63%; padding-top:16px;}
.rCswRankM dd ul .csTitle .songTitle { display:block; padding-bottom:3px; font-size:18px; color:#1a1a1a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.rCswRankM dd ul .csTitle .singerName {display:block; font-size:16px; color:#666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.csPaging { position: relative; height: 30px; }
.csPaging ul { display: table; margin: 4px auto 0 auto }
.csPaging ul li { display: table-cell; padding: 0 6px 0 2px; vertical-align: middle }
.csPaging .Num { display: inline-block; overflow: hidden; width: 6px; height: 6px; border-radius: 3px; text-indent: 10px; background-color: #c8c8c8; }
.csPaging .pgOn { background-color: #00a8ff; }
.cswBanner { width:100%; margin-top:10px;}
.cswBanner img { width:100%;}


/* 160722 리우올림픽 */
.rio2016 { width:94%; background: url("//img.tf.co.kr/ss/mobile/2016/etc/bg_2016rio.jpg") 100% 100% no-repeat; background-size:60px; height:60px; background-color:#007c29; padding:0 3% 0 3%; cursor:pointer}
.rio2016 .rioText { float:left; color:#fff; font-size:26px; font-weight:bold; line-height:90%; padding-top:4px;}
.rio2016 .rioText .t1 { display:block; font-size:14px; color:#ffe801; font-weight:normal;}
.rio2016 .rioText .t2 {color:#ffe801;}
.rio2016 .rioMedal { float:right;}
.rio2016 .rioMedal ul li { float:left; width:41px; height:36px; margin-left:4px; text-align:center; font-size:20px; padding-top:22px; font-weight:bold; letter-spacing:-1px; line-height:100%;}
.rio2016 .rioMedal ul .medal_g { background: url("//img.tf.co.kr/ss/mobile/2016/etc/m_medal_g.png") 0 0 no-repeat; background-size:41px; color:#6f5600}
.rio2016 .rioMedal ul .medal_s { background: url("//img.tf.co.kr/ss/mobile/2016/etc/m_medal_s.png") 0 0 no-repeat; background-size:41px; color:#3d3d3d}
.rio2016 .rioMedal ul .medal_b {background: url("//img.tf.co.kr/ss/mobile/2016/etc/m_medal_b.png") 0 0 no-repeat; background-size:41px; color:#623500}
.rioRank { margin-bottom:20px;}
.rioRank table { width:100%;}
.rioRank table th { background-color:#ffe772; height:30px; font-size:16px; font-weight:normal}
.rioRank table td { border-bottom:1px solid #dadada; height:30px; text-align:center; font-size:14px; color:#5e5e5e}
.rioRank table .kor { font-weight:bold;}
.rioRank table .kor td {color:#000}
.rioRank table .col1 { width:14%}
.rioRank table .col2 { width:44%}
.rioRank table .col3 { width:14%}
.rioRank table .col4 { width:14%}
.rioRank table .col5 { width:14%}


/*-------------------------160930 더팩트 모바일 스타즈 리뉴얼*/
.tbLeft a img{width:100%}
/*스타즈_클릭스타워즈 아이돌순위*/
.csRanking_no{width:94%; margin:20px auto 15px;}
.csRanking_no>h3{width:100%; text-align:center; background:#00a8ff; color:#fff; padding:3% 0; font-size:1.3em}
.rCswRankM_new{background:#f1f1f1; margin:0;width:100%; padding: 0 0 15px}
.rCswRankM_new dd{padding:0; width:94%; margin:0 auto; padding:10px 0}
.rCswRankM_new dd ul {background:#f1f1f1; }
.rCswRankM_new dd ul .csRank{ color:#444;  width:10%;line-height:250%; font-size:30px}
.rCswRankM_new dd ul .r1 { color:#ff4a82;  width:10%;line-height:250%; font-size:30px}
.rCswRankM_new dd ul:after{content:""; clear:both; display:block}
.rCswRankM_new dd ul li{float:left}
.rCswRankM_new dd ul .csProfile { width:30%;}
.rCswRankM_new dd ul .csProfile span { display:inline-block; width:85px; height:85px; border-radius:50px; border:1px solid #d1d1d1; overflow:hidden;}
.rCswRankM_new dd ul .csProfile span img { width:100%; display:block;}
.rCswRankM_new dd ul .csTitle { overflow:hidden; width:55%; padding-top:19px; line-height:160%}
.rCswRankM_new dd ul .csTitle .songTitle { display:block; font-size:19px; color:#1a1a1a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.rCswRankM_new dd ul .csTitle .singerName {display:block; font-size:17px; color:#666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cs_ranking_btn{width:100%; margin:15px auto 5px; text-align:center}
.in_button9{width:190px; height: 40px; border: 1px solid #00a8ff; border-radius:5px; background-color: #00a8ff; color: #fff; font-size: 16px; line-height:2; cursor: pointer; outline:none;}
/*클릭사이다_160930*/
.csS2da{width:94%; margin:10px auto 0; position:relative; padding:5px 0 0;}
.csS2da:after{content:""; display:block; clear:both}
.csS2da .csS2da_title{font-size:19px; margin-bottom:10px}
.csS2da .csS2da_more{float:right; margin-top:7px}
.csS2da .csS2da_list { width:100%; margin:5px auto 10px}
.csS2da .csS2da_list:after{display:block; content:""; clear:both}
.csS2da .csS2da_list li { position:relative; float:left; padding:1.6%;width:45%; height:100%; margin-right:2%; margin-bottom:2%; border:1px solid #d1d1d1;}
.csS2da .csS2da_list li p{padding:5px 0 0;  line-height: 120%; width:98%; overflow:hidden;  height:50px;}
.csS2da .csS2da_list li p span{color:#00a8ff}
.csS2da .csS2da_list li:nth-child(even) { margin-right:0;}
.csS2da .csS2da_list li img { width:100%;}
/*스타마켓*/
.csStar_market{position:relative; width:94%; margin:0 auto; padding:15px 0;/*border-bottom:2px solid #333333*/}
.csStar_market img{width:100%}
.csStar_market .mkThumb .goalCle {position: absolute;bottom:10px;right: 0;display: block;width: 48px;height: 38px;border-radius: 48px;
background-color: #ff4a82;color: #fff;text-align: center;font-size: 14px;line-height: 1em;padding-top: 10px;z-index: 300;}
/*스타즈 커뮤니티*/
.csStar_board{width:94%; margin:10px auto 0; position:relative; padding:5px 0 0;}
.csStar_board:after{content:""; display:block; clear:both}
.csStar_board .csStar_title{font-size:19px;}
.csStar_board .csStar_more{float:right; margin-top:7px}
.csStar_board .csStar_board_list { width:100%; margin:5px auto 10px;}
.csStar_board .csStar_board_list:after{display:block; content:""; clear:both}
.csStar_board .csStar_board_list li{position: relative;float: left;width: 49%;height: 130px;margin-right: 2%;margin-bottom: 2%;overflow: hidden;background-color: #000;}
.csStar_board .csStar_board_list li .transBg {position: absolute;width: 94%;bottom: 0;font-size: 15px;color: #fff;padding:3%;line-height: 1.2; background:rgba(0, 0, 0, 0.5); line-height:160%; height:45px;}
.csStar_board .csStar_board_list li .transBg img{width:7%;}
.csStar_board .csStar_board_list li .transBg span{font-size:13px; line-height:120%}
.csStar_board .csStar_board_list li .transBg .name{font-size:13px; line-height:120%; color: #fff;}
.csStar_board .csStar_board_list li .transBg .title{font-size: 15px;color: #fff;line-height:160%; }
.csStar_board .csStar_board_list li:nth-child(even) { margin-right:0;}
.csStar_board .csStar_board_list li img { width:100%;}
.csStar_board .csStar_board_list .csStar_name{position: absolute; top:3%; left:2%;color: #fff;padding:1.5%;background:rgba(0, 0, 0, 0.6); border-radius:10px; font-size:13px}
/*-------------------------160930 더팩트 모바일 스타즈 리뉴얼*/


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

/* 170328 2017 대선 */
.election17 { background-color:#a59ec3;  height:60px;}
.election17 .el_banner { display:block; position:relative; width:320px; height:60px; background-color:#ccc; margin:0 auto; background:url(//img.tf.co.kr/ss/mobile/2017/election/main_2017election.jpg) 0 0 no-repeat; background-size:100%;}
.election17 .el_banner .dday1 { position:absolute; top: 27px; right: 30px; font-weight:bold; font-size:19px; color:#333;}
.election17 .el_banner .dday2 { position:absolute; top: 27px; right: 12px; font-weight:bold; font-size:19px; color:#333;}
/* 대선 당일 카운트 */
.election17 .el_banner2 { display:block; position:relative; width:320px; height:60px; background-color:#ccc; margin:0 auto; background:url(//img.tf.co.kr/ss/mobile/2017/election/main_2017election_day.jpg) 0 0 no-repeat; background-size:100%;}
.election17 .el_banner2 .dday1 { position:absolute; top: 28px; right: 87px; font-weight:bold; font-size:18px; color:#333;}
.election17 .el_banner2 .dday2 { position:absolute; top: 28px; right: 72px; font-weight:bold; font-size:18px; color:#333;}
.election17 .el_banner2 .dday3 { position:absolute; top: 28px; right: 54px; font-weight:bold; font-size:18px; color:#333;}
.election17 .el_banner2 .dday4 { position:absolute; top: 28px; right: 39px; font-weight:bold; font-size:18px; color:#333;}
.election17 .el_banner2 .dday5 { position:absolute; top: 28px; right: 21px; font-weight:bold; font-size:18px; color:#333;}
.election17 .el_banner2 .dday6 { position:absolute; top: 28px; right: 6px; font-weight:bold; font-size:18px; color:#333;}

/* 180219 해당매체에서 보기 */
.goMedia { width:94%; margin:0 auto; padding-bottom:17px;}
.goMedia:after { content: ""; display: block; clear: both }
.goMedia ul {display:table; width:100%; margin-bottom:13px;}
.goMedia ul .goTxt { display:table-cell; font-size:16px ; font-weight:bold; line-height:1.2em; vertical-align:middle}
.goMedia ul .goTxt .red { color:#dc1919}
.goMedia ul .goTxt .redre { color:#dc1919; margin-left:19px;}
.goMedia ul .goBtn { display:table-cell; vertical-align:middle; text-align:right;}
.goMedia ul .goBtn button {border: 1px solid #dc1919; color: #dc1919; font-size: 14px; padding-top: 1px; line-height:1.2em; border-radius:4px; width:84px; height:33px; cursor:pointer;}

/* 180518 오피니언 섹션 */
.mOpinion { width:100%;}
.mOpinion:after {content:""; display:block; clear:both}
.mOpinion .opiTitle { padding:7px 7px 0 7px; height:57px; border-bottom:1px solid #e0e0e0}
.mOpinion .opiTitle .opMan { width:50px; vertical-align:middle;}
.mOpinion .opiTitle .opMore { float:right; width:26px; padding:12px 5px 0 0}
.mOpinion .opiTitle span { margin-left:7px; vertical-align:middle; font-size:23px; letter-spacing:-0.1em}
.mOpinion .atcList { width:100%; height:342px; border:1px solid #e0e0e0;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right:20px; margin-bottom:20px; letter-spacing:-0.05em}
.mOpinion .atcImg { position:relative; width:100%; height:220px; overflow:hidden}
.mOpinion .atcImg .tfc_textBg { position: absolute; width:94%; bottom: 0;  color: #fff;  padding:3.2%; overflow:hidden; font-size:20px; font-weight:bold;  background: url("//img.tf.co.kr/ss/2015/main/bg_bk_text.png") 0 -5px repeat-x; line-height:1.2em; overflow: hidden;  height: 38px;  }
.mOpinion .atcImg img { width:100%;}
.mOpinion .atcTxt a { display:block; font-size:16px; color:#888; padding:7px 10px 0 10px; height:40px; overflow:hidden; line-height:1.2em}
.mOpinion .atcTxt a:hover {color:#dc1919;}
.mOpiWin { width:100%; position:relative; height:40px;}
.mOpiWin img { width:120px; position:absolute; top:0; left:50%; margin-left:-60px; z-index:999}
.mOpiWin .mOpiLine { position:absolute; top:11px; width:100%; height:10px; background-color:#efefef}
.mOpi_Thumb {position: relative; clear:both; overflow:hidden; margin-bottom:30px;}
.mOpi_Thumb dt { padding:3px 0 5px 0; overflow:hidden; }
.mOpi_Thumb dt .scTitle { float: left; font-size: 19px; line-height:1.2; vertical-align:top}
.mOpi_Thumb dt .scMore { float: right; color: #5e5e5e; font-size: 15px; }
.mOpi_Thumb dd { position:relative; float: left;  width:48.5%; margin-right:3%; }
.mOpi_Thumb dd:last-child { margin-right: 0; }
.mOpi_Thumb dd img { width: 100%; height: auto }
.mOpi_Thumb .tfphoto { position: relative; height: 126px; border: 1px solid #ddd; overflow: hidden;  }
.mOpi_Thumb dd .tfc_textBg { position: absolute; width:94%; height:28px; bottom: 0;  color: #fff;  padding:3.2%; overflow:hidden;  background: url("//img.tf.co.kr/ss/2015/main/bg_bk_text.png") 0 -5px repeat-x; line-height:1.2em;}


/* 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; margin-top:4px;}
.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:15px; color:#5e5e5e; letter-spacing:-0.03em; line-height:1.5em}
.utb_reply .utbTxt span { display:block; font-weight:bold; color:#333;}
.utb_reply button { width:100%; height:44px; font-size:15px; 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; font-size:15px; 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;}
.utb_reply .bbutton span { font-weight:normal;line-height: 44px;}

/* 191015_메인 팬앤스타_IMR */
.rkTitle { font-size: 19px; width: 95%; padding:0 2.5% 5px 2.5%}
.rkBox { width:96%; clear:both; margin:0 auto 20px auto}
.rkBox td { width:33.3%; padding-top:34%; text-align:center}
.rkBox td ul { width:96%; max-width:194px; margin:0 auto;}
.rkBox td .iBox { position:relative; cursor:pointer;}
.rkBox td .iBox .rBorder {position:absolute; z-index:888; bottom:0}
.rkBox td .iBox .rImg {position:absolute; z-index:777; bottom:0}
.rkBox td p { padding:0; margin:0;}
.rkBox td p img { width:100%; max-width:194px; display:block;}
.rkBox td .fName { text-align:center; padding-top:10px;}
.rkBox td .fName a { display:inline-block; max-width:90px; background-color:#ececec; border-top-left-radius:20px; border-bottom-left-radius:20px; border-top-right-radius:20px; border-bottom-right-radius:20px; padding:3px 10px 3px 10px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* Tablet & Desktop Device */
@media all and (min-width:768px) {
    .leftMenuWrap .leftMenu {
        width: 40%
    }

    .leftMenuWrap .menuClose {
        position: absolute;
        top: 0;
        left: 40%;
        z-index: 3000
    }

    .tCLine {
        width: 100%;
        background: url(//img.tf.co.kr/ss/mobile/2015/img_center_line.gif) 50.05% 0 repeat-y;
        background-size: 1px;
        height: 100%;
        padding-bottom: 20px;
        overflow: hidden
    }

    .tbLeft {
        float: left;
        width: 50%;
    }

    .tbRight {
        float: left;
        width: 50%;
    }

    .noDsp {
        display: none;
    }

    .stars .ivlist .srlphoto {
        height: 157px
    }

    .stargallery .playimg {
        width: 36px;
        height: 40px;
    }

    .stargallery .issuevideo .ivlist .srlphoto {
        height: 157px
    }

    .dis_device {
        display: block
    }

    .ivlist.dis_none {
        display: block
    }

    /* search */
    .srlist_p > * > * {
        height: 116px
    }

    .noresult2 > * {
        margin-top: 32%
    }

    .noresult2 {
        height: 205px
    }

    .container_tab1 .srlist .srlphoto {
        height: 68px;
        width: 97px
    }

    .container_tab1 .srlphrase {
        left: 97px
    }

    .container_tab2 .playimg {
        width: 25px;
        height: 26px
    }

	/*150603 추가*/
.srlist_p {height: 150px}
/*//150603 추가*/

    /* stars */
    .dis_device_2 {
        width: 70% !important;
        margin: 0 auto
    }

    .slc_p .noimg {
        height: 228px
    }

    .noimgtxt {
        top: 104px
    }

    .slc_p {
        height: 228px;
    }

    /* issuevideo */
    .disp_device_cols {
        width: 32%
    }

    .mgr {
        margin-right: 2.0%
    }

    .issuevideo.read .ivlist li:not(:first-child) {
        display: none
    }

    /* stargallery */
    .stargallery.read .ivlist li:not(:first-child) {
        display: none
    }

    /* section_list */
    .sectionlist .sclist.dis_none {
        display: block
    }

    /* schedule */
    .schedule .tab {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd
    }

    /* section list 2 */
    .secList li {
        float: left;
        width: 31.6%;
        margin-left: 2.5%;
    }

    .secList li:nth-child(2n+1) {
        margin-left: 2.5%;
    }

    .secList li:nth-child(3n+1) {
        margin-left: 0;
    }

    .secList li img {
        width: 100%;
        height: auto
    }

    .secList > * {
        margin-bottom: 10px;
        border: 1px solid #ddd;
        padding: 5px 5px 10px 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .secList .playimg {
        left: 10px;
        top: 10px
    }

    .secList .srlphrase {font-size:15px; padding:5px 5px 5px 5px; display:block; height:30px; line-height:1.2; overflow:hidden}

    .secList .srlphoto {
        position: relative;
        height: 98px;
        border: 1px solid #ddd;
        overflow: hidden
    }
	/*tf컷 썸네일*/
	.tfcList_Thumb li:nth-child(n+5) { display: block; }
	
	/* 151224 TF컷 오픈이벤트 팝업 */
    .premiumNotice_m {
        position: absolute;
        top: 0;
        display: block;
        z-index: 999999;
        margin: auto;
        position: absolute;
        top: 0;
        width: 64%;
        float: none;
        top: 60px;
        margin-left: 18.2%;
        z-index: 2000;
    }

    .premiumNotice_m img {
        width: 100%;
    }

	/* 160219 POLL 추가 */
	.wrapper_vs1 {text-align:center;  position:absolute; top:21.6%; left:50%;  }
	.wrapper_vs2 {text-align:center;  position:absolute; top:32%; left:50%;  }
	.pollVs_photo { clear:both; width:100%; height:200px; overflow:hidden;  margin:0 auto}
	.pollVs_photo2 { clear:both; width:94%; height:200px; overflow:hidden;  margin:0 auto;  border: 1px solid #ebebeb;}
	.poll_result .poll_Bar_box li { float:left; width:80%; padding-bottom:5px;}
	.poll_result .poll_Bar_box .poll_bar_t { float:left; width:17%; margin-left:3%; font-size:15px; color:#333;}
	
	/*160930 더팩트 모바일 스타즈 리뉴얼*/
	/*스타즈 커뮤니티*/
	.csStar_board .csStar_board_list li .transBg img{width:7%; vertical-align:middle}
	.csStar_board .csStar_board_list li .transBg span{font-size:13px; line-height:170%}
	.csStar_board .csStar_title{font-size:19px; }
	.csStar_board .csStar_more{float:right; margin-top:10px}	
	.csS2da .csS2da_title{font-size:19px; }
	.csS2da .csS2da_more{float:right; margin-top:10px}
}

 /* iphone 5 이하 */
@media screen and (min-width:10px) and (max-width:320px) {
	/*160930 더팩트 모바일 스타즈 리뉴얼*/
	.csRanking_no>h3{width:100%; text-align:center; background:#00a8ff; color:#fff; padding:2% 0; font-size:1.1em}
	.rCswRankM_new dd{padding:0; width:94%; margin:0 auto; padding:7px 0 5px}
	.rCswRankM_new dd ul .csRank{ color:#444;  width:10%;line-height:380%; font-size:17px}
	.rCswRankM_new dd ul .r1 { color:#ff4a82;  width:10%;line-height:380%; font-size:17px}
	.rCswRankM_new dd ul .csProfile { width:35%;}
	.rCswRankM_new dd ul .csProfile span { display:inline-block; width:70px; height:70px; border-radius:35px; border:1px solid #d1d1d1; overflow:hidden;}
	.rCswRankM_new dd ul .csProfile span img { width:100%; display:block;}
	.rCswRankM_new dd ul .csTitle { overflow:hidden; width:52%; line-height:120%}
	.rCswRankM_new dd ul .csTitle .songTitle { display:block; padding-bottom:3px; font-size:14px; color:#1a1a1a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.rCswRankM_new dd ul .csTitle .singerName {display:block; font-size:1em; color:#666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

	/*스타즈 커뮤니티*/
	.csStar_board .csStar_board_list li{position: relative;float: left;width: 49%;height:90px;margin-right: 2%;margin-bottom: 2%;overflow: hidden;background-color: #000;}
	.csStar_board .csStar_board_list li .transBg {position: absolute;width: 94%;bottom: 0;font-size: 12px;color: #fff;padding:3%;line-height: 1.2; background:rgba(0, 0, 0, 0.7); }
	.csStar_board .csStar_board_list li .transBg img{width:7%; vertical-align:middle}
	.csStar_board.csStar_board_list li .transBg span{font-size:11px; line-height:170%}
	.csStar_board .csStar_board_list li:nth-child(even) { margin-right:0;}
	.csStar_board .csStar_board_list li img { width:100%;}
	.csStar_board .csStar_board_list .csStar_name{position: absolute; top:3%; left:2%;font-size: 11px;color: #fff;padding:1.5%;background:rgba(0, 0, 0, 0.6); border-radius:10px;}
	
	/* 170328 리드면 두줄 광고 */
	.twoLineAd li .adIcon { position:absolute; right:0; bottom:13px; background-color:#333; border-radius:3px; display:inline-block; padding:2px 3px 0 3px; height:14px; color:#fff; font-size:11px; font-weight:normal; line-height:15px; vertical-align:middle;}
	
	/* 170328 2017 대선 */
	.election17 .el_banner .dday1 { position:absolute; top: 30px; right: 30px; font-weight:bold; font-size:19px; color:#333;}
	.election17 .el_banner .dday2 { position:absolute; top: 30px; right: 12px; font-weight:bold; font-size:19px; color:#333;}
}



/* sns 공유 버튼 */
.socialBtnWrapmobile {
    width: 94%;
    text-align: center;
    padding: 10px 0 0 0;
    margin: 0 auto
}

.socialBtnWrapmobile:after {
    content: "";
    display: block;
    clear: both
}

.socialBtnWrapmobile li {
    float: left;
    /*width: 23.2%;*/
    width: 31.7%;
    margin-left: 2.4%;
}

.socialBtnWrapmobile li:first-child {
    margin-left: 0
}

.socialBtnWrapmobile li button {
    border-radius: 4px;
    width: 100%;
    height: 46px;
    vertical-align: top;
    padding-top: 23px;
    color: #888;
    font-size: 12px;
}

.socialBtnWrapmobile .sBtn_twt button {
    border: 1px solid #fcb700;
    background: url("//img.tf.co.kr/ss/mobile/2015/sns_kstory.png") 50% 5px no-repeat;
    background-size: 20px;
}

.socialBtnWrapmobile .sBtn_fbook button {
    border: 1px solid #000;
    background: url("//img.tf.co.kr/ss/mobile/2015/sns_twt.png") 50% 5px no-repeat;
    background-size: 20px;
}

.socialBtnWrapmobile .sBtn_kstory button {
    border: 1px solid #4862a3;
    background: url("//img.tf.co.kr/ss/mobile/2015/sns_fbook.png") 50% 5px no-repeat;
    background-size: 20px;
}

.socialBtnWrapmobile .sBtn_reply button {
    position: relative;
    border: 1px solid #dc1919;
    color: #dc1919;
    font-size: 17px;
    padding-top: 3px;
    line-height: 1.15
}

.socialBtnWrapmobile .sBtn_reply button .reNew {
    position: absolute;
    width: 12px;
    top: 3px;
    right: 3px;
}

.socialBtnWrapmobile .sBtn_reply button span {
    display: block;
    color: #888;
    font-size: 12px;
    margin-top: 1px;
}




/* Swipe 2 required styles */
		
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}


/*171204 전체기사 높이값 변경*/
.secList .srlphrase {height:31px}

.subTitle {font-weight:normal; font-size:19px; line-height:1.2; width:94%; margin:6px auto 15px auto; color:#888}



/* END required styles */