@charset "utf-8";
/* COMMON */
/*html, body { height:100%;} */
* {box-sizing: border-box;}
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', 'Tahoma', 'meiryo', 'Malgun Gothic', '맑은 고딕', 'sans-serif', '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', 'Tahoma', 'meiryo', 'Malgun Gothic', '맑은 고딕', 'sans-serif', '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 }
.left { float: left; }
.right { float: right; }
.noMgR { margin-right:0 !important}
.noPdL { padding-left:0 !important}
.mgT20 { margin-top:20px !important;}
.mgT50 { margin-top:50px !important;}
.mgB20 { margin-bottom:20px;}
.mgB30 { margin-bottom: 30px; }


/* Mobile Device */
/* Header */
#tmaHeader { position:fixed; width:100%; z-index:9999;}
#tmaHeader:after {content:""; display:block; clear:both}
#tmaHeader .hdWrap { position:relative; width:100%; height:100%; padding-top:25%; background:url(https://img.tf.co.kr/ss/2025/tma_official/header_bg2.jpg) 0 0 repeat-x; background-size:40% 69%; }
#tmaHeader .hdWrap h1 { position:absolute; top:0; width:44%; left:10px;}
#tmaHeader .hdWrap h1 img { display:block; width:100%;}
#tmaHeader .hdWrap .tLang { display:none}

/* 디데이 */
#tmaHeader .dday { position:absolute; top:22%; left:50%; margin-left:-14px; text-align:center; color:#fff; display:block; font-size:20px; font-weight:bold; background-color:#2d1681; padding:5px 6px; border-radius:4px; line-height:1em;}

/* 모바일 메뉴버튼 */
#tmaHeader .hdWrap .mnBtn { display:block; position:absolute; top:14%; right:3%;}
#tmaHeader .hdWrap .mnBtn li {width: 35px;  height: 2px;  background-color: #ffecd0;  margin:9px 0;}

/* Mobile Menu */
.mNaviWrap { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color: rgba( 0, 0, 0, 0.7 ); z-index:99999;}
.mNaviWrap:after {content:""; display:block; clear:both}
.mNaviWrap .mNavi { width:70%; height:100%; background-color:#2e2e2e}
.mNaviWrap .mNavi .mn1 { width:100%;}
.mNaviWrap .mNavi .mn1 a { display:block; width:100%; padding:14px 0; font-size:18px; text-align:center; letter-spacing:-0.03em; color:#fff; font-weight:bold}
.mNaviWrap .mNavi .mn2 { background-color:#444; width:100%; border-top:1px solid #666}
.mNaviWrap .mNavi .mn2 tr { border-bottom:1px solid #666 }
.mNaviWrap .mNavi .mn2 td { width:50%;}
.mNaviWrap .mNavi .mn2 td:nth-child(even) { border-left:1px solid #666 }
.mNaviWrap .mNavi .mn2 a {display:block; width:100%; padding:12px 0; font-size:13px; text-align:center; letter-spacing:-0.03em; color:#ccc; line-height:1.3em; font-weight:normal }
.mNaviWrap .mNavi .mLang { width:100%; text-align:center; margin-top:20px;}
.mNaviWrap .mNavi .mLang a {padding:12px 0; font-size:15px; text-align:center; letter-spacing:-0.03em; color:#ccc }
.mNaviWrap .mNavi .mLang span { color:#666; margin:0 15px; font-size:13px; vertical-align:top;}

/* close 버튼 */
.close {position: absolute;  right: 20px;  top: 15px;  width: 40px;  height: 40px; z-index:9999 }
.close:before, .close:after {  position: absolute; right:15px;  content: ' ';  height: 40px;  width: 2px;  background-color: #fff;}
.close:before {  transform: rotate(45deg);}
.close:after {  transform: rotate(-45deg);}

#tmaHeader .tmaNav { display:none}

#tmaWrap { width:100%; padding-top:17%;}
#tmaWrap:after {content:""; display:block; clear:both}


/* main_Top image */
.topImg { position:relative; width:100%; height:15%; background:url(https://img.tf.co.kr/ss/2025/tma_official/top_bg.jpg) 0 0 repeat-x;}
.topImg .tImg { position:relative; width:100%; height:100%;}
.topImg .tImg img { width:100%;}

/*
.topImg .tImg .bkGrad { position:absolute; left:0; bottom:0; width:100%;  height: 70%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:19% 0 0 2%; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7)); }
.topImg .tImg .bkGrad .imgTxt .t1 {font-size: calc(23px + 6 * ((100vw - 320px) / 680)); color:#fff; font-weight:bold; letter-spacing:-0.03em; text-shadow: 2px 2px #000; line-height:1.2em}
.topImg .tImg .bkGrad .imgTxt .t1 span {font-size: calc(13px + 6 * ((100vw - 320px) / 680)); font-weight:normal; letter-spacing:-0.03em}
.topImg .tImg .bkGrad .imgTxt .t2 {font-size: calc(13px + 6 * ((100vw - 320px) / 680)); color:#fff; letter-spacing:-0.03em; text-shadow: 2px 2px #000; line-height:1.2em}
*/

.topImg .tImg .bkGrad { position:absolute; left:0; bottom:0; width:100%;  height: 80%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:19% 0 0 2%; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7)); }
.topImg .tImg .bkGrad .imgTxt .t1 {font-size: 18px; color:#fff; font-weight:bold; letter-spacing:-0.03em; text-shadow: 2px 2px #000; line-height:1}
.topImg .tImg .bkGrad .imgTxt .t1 span {font-size: 12px; font-weight:normal; letter-spacing:-0.03em}
.topImg .tImg .bkGrad .imgTxt .t2 {font-size: 13px; color:#fff; letter-spacing:-0.03em; text-shadow: 2px 2px #000; line-height:1.2em; margin-top: 5px;}

.dotNav { position:absolute; top:2px; right:2px; background: rgba(0,0,0,0.3); border-top-left-radius:8px; border-bottom-left-radius:8px; border-top-right-radius:8px; border-bottom-right-radius:8px;  padding:5px;}
.dotNav:after {content:""; display:block; clear:both}
.dotNav li { float:left; padding:0 3px}
.dotNav li a { height:8px;  width: 8px; line-height:0.1px;  background-color: #bbb;  border-radius: 50%;  display:block;}
.dotNav li .cOn { background-color:#ffd658}

/* Contents */
.contents {width:96%; margin:0 auto}
.contents .aIntro { width:100%; padding-top:20px;}
.contents .aIntro:after {content:""; display:block; clear:both}
.contents .aIntro dt { font-size:24px; font-weight:bold; padding-bottom:10px; letter-spacing:-0.03em;}
.contents .aIntro dt span { color:#999; font-weight:normal}
.contents .aIntro dd { float:left; }
.contents .aIntro .intImg { width:100%;}
.contents .aIntro .intImg img { width:100%;}
.contents .aIntro .intTxt {width:100%; font-size:16px; padding-top:15px;}
.contents .aIntro .intTxt span { font-weight:bold; font-size:22px; letter-spacing:-0.03em;}

/* 행사 영상 */
.eVideo { position: relative; height:0; padding-bottom: 42.2%; margin-top: 30px;}
.eVideo iframe {position: absolute; width:100%; height:100%;}

/* 2025 TMA Social Button */
.scBtn { width: 100%; margin-top: 30px;}
.scBtn:after {content:""; display:block; clear:both}
.scBtn li { float: left; width: 48%; margin-left:2%; padding-bottom: 10px;}
.scBtn li:nth-child(1) { margin-left: 0;}
.scBtn li:nth-child(3) { margin-left: 0;}
.scBtn li button { width: 100%; height: 60px; border: 2px solid #e0e0e0; background-color: #fff; border-radius: 40px; cursor: pointer}
.scBtn li button img { width: 80%}

/* main_Banner */
.mBanner { position:relative; width:100%; margin:30px 0 30px 0}
.mBanner img { width:100%}

/* ~~ 250812 메인 하단 팬앤스타 실시간 투표현황 전체 수정 ~~*/
.rtVote { 
  width:100%; background:#f4f4f4; padding:30px 0
}
.rtVote dl {
  width:94%; margin:0 auto;
}
.rtVote dl dt {
  font-size:24px; font-weight:bold; letter-spacing:-0.05em;
}
/*실시간 투표 현황 화살표 css 처리*/
.rtVote dl dt:after { 
  content: ""; display: inline-block; width: 9px; height: 9px; border-top: 2px solid #999999; border-right: 2px solid #999999; transform: rotate(45deg) translate(-4px); transition: all 0.3s ease; margin-left:10px
}
.rtVote dl .vtPe { 
  width:100%; margin-top:20px;background:#fff; padding:20px 15px 5px; border-radius:10px;box-shadow: 1px 2px 5px #dadada;
}
.rtVote dl .vtPe span { 
  display: inline-block; width:auto; background:#002a78; border-radius:0 10px 0 10px; color:#fff; font-size:17px; font-weight:600; padding:4px 10px; text-align: left;
}
.rtVote dl .vtPe p {
	color:#232323; display: block; font-size:16px; margin:5px 0 20px; word-break: keep-all;
}
.rtVote dl .rkWrap { 
  width:100%;
}
.rtVote .mvRank{
  width:100%; margin:40px auto; display:flex; flex-wrap: wrap; gap:15px
}
.rtVote .mvRank .mRkOne{
flex: 0 0 47%;
}
.rtVote .mvRank .mRkOne ul { 
  margin:0 auto
}
.rtVote .mvRank .rTitle { 
  position:relative; width:92%; display:block; margin:0 auto;
}
.rtVote .mvRank .rTitle img { 
  display:block; width:100%;
}
.rtVote .mvRank .rkThumb{ 
  position:relative; 
}
.rtVote .mvRank .rkThumb .rk1 { 
  position:absolute; display:block; top:0; left:4px; width:36px;z-index: 88; transform: rotate(-8deg);
}
.rtVote .mvRank .rkThumb .rk1 img {
 width:100%;
}
.rtVote .mvRank .rkThumb { 
  position:relative;
}
.rtVote .mvRank .rkThumb .rkImg{
  position:relative; display:block; width:100%; aspect-ratio: 1 / 1; border-radius:50%; overflow:hidden; margin:15px auto 8px; border:1px solid #d09130; padding:0; box-sizing:border-box;
}
/* 텍스트 중앙 */
.rtVote .mvRank .rkThumb .rkImg .rkTxt{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center; text-align:center; line-height:1.3; word-break:keep-all; color:#d09130; font-weight:700; z-index:1;
}
/* 이미지 꽉차겡 */
.rtVote .mvRank .rkThumb .rkImg > img{
  position:absolute; inset:0; width:100%; height:100%; object-fit: cover; display:block;
}
/* aspect-ratio 미지원 브라우저 대비 */
@supports not (aspect-ratio: 1 / 1){
.rtVote .mvRank .rkThumb .rkImg{ 
  position:relative; 
}
.rtVote .mvRank .rkThumb .rkImg::before{
  content:""; display:block; padding-top:100%;
}
.rtVote .mvRank .rkThumb .rkImg > img,
.rtVote .mvRank .rkThumb .rkImg .rkTxt{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
}
.rtVote .mvRank .rkThumb .rkImg > img{ object-fit:cover; }
}
.rtVote .mvRank .artist { 
  font-size:16px; font-weight:bold; letter-spacing:-0.03em; color:#222; width:100%; text-align:center;
}
.rtVote .mvRank .wee {
  font-size:14px;
}
.rtVote .vtMore {
  width:94%; margin:0 auto; text-align: center;
}
.rtVote .vtMore button { 
  width:100%; border-radius:30px; background:#dca951; border:none; text-align:center; color:#fff; font-size:19px; font-weight:600; cursor:pointer; padding:12px 5px
}
/*자세히 보기 화살표 css 처리*/
.rtVote .vtMore button:after { 
  content: ""; display: inline-block; width: 8px; height: 8px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; transform: rotate(45deg) translate(-1px); transition: all 0.3s ease; margin-left:3px
}


/* main_Host & sponsor */
.sponsor { width:96%; margin:0 auto; padding:30px 0 0 0}
.sponsor .title {font-size:24px; font-weight:bold; letter-spacing:-0.03em; padding-bottom:25px;}
.sponsor img { width:100%;}

/* Footer */
#tmaFooter { width:100%; height:110px; background-color:#333; margin-top:30px; }
#tmaFooter .fWrap { position:relative; width:100%; text-align:center; padding-top:20px;}
#tmaFooter .fWrap .ftLogo { margin-bottom:5px;}
#tmaFooter .fWrap .ftLogo img { width:80%;}
#tmaFooter .fWrap .ftLogo2 { width:86%; margin:0 auto; padding-left:3%}
#tmaFooter .fWrap .ftLogo2:after {content:""; display:block; clear:both}
#tmaFooter .fWrap .ftLogo2 li { float:left; width:23%; padding-left:3%;}
#tmaFooter .fWrap .ftLogo2 li img { width:100%; vertical-align:middle;}
#tmaFooter .fWrap .ftLogo2 .copyright { width:40%; color:#858585; letter-spacing:-0.03em; font-size:14px; padding-left:0; text-align:right; vertical-align:middle;}

/* Sub Page */
.subTitle {
	position: relative; width:100%; margin:20px auto;border:none}
.subTitle .sTitle {
	font-size:16px; color:#888; letter-spacing:-0.03em;  padding-bottom:15px; border-bottom:1px solid #404b8f; }
.subTitle .sTitle span {
	font-size:26px; letter-spacing:-0.05em; font-weight:bold; display:block; color:#222; padding-bottom:4px;}
.tab_container {
	margin-top: 15px;}
.tab_container .tabs {
	display: flex; flex-wrap: nowrap; gap: 8px; overflow-x: auto; scrollbar-width: none; }
.tab_container .tabs::-webkit-scrollbar {
	display: none; /* Chrome, Safari */}
.tab_container .tab {
	white-space: nowrap; padding: 13px 15px; background: #ffffff; border: 2px solid #aeaeae; border-radius:8px; cursor: pointer; flex-shrink: 0; transition: backgrounds 0.3s; font-size:16px; color:#aeaeae; font-weight: bold;}
.tab_container .tabs .tOn{
	color:#404b8f; border:2px solid #404b8f}

/* Intro */
.intro { width:100%; margin-top:30px;}
.intro .inImg { width:100%;}
.intro .inImg img { width:100%;}
.intro .inTxt { padding-top:20px; font-size:20px; color:#5e5e5e; letter-spacing:-0.03em;  line-height:1.5em}
.intro .inTxt .txt1 { font-size:30px; font-weight:bold; color:#333;}
.intro .inTxt .txt2 {font-size:26px;}
.info { font-size:17px; color:#5e5e5e; letter-spacing:-0.03em; margin-top:40px; line-height:1.7em}
.info .txt1 { display:block; font-size:24px; font-weight:bold; color:#333;}
.info .txt2 { display:block; font-size:20px; font-weight:bold; color:#333;}
.map { margin-top:40px; border:1px solid #ddd; width:100%; height:300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.intro .inCont { width:100%; margin:20px 0 0 0; overflow:hidden;}
.intro .inCont img { width:108%; margin-left:-4%}
.intro .inBus { width:96%; margin:0 auto; padding-bottom:20px;}
.intro .inBus:after {content:""; display:block; clear:both}
.intro .inBus table { width:100%;}
.intro .inBus table th { width:20%; background-color:#e9eaf3; height:40px; border-left:1px solid #ddd; text-align:center;}
.intro .inBus table tr { border-bottom:1px solid #ddd; }
.intro .inBus table td { text-align:center; border-left:1px solid #ddd; padding:1.4%; word-break:break-all;}
.intro .inBus .noLine {border-left:none;}

/* Line Up */
.lineList { width:100%; margin-top:30px;}
.lineList:after {content:""; display:block; clear:both}
.lineList dt {font-size:18px; font-weight:bold; color:#333; padding-bottom:15px;}
.lineList dd { float:left; width:49%; margin-right:2%; margin-bottom:20px;}
.lineList dd:nth-child(odd) { margin-right:0;}
.lineList .tImg { width:100%; display:block; border:1px solid #ddd; margin-bottom:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden;}
.lineList .tImg img { width:100%; vertical-align: top;}
.lineList .tTxt { display:block; width:100%; text-align:center; font-size:16px; letter-spacing:-0.03em; line-height:1.2em}
.lineList .l2Txt { width:100%; clear:both; text-align:center; font-size:18px;}
.l2 { margin-top:20px; border-top:1px solid #ddd; padding-top:20px;}

/* 201112 Ticket */
.tkImg { width:100%; margin-top:80px;}
.tkImg img { width:100%;}
.ticket { width:100%; padding-bottom:30px; margin-top:30px;}
.ticket dt {font-size:22px; font-weight:bold; color:#333; padding-top:10px; padding-bottom:15px; line-height:1.2em; letter-spacing:-0.03em}
.ticket dd { padding-bottom:10px; font-size:18px; color:#5e5e5e; letter-spacing:-0.03em; line-height:1.5em}
.ticket .eNum { display:inline-block; background-color:#ffd491; width:24px; height:24px; color:#fff; border-radius:12px; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:20px;}
.ticket .tButton { text-align:center; padding-top:5px;}
.ticket .tButton button { width:90%; border:none; border-radius:25px; height:50px; background-color:#ffbe57; color:#fff; font-size:18px; font-weight:bold; letter-spacing:-0.03em; cursor:pointer}

/* Vote */
.noVote { width:100%; padding:35% 0 10% 0; text-align:center; font-size:18px; color:#888;}
.vote { width:100%; margin:0 auto;}
.vote .inTxt {width:100%; padding-top:40px; font-size:20px; color:#5e5e5e; letter-spacing:-0.05em; line-height:1.7em; text-align:center;}
.vote .txt1 { display:block; font-size:32px; font-weight:bold; color:#333; padding-bottom:10px; text-align:center; letter-spacing:-0.08em}
.vote .txt2 { width:100%; font-size:18px; margin:10px auto 0 auto}
.vote .txt3 { width:100%; font-size:18px; margin:10px auto 20px auto}
.vote .txt4 {font-size:18px; font-weight:bold; text-align:center; padding-top:20px}
.vote2 { width:100%; margin-top:10px ;}
.vote2 li {font-size:15px; padding-bottom:5px;}
.appDown { width:100%; margin-top:20px}
.appDown img { width:100%;}
.noVote span {display:block; font-size:16px; color:#5e5e5e; line-height:180%; padding-top:10px}

/* 2025 실시간 투표 */
/* ~~ 250812 투표현황 탭 전체 수정 ~~*/
.vtDate { 
  margin:30px auto 0; width:100%; background-color:#ededed;  border-radius:10px; color:#333; font-size:14px; text-align:center; padding: 25px 15px 5px;}
.vtDate span { 
  display: inline-block; width:auto; background:#002a78; border-radius:0 10px 0 10px; color:#fff; font-size:17px; font-weight:600; padding:4px 10px; text-align: left;
}
.vtDate p {
	color:#232323; display: block; font-size:16px; margin:5px 0 20px; word-break: keep-all;
}
.vtTitle { 
  font-size:16px; color:#888; margin-top:30px;
}
.vtTitle strong {
  display: block;
}
.vtTitle span { 
  display:block; font-size:26px; font-weight:bold; letter-spacing:-0.03em; color:#222; padding-bottom:5px;
}
.vtTab {
  width:100%; background-color:#ededed; border-radius:8px 8px 0 0;  margin-top:20px; border-collapse: collapse; table-layout: fixed;
}
.vtTab td { 
  width:33.3333%; text-align:center; word-break: keep-all; padding:0
}
.vtTab td a { 
  display:block; width:100%; color: #888;  font-size: 14px; line-height:1.2em; letter-spacing:-0.03em; padding:12px 7px; text-align:center; white-space: normal; overflow-wrap: anywhere; word-break: break-word; box-sizing: border-box;
}
.vtTab td .tOn {
   display:block; width:100%; background:#002a78; border-radius:8px 8px 0 0; font-weight:700; color:#fff;
}
.vtTab td:has(.tOn){
  background:#002a78; border-radius:8px 8px 0 0;
}
.vtTab td .tOn{
  background:transparent;
  font-weight:700; color:#fff;
}
/*TMA 인기상 8/20 이후 반영 / 투표 기간이 아닙니다. 페이지*/
.vtTxt {
  width:100%; text-align: center; margin: 30px auto 100px
}
.vtTxt h3 {
  font-size:19px; margin:5px auto
}

.vtRank { clear:both; width:100%}
.vtRank tr { border-bottom: 1px solid #ddd;}
.vtRank .rw1 { width:8%}
.vtRank .rw2 { width:14%; padding:20px 0 20px 0; text-align:center}
.vtRank .rw3 { width:46%;}
.vtRank .artist { font-size:20px; font-weight:bold; letter-spacing:-0.03em; color:#222}
.vtRank .up { color:#ff629d; font-weight:bold; font-size:15px;}
.vtRank .down { color:#69a6f8; font-weight:bold; font-size:15px;}
.vtRank .pBar { width:100%; height:10px; background-color:#dfdfdf; border-radius:5px; margin:4px 0 6px 0; overflow:hidden;}
.vtRank .pBar span { display:block; background-color:#6a7ce4; height:10px;}
.vtRank .score { font-size:18px; color:#999; font-weight:bold; letter-spacing:-0.03em}
.vtRank .score span { color:#5c85ed}
.vtRank .rw4 { width:12%; text-align:center; letter-spacing:-0.03em;}
.vtRank .rw4 span {font-size:18px; font-weight:bold; color:#222;}
.vtRank .rank { display:block; width:38px; height:30px; color:#fff; border-radius:19px; text-align:center; font-size:18px; font-weight: bold; letter-spacing:-0.05em; padding-top:8px;}
.vtRank .rk1 {background-color:#2316cf;}
.vtRank .rk2 {background-color:#6259db;}
.vtRank .rk3 {background-color:#8179ed;}
.vtRank .rkN {background-color:#aeaae4;}
.vtRank .rkImg { display:block; width:80px; height:80px; border-radius:40px; overflow:hidden;}
.vtRank .rkImg img { width:100%;}
.vtRank .wee { font-size:15px;}

/* Vote judge */
.jTxtBox { margin-top:80px;}
.jTxtBox .jt1 { font-size:22px; font-weight:bold; letter-spacing:-0.03em; color:#222; padding-bottom:10px}
.jTxtBox .jt2 { font-size:18px; letter-spacing:-0.03em; color:#5e5e5e; line-height:1.5em; padding-bottom:20px;}
.jTxtBox .jt3 { font-size:16px; letter-spacing:-0.03em; color:#888; margin-top:10px; margin-bottom:20px; line-height:1.5em}
.jdTable tr {border-bottom: 1px solid #ddd;}
.jdTable td { text-align:center; height:64px; font-size:15px; letter-spacing:-0.05em; color:#5e5e5e}
.jdTable tr td:first-child { font-weight:bold}
.jdTable .tbTit { background-color:#ededed; height:54px; border:none}
.jdTable .tbTit th { font-size:15px; color:#333; width:25%; letter-spacing:-0.05em}
.jdTable .tbTit th:first-child { border-top-left-radius:10px; border-bottom-left-radius:10px;}
.jdTable .tbTit th:last-child { border-top-right-radius:10px; border-bottom-right-radius:10px;}
.jdTxt {display:block; font-size:20px; font-weight:bold; letter-spacing:-0.03em; color:#222; padding:10px 0 ;}
.jdTxt2 { font-size:15px; letter-spacing:-0.03em; padding:10px 0 30px 0}
.jdMg {margin-top:80px}

/* Notice */
.notiWrap { width:100%; margin-top:10px}
.notiWrap:after {content:""; display:block; clear:both}
.notiWrap .notiRow { clear:both; width:100%; border-bottom:1px solid #ddd;}
.notiWrap .notiRow:after {content:""; display:block; clear:both}
.notiWrap .notiRow ul {cursor:pointer;}
.notiWrap .notiRow ul:after {content:""; display:block; clear:both}
.notiWrap .notiRow ul li{ float:left; line-height:100%;  padding:18px 0 18px 0; letter-spacing:-0.03em}
.notiWrap .notiRow ul .num { width:6%; font-size:18px; color:#888; text-align:center; }
.notiWrap .notiRow ul .nTitle { width:70%; font-size:20px; text-align:left; font-weight:bold; line-height:1.2em}
.notiWrap .notiRow ul .nDate { float:right; width:24%; font-size:14px; color:#888; text-align:right;}
.notiWrap .notiRow .nInner { clear:both; width:100%; padding:20px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top:1px solid #ddd; font-size:18px; line-height:1.4em}

/* Page Navigation */
.tmaPage { width:100%; text-align:center; margin:0 auto; padding-top:20px;}
.tmaPage:after {content:""; display:block; clear:both}
.tmaPage a { display:inline-block; font-size:22px; color:#999; padding:2px 12px 2px 12px; line-height:1.4em}
.tmaPage a:hover {color:#404b8f}
.tmaPage .select { border:1px solid #404b8f; border-radius:4px; color:#404b8f}

/* Contents */
.tmbList { width:100%; margin-top:30px;}
.tmbList:after {content:""; display:block; clear:both}
.tmbList li { float:left; width:49%; margin-right:2%; margin-bottom:15px;}
.tmbList li:nth-child(even) { margin-right:0;}
.tmbList .tImg { width:100%; display:block; height:120px; border:1px solid #ddd; margin-bottom:4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden}
.tmbList .tImg img { width:100%;}
.tmbList .tTxt { width:100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */	-webkit-box-orient: vertical; word-wrap:break-word;}
.tmbList .tTxt a { font-size:16px; letter-spacing:-0.05em; line-height:1.2em}

/* Contents Popup */
.conPopup { position:absolute; top:0; left:0; width:100%; height:100%; z-index:99999}
.conPopup .popMedia {position:absolute; width:96%; top:80px; left:2%;  border:1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.conPopup .popMedia img { width:100%;}
.conPopup .popClose { position:absolute; top:40px; right:2%; width:40px; height:40px;}
.conPopup .popClose img { width:100%;}
.conPopup .popBg { width:100%; height:100%; background: rgba(0,0,0,0.7);}

/* 메인 팝업 */
.tma_pop_Wrap { position: absolute; width: 90%;  top: 70px; margin-left: 5%; z-index: 99999; }
.tma_pop_Wrap img { width:100%;}


/*190527 수상자 추가*/
.intro img{width:100%; vertical-align:bottom}
.subTitle .subTab li .W_r{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; letter-spacing:-1px}
/*190121 가이드, add, 글쓰기, top 버튼 추가*/
.guide_wrap{width: 100%; margin: 0 auto;}
.guide_wrap img{vertical-align:bottom; width:100%; }
.guide_btn {position: relative;z-index: 1000;}
.guide_btn ul {position: fixed;right:4%;bottom:3%;margin-left: 45%;}
.guide_btn ul li {width:55px;margin-bottom: 10px;}
/*190527수상영상 팝업*/
.aws_play_wrap{position:relative}
.aws_play_wrap .aws_play_pop {position: fixed;width: 90%; height:250px; background: #fff;z-index: 2000;border-radius: 4px;box-sizing:border-box; padding:10px 10px 40px;
top:170px; left:50%; margin-left:-45%;}
.aws_play_wrap .aws_play_pop a span{position:absolute; right:0; top:-46px}
.aws_play_wrap .aws_play_pop a span img{width:40px}
/* 레이어 BG */
.layerBg {position: absolute; width:100%; height:100%; top:0; left:0; background:rgb(0,0,0); opacity:0.6; z-index:1000;}
.layerBg{position:fixed}

/* 콘텐츠 년도 탭 */
.year { margin-top:80px; border:2px solid #e0e0e0; width:100%; padding:0 0 0 20px; border-radius:8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.year:after {content:""; display:block; clear:both}
.year li { float:left;}
.year li a { display:block; font-size:20px; letter-spacing:-0.03em; color:#aeaeae; padding:12px 20px 12px 0; line-height:1.2em}
.year li .yOn { color:#333; font-weight:bold; line-height:1.2em}

/*210917 css추가*/
.vtop{vertical-align: top}
.w100{width:100%}

/*2022 관람방법 추가*/
.vmTitle1 { margin-top: 100px; display: inline-block; padding: 2px 5px 4px 5px; border-radius: 8px; background-color: #000; color: #fff; font-size:22px; font-weight:bold; letter-spacing:-0.03em}
.vmTitle2 { margin-top: 50px; display: inline-block; padding: 2px 5px 4px 5px; border-radius: 8px; background-color: #000; color: #fff; font-size:22px; font-weight:bold; letter-spacing:-0.03em}

/* 2024 관람 방법 */	
.onOffTab { width: 100%; padding: 20px 0; margin-top: 60px; }
.onOffTab:after {content:""; display:block; clear:both}	
/*.onOffTab .ofWrap { width: 80%; margin: 0 auto; text-align: center}
.onOffTab span { display: inline-block; width: 48%; }
.onOffTab span a { display: inline-block;  border:2px solid #aeaeae; width:100%; height:50px; text-align:center; font-size:18px; font-weight:bold; letter-spacing:-0.03em; color:#aeaeae; padding-top:10px; border-radius:8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height:1.3em}
.onOffTab span .tOn { background-color:#404b8f; color:#fff; border-color:#404b8f }*/
.onOffTab .ofWrap { margin: 0 auto; text-align: center; width: 100%;}
.onOffTab .ofWrap li { display: inline-block; width: 49%; }
.onOffTab .ofWrap li a { display: inline-block;  border:2px solid #aeaeae; width:100%; height:50px; text-align:center; font-size:18px; font-weight:bold; letter-spacing:-0.03em; color:#aeaeae; padding-top:10px; border-radius:8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height:1.3em}
.onOffTab .ofWrap li .tOn { background-color:#404b8f; color:#fff; border-color:#404b8f }
.vmWrap { width: 100%; background-color: #f1f2f8; font-size: 16px; line-height: 1.8em; padding:10px 0 30px 0;}
.vmWrap:after {content:""; display:block; clear:both}
.vmWrap .tkTop { display: block; width: 96%; margin: 0 auto 30px auto; background-color: #fff; padding: 40px 0 30px 0;}
.vmWrap .tkTop:after {content:""; display:block; clear:both}
.vmWrap .tkTop .tkTit { font-size: 32px; font-weight: bold; width: 100%; text-align: center; margin-bottom: 30px;}
.vmWrap .tkTop .tkTit img { vertical-align: middle; margin-right: 5px; width: 40px; margin-top: -10px;}
.vmWrap .tkTop .tkTxt { display: block; width: 92%; margin: 0 auto; padding-bottom: 20px; font-size: 20px;}
.vmWrap .tkTop .tkTxt:after {content:""; display:block; clear:both}
.vmWrap .tkTop .tkTxt .tt { background-color: #f1f2f8; font-size: 20px; font-weight: bold; padding: 4px 10px; border-left: 4px solid #9dc3e4; margin-right: 10px;}
.vmWrap .tkTop .tkTxt .txt { display: block; padding-top: 4px;}
.vmWrap .tkTop .tkTxt li {float: left}
.vmWrap .tkTop button { display: block; width: 90%; height: 78px; background: no-repeat 5px url("https://img.tf.co.kr/ss/2024/tma_official/jp_tk_icon.png") #2778be; border: none; margin: 0 auto; padding-left: 20px; font-size: 28px; color: #fff; font-weight:bold; border-radius: 8px; cursor:pointer}
.vmWrap .vmBotTxt {display: block; width: 100%; margin: 0 auto; padding: 4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.vmWrap .vmBotTxt .title { font-size: 20px; font-weight: bold; display: block; padding-bottom: 5px;}
.vmWrap .tkArea { width: 92%; margin: 30px auto 0 auto;}
.vmWrap .tkArea dt {font-size: 22px; font-weight: bold}
.vmWrap .tkArea:after {content:""; display:block; clear:both}
.vmWrap .tkArea .tkBox { float: none; background-color: #f1f2f8; font-size: 22px; padding: 10px 10px 10px 14px; width: 94%; margin-top: 10px; letter-spacing: -0.03em}
.vmWrap .tkArea .ar_vvip {border-left: 4px solid #ffc5c5;}
.vmWrap .tkArea .ar_vip {border-left: 4px solid #ffe6c5;}
.vmWrap .tkArea .ar_r {border-left: 4px solid #e1edcc;}
.vmWrap .tkArea .tkBox .tkT { font-size: 24px; font-weight: bold;}
.vmWrap .tkArea .tkBox .tkS { display: inline-block; font-size: 16px; line-height: 1.5;}
.vmWrap .tBotxt {width: 92%; margin: 20px auto 0 auto;}

/* 2024 온라인 관람방법 */
.vmTImg { margin-top:80px;}
.vmTImg img { width:100%;}
.vMethod .vmBox { width:94%; border-radius:20px; margin-top:30px; padding:2%;}
.vMethod .vmBox:after {content:""; display:block; clear:both}
.vMethod .bgB { background-color:#eff0f7}
.vMethod .bgR { background-color:#f7f0ef}
.vMethod .vmBox dt { font-size:28px; background-color:#fff; width:100%; border-top-left-radius:15px; border-top-right-radius:15px; text-align:center; font-weight:bold; padding:15px 0;}
.vMethod .vmBox dt .txt1 { font-size: 18px; font-weight: normal; color: #666}
.vMethod .vmBox .txt2 { padding:20px 2% 0 2%; font-size:24px; color:#333; line-height:2em}
.vMethod .vmBox .vmBtnWrap { text-align:center; padding-top:20px; }
.vMethod .vmBox .vmBtnWrap .vmTxt {font-size:22px; font-weight:bold; color:#333; display:inline-block; padding-bottom:15px;}
.vMethod .vmBox .vmBtnWrap .vmBtn { display:inline-block; width:70%; padding-bottom: 20px}
.vMethod .vmBox .vmBtnWrap .vmBtn img { width:100%;}
.vMethod .vmBox .vmBottom { padding:10px 2% 10px 2%; font-size:16px; color:#666; line-height:2em}


/*250722 오프라인 관람방법*/
.v_top{vertical-align: top;}
.w_100{width:100%}
.ticket_container{
	display:flex;flex-direction: column;width:100%; text-align:center; padding:30px 0 0; background:#001a47; box-sizing: border-box;}
.ticket_container h2{
	margin-bottom:20px}
.ticket_container .tabs{
	box-sizing:border-box}
.ticket_container .tab{
	cursor: pointer;padding:10px 20px;background:#fff;display:inline-block;color:#434343;box-sizing:border-box;border:2px solid #000000; width:auto;
  margin:0 2% 10px 0; border-radius:50px; letter-spacing:-0.05em; font-size:17px;}
.ticket_container .panels{
	background:#001a47;min-height:200px;width:100%;border-radius:3px;overflow:hidden;}
.ticket_container .panels img{
	width:100%; vertical-align:top}
.ticket_container .panel{
	display:none;animation: fadein .8s;}
@keyframes fadein {
from {opacity:0;}
to {opacity:1;}}
.ticket_container .radio{display:none;}
#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel {
	display:block}
#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab {
	background:#e6cc87;color:#001a47;font-weight:600}


/* Tablet Device */
/*@media all and (min-width:768px) and (max-width:1024px) {
} */

/* Desktop Device */
@media all and (min-width:768px) {

/* Header */
#tmaHeader { position:fixed; width:100%; height:100px;  background:url(https://img.tf.co.kr/ss/2025/tma_official/header_bg1.jpg) 0 0 repeat-x; z-index:999}
#tmaHeader:after {content:""; display:block; clear:both}
#tmaHeader .hdWrap { position:relative; width:1080px; margin:0 auto; background:none; padding:0;}
#tmaHeader .hdWrap h1 { position:absolute; top:0; left:0; width:280px; z-index:9999;}
#tmaHeader .hdWrap h1 img { display:block;}
#tmaHeader .hdWrap .tLang { display:block; position:absolute; top:12px; right:5px; font-family:dotum, Verdana, Geneva, sans-serif; font-size:12px; color:#757575;}
#tmaHeader .hdWrap .tLang span { font-size:11px}


/* 디데이 */
#tmaHeader .dday { position:absolute; top:48px; left:50%; margin-left:-264px; text-align:center; color:#fff; display:block; font-size:26px; font-weight:bold; background-color:#2d1681; padding:4px 6px; border-radius:4px; line-height:1em;}

/* 모바일 메뉴 */
#tmaHeader .hdWrap .mnBtn { display:none}
.mNaviWrap { display:none}

/* Navigation */
#tmaHeader .tmaNav { position:absolute; width:100%; bottom:60px; background:none; display:block;}
#tmaHeader .tmaNav .depth1 { position:absolute; top:0; left:50%; margin-left:-80px; width:auto; z-index:9999}
#tmaHeader .tmaNav .depth1:after {content:""; display:block; clear:both}
#tmaHeader .tmaNav .depth1 .m1 { float:left; width:auto; margin-right:48px;}
#tmaHeader .tmaNav .depth1 .m1:last-child { margin-right:0;}
#tmaHeader .tmaNav .depth1 .m1 .d1 { display:block; width:100%; height:60px; padding:15px 0 0 0; font-size:18px; font-weight:bold; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height:1.2em}
#tmaHeader .tmaNav .depth1 .depth2 { display:none; width:100%; }
#tmaHeader .tmaNav .depth1 .depth2 li { clear:both; width:100%;}
#tmaHeader .tmaNav .depth1 .depth2 a { display:block; width:100%; text-align:center; font-size:14px; padding:12px 0 0 0; font-weight:normal; color:#fff;}
#tmaHeader .tmaNav:hover .depth2 { display:block;}
#tmaHeader .tmaNav:hover .d2MenuBg { display:block; width:100%; position:absolute; top:60px; left:0; height:220px; background: rgba(7,5,30,0.7);}

/* Contents */
#tmaWrap { width:100%; padding-top:100px;}
#tmaWrap:after {content:""; display:block; clear:both}
.topImg { position:relative; width:100%; height:500px; background:url(https://img.tf.co.kr/ss/2025/tma_official/top_bg.jpg) 0 0 repeat-x;}
.topImg .tImg { position:relative; width:1080px; height:500px; margin:0 auto;}

/*
.topImg .tImg .bkGrad { position:absolute; left:0; bottom:0; width:100%;  height: 300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:180px 0 0 20px; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7)); } 
.topImg .tImg .bkGrad .imgTxt .t1 {font-size:46px; color:#fff; font-weight:bold; letter-spacing:-0.02em; text-shadow: 2px 2px #000; line-height:1.2em}
.topImg .tImg .bkGrad .imgTxt .t1 span {font-size:30px;}
.topImg .tImg .bkGrad .imgTxt .t2 {font-size:30px; color:#fff; letter-spacing:-0.05em; text-shadow: 2px 2px #000; line-height:1.2em}
*/

.topImg .tImg .bkGrad { position:absolute; left:0; bottom:0; width:100%;  height: 300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:180px 0 0 20px; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7)); }
.topImg .tImg .bkGrad .imgTxt .t1 {font-size:40px; color:#fff; font-weight:bold; letter-spacing:-0.02em; text-shadow: 2px 2px #000; line-height:1.2em}
.topImg .tImg .bkGrad .imgTxt .t1 span {font-size:24px;}
.topImg .tImg .bkGrad .imgTxt .t2 {font-size:26px; color:#fff; letter-spacing:-0.03em; text-shadow: 2px 2px #000; line-height:1.2em}
	
.dotNav { position:absolute; top:10px; right:10px; background: rgba(0,0,0,0.3); border-top-left-radius:8px; border-bottom-left-radius:8px; border-top-right-radius:8px; border-bottom-right-radius:8px;  padding:5px;}
.dotNav:after {content:""; display:block; clear:both}
.dotNav li { float:left; padding:0 3px}
.dotNav li a { height:8px;  width: 8px; line-height:0.1px;  background-color: #bbb;  border-radius: 50%;  display:block;}
.dotNav li .cOn { background-color:#ffd658}

.contents {width:1080px; margin:0 auto;}
.contents .aIntro { width:100%; padding-top:40px;}
.contents .aIntro:after {content:""; display:block; clear:both}
.contents .aIntro dt { font-size:26px; font-weight:bold; padding-bottom:25px; letter-spacing:-0.03em;}
.contents .aIntro dt span { color:#999; font-weight:normal}
.contents .aIntro dd { float:left; }
.contents .aIntro .intImg { width:580px;}
.contents .aIntro .intTxt { width:480px; font-size:18px; padding-left:20px; padding-top:0}
.contents .aIntro .intTxt span { font-weight:bold; font-size:26px;}
	
/* 2025 TMA Social Button */
.scBtn { width: 100%; margin-top: 40px;}
.scBtn:after {content:""; display:block; clear:both}
.scBtn li { float: left; width: 24%; margin-left:1.25%;}
.scBtn li:nth-child(1) { margin-left: 0;}
.scBtn li:nth-child(3) { margin-left: 1.25%;}
.scBtn li button { width: 100%; height: 72px; border: 2px solid #e0e0e0; background-color: #fff; border-radius: 40px; cursor: pointer}

/* main_Banner */
.mBanner { position:relative; width:1080px; margin:80px auto 40px auto}

/* ~~ 250812 메인 하단 팬앤스타 실시간 투표현황 전체 수정 ~~*/
.rtVote { 
  width:100%; background-color:#f4f4f4; padding:60px 0 100px
}
.rtVote dl { 
  width:1080px; margin:0 auto;
}
.rtVote dl dt {
  font-size:26px;
}
.rtVote dl dt span { 
  color:#999; font-weight:normal
}
.rtVote dl .vtPe { 
  width:100%; text-align:center; padding: 30px 15px 10px;
}
.rtVote dl .vtPe p {
  font-size:19px; margin: 15px 0 20px;
}
.rtVote dl .vtPe span {
  font-size:22px
}
.rtVote dl .vtPe span p { 
  color:#e98e1f; display: inline
}
.rtVote dl .rkWrap { 
  width:100%;
}
.rtVote .mvRank {
  width:100%; margin-top:50px; flex-wrap: nowrap; gap:0
}
.rtVote .mvRank .mRkOne {
  flex: 0 0 33%;
}
.rtVote .mvRank .mRkOne ul {
  margin:0 auto
}
.rtVote .mvRank .rTitle {
  position:relative; width:210px; display:block; margin:0 auto;
}
.rtVote .mvRank .rkThumb {
  position:relative; margin:40px auto 20px; width:75%;
}
.rtVote .mvRank .rkThumb .rk1 { 
  position:absolute; display:block; left: 19px; width:48px;
}
.rtVote .mvRank .rkThumb .rk1 img { 
  width:100%;
}
.rtVote .mvRank .rkThumb .rkImg .rkTxt {
  font-size:17px
}
.rtVote .mvRank .artist { 
  font-size:25px;
}
.rtVote .mvRank .wee { 
  font-size:20px;
}
.rtVote .vtMore { 
  width:100%; text-align:center; margin-top:70px
}
.rtVote .vtMore button { 
  width:40%; font-size:25px; padding:20px 5px; border-radius: 50px;
}
.rtVote .vtMore button:after {
  width:10px; height: 10px; transform: rotate(45deg) translate(-4px); margin-left: 7px;
}


/* main_Host & sponsor */
.sponsor { width:1080px; margin:0 auto; padding:50px 0 0 0}
.sponsor .title {font-size:26px; font-weight:bold; letter-spacing:-0.03em; padding-bottom:25px;}
.sponsor img { width:auto;}

/* Footer */
#tmaFooter { width:100%; height:110px; background-color:#333; margin-top:80px; }
#tmaFooter .fWrap { position:relative; width:1080px; margin:0 auto;}
#tmaFooter .fWrap .ftLogo { position:absolute; top:30px;}
#tmaFooter .fWrap .ftLogo img { width:auto;}
#tmaFooter .fWrap .ftLogo2 { position:absolute; top:30px; right:0; width:auto; padding-left:0;}
#tmaFooter .fWrap .ftLogo2:after {content:""; display:block; clear:both}
#tmaFooter .fWrap .ftLogo2 li { float:left; color:#858585; margin-left:28px; padding-left:0;}
#tmaFooter .fWrap .ftLogo2 li img { width:auto;}
#tmaFooter .fWrap .ftLogo2 .copyright { width:auto; color:#858585; letter-spacing:-0.03em; font-size:16px; vertical-align:middle;}


/* Intro */
.intro { margin-top:40px;}
.intro .inTxt { padding-top:40px; font-size:20px; color:#5e5e5e; letter-spacing:-0.03em}
.intro .inTxt .txt1 { font-size:40px; font-weight:bold; color:#333;}
.intro .inTxt .txt2 {font-size:32px;}
.info { font-size:19px; color:#5e5e5e; letter-spacing:-0.03em; margin-top:40px; line-height:1.8em}
.info .txt1 { display:block; font-size:30px; font-weight:bold; color:#333;}
.info .txt2 { display:block; font-size:20px; font-weight:bold; color:#333;}
.map { margin:80px auto 0 auto; border:1px solid #ddd; width:100%; height:300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.intro .inBus { width:900px; margin:0 auto; padding-bottom:20px;}
.intro .inBus:after {content:""; display:block; clear:both}
.intro .inCont { width:100%; margin:40px 0 0 0; overflow:hidden;}
.intro .inCont img { width:100%; margin-left:0}


/* Sub Page */
.subTitle {
	display: flex; justify-content: space-between; align-items:center; width:100%; margin:50px auto 20px;  border-bottom:1px solid #404b8f; padding-bottom:15px}
.subTitle .sTitle {
	border:none; padding:0;
}
.subTitle .sTitle span {
	font-size:32px ; }
.tab_container {
	margin: 0; max-width: none; flex: 0 0 auto; }
.tab_container .tabs {
	justify-content: flex-end; }
.tab_container .tabs .tab{
	font-size:20px}


/* Line Up */
.lineList { width:96%; margin:30px auto 0}
.lineList:after {content:""; display:block; clear:both}
.lineList dt {font-size:24px; font-weight:bold; color:#333; padding-bottom:15px;}
.lineList dd { float:left; width:28%; margin-right:8%; margin-bottom:40px;}
.lineList dd:nth-child(odd) { margin-right:8%;}
.lineList dd:nth-child(3n+1) { margin-right:0;}
.lineList .tImg { width:100%; display:block; border:1px solid #ddd; margin-bottom:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden}
.lineList .tImg img { width:100%;}
.lineList .tTxt { display:block; width:100%; text-align:center; font-size:17px; letter-spacing:-0.03em; line-height:1.3em}
.lineList .l2Txt { width:100%; clear:both; text-align:center; font-size:18px;}
.l2 { margin-top:20px; border-top:1px solid #ddd; padding-top:30px;}

/* 201112 Ticket */
.tkImg {margin-top:20px;}
.ticket { width:960px; margin:50px auto}
.ticket dt { display:block; font-size:36px; padding-bottom:20px;}
.ticket .eNum { display:inline-block; background-color:#ffd491; width:40px; height:40px; color:#fff; border-radius:20px; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:30px;}
.ticket .tButton button { width:480px; margin:0 auto; font-size:22px; height:60px; border-radius:30px;}

/* Vote */
.noVote { width:100%; padding:120px 0 80px 0; text-align:center; font-size:22px; color:#888;}
.vote { width:80%; margin:0 auto;}
.vote .inTxt {width:100%; padding-top:50px; padding-bottom:10px; font-size:20px; color:#5e5e5e; letter-spacing:-0.03em; line-height:1.7em; text-align:center;}
.vote .txt1 { display:block; font-size:44px; font-weight:bold; color:#333; padding-bottom:20px; text-align:center; letter-spacing:-0.03em; line-height:1em}
.vote .txt2 { width:70%; font-size:18px; margin:10px auto 0 auto}
.vote .txt3 { width:70%; font-size:18px; margin:10px auto 20px auto}
.vote .txt4 {font-size:18px; font-weight:bold; text-align:center; padding-top:20px}
.vote2 { width:65%; margin:10px auto;}
.vote2 li {font-size:16px; padding-bottom:5px;}
.appDown { width:100%; margin-top:30px;}
.appDown img { width:100%;}
.noVote span {display:block; font-size:18px; color:#5e5e5e; line-height:180%; padding-top:10px}

/* 2025 실시간 투표 */
/* ~~ 250812 투표현황 탭 전체 수정 ~~*/
.vtDate { 
  padding: 30px 5px 10px; width:100%; font-size:22px;
}
.vtDate span {
  font-size: 22px;
}
.vtDate p {
  font-size: 19px; margin: 15px 0 20px;
}
.vtTitle { 
  font-size:18px; color:#888; margin-top:40px;
}
.vtTitle span { 
  display:block; font-size:26px; font-weight:bold; letter-spacing:-0.03em; color:#222; padding-bottom:5px;
}
.vtTab td a { 
  font-size: 20px; padding: 25px 7px;
}
.vtTxt {
  margin: 30px auto 100px;
}
.vtTxt h3 {
  font-size:25px
}
.vtTxt span {
  font-size:19px
}

.vtRank { clear:both; width:100%}
.vtRank tr { border-bottom: 1px solid #ddd;}
.vtRank .rw1 { width:8%}
.vtRank .rw2 { width:13%; padding:20px 0 20px 0; text-align:center}
.vtRank .rw3 { width:70%;}
.vtRank .artist { font-size:26px; font-weight:bold; letter-spacing:-0.03em; color:#222}
.vtRank .up { color:#ff629d; font-weight:bold; font-size:15px;}
.vtRank .down { color:#69a6f8; font-weight:bold; font-size:15px;}
.vtRank .pBar { width:100%; height:10px; border-radius:5px; margin:8px 0; overflow:hidden;}
.vtRank .pBar span { display:block; height:10px;}
.vtRank .score { font-size:20px; color:#999; font-weight:bold; letter-spacing:-0.03em}
.vtRank .rw4 { width:9%; text-align:center; letter-spacing:-0.03em}
.vtRank .rw4 span {font-size:26px; font-weight:bold; color:#222;}
.vtRank .rank { display:block; width:62px; height:52px; color:#fff; border-radius:31px; text-align:center; font-size:32px; font-weight: bold; letter-spacing:-0.05em; padding-top:10px;}
.vtRank .rkImg { display:block; width:120px; height:120px; border-radius:60px; overflow:hidden;}
.vtRank .rkImg img { width:100%;}
.vtRank .wee { font-size:20px;}

/* Vote judge */
.jTxtBox { margin-top:30px;}
.jTxtBox .jt1 { font-size:28px; font-weight:bold; letter-spacing:-0.03em; color:#222;}
.jTxtBox .jt2 { font-size:22px; letter-spacing:-0.03em; color:#5e5e5e; padding-bottom:30px;}
.jTxtBox .jt2 span { display:block; font-size:26px; font-weight:bold; letter-spacing:-0.03em; color:#222; padding-bottom:4px;}
.jTxtBox .jt3 { font-size:18px; letter-spacing:-0.03em; color:#888; margin-top:10px; margin-bottom:20px;}
.jdTable tr {border-bottom: 1px solid #ddd;}
.jdTable td { text-align:center; height:70px; font-size:15px; letter-spacing:-0.03em; color:#5e5e5e;}
.jdTable tr td:first-child { font-weight:bold}
.jdTable .tbTit { background-color:#ededed; height:60px; border:none}
.jdTable .tbTit th { font-size:22px; letter-spacing:-0.03em; color:#333; width:25%;}
.jdTable .tbTit th:first-child { border-top-left-radius:10px; border-bottom-left-radius:10px;}
.jdTable .tbTit th:last-child { border-top-right-radius:10px; border-bottom-right-radius:10px;}
.jdTxt {display:block; font-size:24px; font-weight:bold; letter-spacing:-0.03em; color:#222; padding:10px 0 ;}
.jdTxt2 { font-size:18px; letter-spacing:-0.03em; padding:10px 0 40px 0}
.jdMg {margin-top:40px}

/* Notice */
.notiWrap { width:100%; margin-top:30px;}
.notiWrap:after {content:""; display:block; clear:both}
.notiWrap .notiRow { clear:both; width:100%; border-bottom:1px solid #ddd;}
.notiWrap .notiRow:after {content:""; display:block; clear:both}
.notiWrap .notiRow ul {cursor:pointer;}
.notiWrap .notiRow ul:after {content:""; display:block; clear:both}
.notiWrap .notiRow ul li{ float:left; line-height:100%;  padding:25px 0 25px 0; letter-spacing:-0.03em}
.notiWrap .notiRow ul .num { width:4%; font-size:18px; color:#888; text-align:center;}
.notiWrap .notiRow ul .nTitle { width:86%; font-size:20px; text-align:left; font-weight:bold;}
.notiWrap .notiRow ul .nDate { float:right; width:10%; font-size:16px; color:#888; text-align:right}
.notiWrap .notiRow .nInner { clear:both; width:100%; padding:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top:1px solid #ddd; font-size:18px; line-height:1.4em}

/* Page Navigation */
.tmaPage { width:100%; text-align:center; margin:0 auto; padding-top:20px;}
.tmaPage a { display:inline-block; font-size:20px; color:#999; padding:0 8px 3px 8px; line-height:1.2em}
.tmaPage a:hover {color:#404b8f}
.tmaPage .select { border:1px solid #404b8f; border-radius:4px; color:#404b8f}

/* Contents */
.tmbList { width:100%; margin-top:40px;}
.tmbList:after {content:""; display:block; clear:both}
.tmbList li { float:left; width:23.5%; margin-right:2%; margin-bottom:25px;}
.tmbList li:nth-child(even) { margin-right: 2%;}
.tmbList li:nth-child(4n+4) { margin-right:0;}
.tmbList .tImg { width:100%; display:block; height:170px; border:1px solid #ddd; margin-bottom:4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden}
.tmbList .tImg img { width:100%;}
.tmbList .tTxt a { font-size:17px; letter-spacing:-0.03em; line-height:1.3em}
.tmbList .tTxt a:hover { color:#6271d0}

/* Contents Popup */
.conPopup { position:absolute; top:0; left:0; width:100%; height:100%; z-index:99999}
.conPopup .popMedia {position:absolute; width:800px; top:100px; left:50%; margin-left:-400px; border:1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.conPopup .popMedia img { width:100%;}
.conPopup .popClose { position:absolute; top:50px; left:50%; margin-left:350px; width:50px; height:50px;}
.conPopup .popBg { width:100%; height:100%; background: rgba(0,0,0,0.7);}

/* 메인 팝업 */
.tma_pop_Wrap {  position: absolute; width:500px;  top: 100px; left:50%; margin-left:-250px; z-index: 99999;}

/*190527 수상자 추가*/
.subTitle .subTab li .W_r{width:auto; padding:12px 10px; box-sizing:border-box}
.subTitle .subTab li a{font-size:20px}
/*190121 가이드, add, 글쓰기, top 버튼 추가*/
.guide_wrap{width: 640px; margin: 0 auto;}
.guide_btn ul {position: fixed;left: 50%;transform: translate(-50%, -50%);bottom: 0;margin-left: 37%;}
.guide_btn ul li {width:100px;margin-bottom: 10px;}
/*190527 수상영상 팝업*/
.aws_play_wrap .aws_play_pop{width:540px; height:342px;-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); top:50%; margin:0 auto}
.aws_play_wrap .aws_play_pop a span{position:absolute; right:0; top:-59px}
.aws_play_wrap .aws_play_pop a span img{width:50px}

/* 콘텐츠 년도 탭 */
.year { margin-top:40px; border:2px solid #e0e0e0; width:100%; padding:0 0 0 20px; border-radius:8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.year:after {content:""; display:block; clear:both}
.year li { float:left;}
.year li a { display:block; font-size:20px; letter-spacing:-0.03em; color:#aeaeae; padding:12px 30px 15px 0}
.year li .yOn { color:#333; font-weight:bold}

/*2022 관람방법 추가*/
.vmTitle1 { margin-top: 40px;}
.vmTitle2 { margin-top: 80px;}
	
/* 2024 관람 방법 */	
.onOffTab { width: 100%; padding: 40px 0; margin-top: 0; }
.onOffTab:after {content:""; display:block; clear:both}	
/*.onOffTab .ofWrap { width: 40%; margin: 0 auto; text-align: center}
.onOffTab span { display: inline-block; width: 48%; }
.onOffTab span a { display: inline-block;  border:2px solid #aeaeae; width:100%; height:50px; text-align:center; font-size:20px; font-weight:bold; letter-spacing:-0.03em; color:#aeaeae; padding-top:10px; border-radius:8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height:1.3em}
.onOffTab span .tOn { background-color:#404b8f; color:#fff; border-color:#404b8f }*/
.onOffTab .ofWrap { margin: 0 auto; text-align: center; width: 100%;}
.onOffTab .ofWrap li { display: inline-block; width: 22%; }
.onOffTab .ofWrap li a { display: inline-block;  border:2px solid #aeaeae; width:100%; height:50px; text-align:center; font-size:20px; font-weight:bold; letter-spacing:-0.03em; color:#aeaeae; padding-top:10px; border-radius:8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height:1.3em}
.onOffTab .ofWrap li .tOn { background-color:#404b8f; color:#fff; border-color:#404b8f }
.vmWrap { width: 100%; background-color: #f1f2f8; font-size: 18px; line-height: 1.8em; padding:20px 0 60px 0;}
.vmWrap:after {content:""; display:block; clear:both}
.vmWrap .tkTop { display: block; width: 1040px; margin: 0 auto 40px auto; background-color: #fff; padding: 60px 0 40px 0}
.vmWrap .tkTop:after {content:""; display:block; clear:both}
.vmWrap .tkTop .tkTit { font-size: 44px; font-weight: bold; width: 100%; text-align: center; margin-bottom: 50px;}
.vmWrap .tkTop .tkTit img { vertical-align: middle; margin-right: 5px; width: 50px;}
.vmWrap .tkTop .tkTxt { display: block; width: 92%; margin: 0 auto; padding-bottom: 30px; font-size: 22px;}
.vmWrap .tkTop .tkTxt:after {content:""; display:block; clear:both}
.vmWrap .tkTop .tkTxt .tt { background-color: #f1f2f8; font-size: 22px; font-weight: bold; padding: 4px 10px; border-left: 4px solid #9dc3e4; margin-right: 10px;}
.vmWrap .tkTop .tkTxt .txt { display: block; padding-top: 4px;}
.vmWrap .tkTop .tkTxt li {float: left}
.vmWrap .tkTop button { display: block; background: no-repeat 5px url("https://img.tf.co.kr/ss/2024/tma_official/jp_tk_icon.png") #2778be; width: 390px; height: 78px; border: none; margin: 0 auto; padding-left: 20px; font-size: 34px; color: #fff; font-weight:bold; border-radius: 8px; cursor:pointer}
.vmWrap .vmBotTxt {display: block; width: 960px; margin: 0 auto; padding: 0; line-height: 1.9em}
.vmWrap .vmBotTxt .title { font-size: 24px; font-weight: bold; display: block; padding-bottom: 5px;}
.vmWrap .tkArea { width: 92%; margin: 20px auto 0 auto;}
.vmWrap .tkArea:after {content:""; display:block; clear:both}
.vmWrap .tkArea dt {font-size: 24px; font-weight: bold}
.vmWrap .tkArea .tkBox { float: left; background-color: #f1f2f8; font-size: 24px; padding: 10px 10px 10px 14px; width: 29%; margin-left: 2%; letter-spacing: -0.03em}
.vmWrap .tkArea .ar_vvip {border-left: 4px solid #ffc5c5;}
.vmWrap .tkArea .ar_vip {border-left: 4px solid #ffe6c5;}
.vmWrap .tkArea .ar_r {border-left: 4px solid #e1edcc;}
.vmWrap .tkArea .tkBox .tkT { font-size: 28px; font-weight: bold;}
.vmWrap .tkArea .tkBox .tkS { display: inline-block; font-size: 18px; line-height: 1.5;}
.vmWrap .tBotxt {width: 92%; margin: 20px auto 0 auto;}
	
/* 2024 온라인 관람방법 */
.vmTImg { margin-top:40px;}
.vMethod { width:880px; margin:0 auto;}
.vMethod .vmBox { margin-top: 20px}
.vMethod .vmBox .vmBtnWrap .vmBtn { display:inline-block; width:300px; }
.vMethod .vmBox .vmBottom { font-size:18px; line-height:200%}

/*250722 오프라인 관람방법*/
.ticket_container{
	padding:80px 0 0 }
.ticket_container .tab{
	padding:15px 25px; font-size:27px }

}