@charset "utf-8";

#wrap {overflow:hidden;}

.inner {max-width:1180px; margin:0 auto;}

.mbr {display:none;}
.mo_br {display:none;}

/*-------------- 말줄임표 -------------*/
.ellipsis-1 {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden;}
.ellipsis-2 {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden;}
.ellipsis-3 {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden;}

/*-------------- 버튼 -------------*/
.btn { align-items: center;  justify-content: space-between; width:15.2rem; padding:1rem 2rem; font-size:1.4rem; border:1px solid#FFF; color:#FFF;}
.btn::after {content:''; display:inline-block; width:1.5rem; height:1.2rem; background:url(/tf/img/next_arrow.png)center no-repeat;}

.sound_only {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;}
.txt-point {color: #2D7CC7;}

/*-------------- arrow -------------*/
.gt_sign { position:relative; display:inline-block; width: 13px; height: 13px; border-top: 2px solid #333; border-right: 2px solid #333; transform: rotate(45deg);}
.bgt_sign {position:relative; display:inline-block; width: 21px; height: 21px; border: 1px solid#fff;  border-radius: 100%;}
.bgt_sign::after {content: ''; position:absolute; top:6px; left:4px; display:inline-block; width: 7px; height: 7px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); }

.m_non {display:none;}