@charset "utf-8";

/*reset style =========*/
* { margin: 0; padding: 0; }
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: 'Pretendard GOV Variable', 'Malgun Gothic', '맑은 고딕', AppleSDGothicNeo-Light, sans-serif;  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: 'Pretendard GOV Variable', '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 }
a:hover { color: #666 !important}

/* 공통 클래스 사전 정의 */
.vm { vertical-align: middle; }
.vb { vertical-align: text-bottom; }
.vm_in { display: inline; vertical-align: middle; }
.ds_in { display: inline; }
.ds_b { display: block; }
.ds_ib { display: inline-block; }
.ds_no { display: none; }
.tCenter { text-align: center; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.noMg { margin: 0 !important; }
.noMg_b { margin-bottom: 0 !important; }
.noMg_r { margin-right: 0 !important; }
.noBdb { border: none !important; }
.noBg { background: none !important }
.noPd { padding-bottom: 0 !important }
.red { color: #eb8787 !important;}
.mgT20 { margin-top: 20px}
.mgT30 { margin-top: 30px}
.mgT40 { margin-top: 40px}
.mgB30 { margin-bottom: 30px}
.mgB40 { margin-bottom: 40px}
.pdB20 { padding-bottom: 20px;}
.pdB30 { padding-bottom: 30px;}

/* Font Weight */
.fw2 { font-weight: 200}
.fw3 { font-weight: 300}
.fw4 { font-weight: 400}
.fw5 { font-weight: 500}
.fw6 { font-weight: 600}
.fw7 { font-weight: 700}
.fw8 { font-weight: 800}
.fw9 { font-weight: 900}
.fwN { font-weight: normal;}

/* text Cut */
.cutS { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cutM { overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word;	display: -webkit-box; -webkit-box-orient: vertical;}

/* 썸네일 채우기 */
.fitImg { width:100%; height:100%; object-fit:cover; }

/* Header */
#tf_header { position: relative; display: block; width: 1100px; height: 180px; margin: 0 auto;  border-bottom: 2px solid #333;}
#tf_header:after {content:""; display:block; clear:both}
#tf_header h1 { display: block; width: 400px; height: 180px; margin: 0 auto;}
#tf_header h1 img {display: block;}
#tf_header .topTextLink { position: absolute; top: 21px; left: 0; color: #888;}
#tf_header .tReport { color: #eb8787; font-weight: 600}

/* 페이스북/유튜브/모바일 버튼 */
#tf_header .topSBtn { position: absolute; top: 18px; right: 170px; width: 78px; height: 26px; }
#tf_header .topSBtn li { float:left;}
#tf_header .topSBtn li a { display: block; width: 26px; height: 26px; background: url("https://img.tf.co.kr/ss/2025/tf/tf_icon_common.png") no-repeat;}
#tf_header .topSBtn li .fbook { background-position: -8px -8px;}
#tf_header .topSBtn li .fbook:hover { background-position: -8px -40px;}
#tf_header .topSBtn li .ytube {background-position: -40px -8px;}
#tf_header .topSBtn li .ytube:hover { background-position: -40px -40px;}
#tf_header .topSBtn li .mobile {background-position: -72px -8px;}
#tf_header .topSBtn li .mobile:hover { background-position: -72px -40px;}

/* 기사 검색 폼 */
#tf_header .atcSearch { position: absolute; top: 15px; right: 0; width: 150px; height:30px; padding-left: 10px; border: 1px solid #c6c6c6; border-radius: 30px;}
#tf_header .atcSearch input { width:119px; height: 30px; border:none; background: none; font-weight: 600}
#tf_header .atcSearch input::placeholder { color: #ccc; font-weight:normal}
#tf_header .atcSearch input::-webkit-input-placeholder { color: #ccc; font-weight:normal}
#tf_header .atcSearch input:-ms-input-placeholder {	color: #ccc; font-weight:normal}
#tf_header .atcSearch input:focus {outline:none;}
#tf_header .atcSearch button {float: right; margin-right: 5px; display: block; width: 26px; height: 30px; background: url("https://img.tf.co.kr/ss/2025/tf/tf_icon_common.png") no-repeat -100px -4px; border: none; cursor:pointer;}

/* 오늘 날짜 */
#tf_header .topDate { position: absolute; top: 120px; left: 0; color: #5e5e5e; font-size: 16px}

/* 전체 메뉴 버튼 */
#tf_header .topMenuBtn { position: absolute; top: 115px; right: 0; width: 32px; height: 26px;}
#tf_header .topMenuBtn a { display: block;  width: 32px; height: 26px; background: url("https://img.tf.co.kr/ss/2025/tf/tf_icon_common.png") no-repeat -6px -84px; }

/* 전체 메뉴 레이어 */
.topMenu { position: absolute; width: 100%; top: 182px; padding: 40px 0; background-color: #fff; box-shadow: 0 6px 6px rgb(0, 0, 0, 0.1); z-index: 999}
.topMenu:after {content:""; display:block; clear:both}
.topMenu .menuWrap { position: relative; width: 1100px; margin: 0 auto;}
.topMenu .menuWrap ul { float: left; width: 116px; height: 295px; padding-left: 20px; border-left: 1px solid #eaeaea;}
.topMenu .menuWrap ul li { font-size: 15px; font-weight: 400; color: #5e5e5e; padding-bottom: 13px; }
.topMenu .menuWrap ul li:last-child {padding-bottom: 0;}
.topMenu .menuWrap ul .mMenu { font-size: 16px; font-weight: 700; color: #333}
.topMenu .menuWrap .menuCloseBtn { position: absolute; top: -108px; right: 0; width: 32px; height: 26px; }
.topMenu .menuWrap .menuCloseBtn a {display: block;  width: 32px; height: 26px; background: #fff url("https://img.tf.co.kr/ss/2025/tf/tf_icon_common.png") no-repeat -6px -125px; }

/* 상단 띠배너*/
#tf_wBanner { width: 1100px; margin: 0 auto;}

/* 컨텐츠 박스 */
#tfSubCon {width: 1100px; margin: 0 auto; padding: 30px 0;}
#tfSubCon:after {content:""; display:block; clear:both}

/* 광고 300 x 300 */
.ad3 { display: block; width: 300px; height: 300px; margin-bottom: 40px;}

/* Footer */
#tf_footer { width: 1100px; margin: 0 auto; border-top: 1px solid #333; padding-bottom: 40px;}
#tf_footer:after {content:""; display:block; clear:both}
#tf_footer .footTxtLink { display: table; margin: 0 auto; height: 32px; padding-top: 19px; color: #888; font-size: 14px; }
#tf_footer .footTxtLink li { float: left;}
#tf_footer .footTxtLink .ftLine {padding: 0 21px;}
#tf_footer .footInfo { width: 1100px; border-top: 1px solid #eaeaea; padding-top: 25px;}
#tf_footer .footInfo li { float: left;}
#tf_footer .footInfo .ftLogo { width: 200px; padding-top: 4px;}
#tf_footer .footInfo .ftInfo { width: 900px; color: #888888; line-height: 1.7}