@charset "utf-8";

@import "common.css";
@import "layout_01.css";

#Toparea .loginBox { _position:absolute !important; _right:0px; } /* For IE6 */
#Toparea .loginBox .btn { _padding-left:8px; } /* For IE6 */
#Toparea .menuBox img { vertical-align:top; }
#LeftArea .LeftMenu h2.mTitle { margin:0px; padding:0px; font:0/0 arial; }
#LeftArea .LeftMenu .menuBox { width:200px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/menu/list_box_middle.gif) repeat-y; }
#LeftArea .LeftMenu .menuBox .top { width:200px; height:8px; margin:0px; padding:0px; font:0/0 arial; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/menu/list_box_top.gif) top left no-repeat; }
#LeftArea .LeftMenu .menuBox .middle { width:188px; margin:0px; padding:0px 0 6px 12px; font:0/0 arial; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/menu/list_box_bottom.gif) bottom left no-repeat; }
#LeftArea .LeftMenu .menuBox .middle ul.mList { list-style:none; margir:0px; padding:0px; }
#LeftArea .LeftMenu .menuBox .middle ul.mList li.btn { font:0/0 arial; margin:0px; padding:0px 0 3px 0; }
#LeftArea .LeftMenu .menuBox .middle ul.mList li.btn h3.title  { font:0/0 arial; padding:0px; margin:0px; }
#LeftArea .LeftMenu .menuBox .middle ul.mList li.btn h4.subTitle  { font:0/0 arial; padding:0px; margin:0px; }
#LeftArea .LeftMenu .menuBox .middle ul.mList li.btn ul.subList { list-style:none; width:168px; padding:3px 0 0 8px; margin:0px 0 0 0px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/menu/bg_menu_box_middle.gif) repeat-y; }
#LeftArea .LeftMenu .menuBox .middle ul.mList li.btn ul.subList li { _height:18px; margin:0px; padding:0px; font:8pt dotum; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/menu/bg_menu_line.gif) bottom left no-repeat; }
#LeftArea .LeftMenu .menuBox .middle ul.mList li.btn ul.subList li img.hot  { margin:0 0 0 5px; }
#LeftArea .LeftMenu .menuBox .middle ul.mList li.btn ul.subList li.last { font:8pt dotum; background:none; }
#LeftArea .LeftMenu .menuBox .middle ul.mList li.btn ul.subList li.on { padding:0 0 2px 0; font:bold 8pt dotum; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/menu/bg_menu_line.gif) bottom left no-repeat; }
#LeftArea .LeftMenu .menuBox .middle ul.mList li.btn ul.subList li a { display:block; padding:5px 0 6px 11px; _padding:5px 0 4px 11px; color:#333333; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/menu/ico_bul_01.gif) 4px 9px no-repeat; }
#LeftArea .LeftMenu .menuBox .middle ul.mList li.btn ul.subList li.on a { display:block; width:149px; padding:5px 0 4px 11px; _padding:5px 0 2px 11px; color:#333333; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/menu/ico_on_bul_01.gif) 0px 6px no-repeat #ffffff; }
#LeftArea .LeftMenu .menuBox .bottom { width:176px;height:4px; padding:0px; margin:0px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/menu/bg_menu_box_bottom.gif) no-repeat; }
#LeftArea .LeftMenu .bottomBox { width:200px; height:35px; padding:5px 0 0 0;text-align:center; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/menu/bg_bottom_box.gif) no-repeat; }
#Middlearea #RightArea h2.Title { margin:0px; padding:0px; font:0/0 arial; height:18px; }
#Middlearea #RightArea span.titleSubTxt { position:absolute; margin-top:-4px; padding-left:5px; }
#Middlearea #RightArea span.titleSubTxt img { vertical-align:top; }

/*[팬레터스타UFO]*/
.fanletterStar .mainImg { margin-top:15px; }
.fanletterStar .mainImg * { display:block; }
.fanletterStar .starufo { position:absolute; top:21px; right:9px; }
.fanletterStar .starufo * { vertical-align:top; }
.fanletterStar .middleBtn { margin-top:10px; }
.fanletterStar .middleBtn li { display:inline-block; float:left; margin-left:9px; }
.fanletterStar .middleBtn li.first { margin-left:0px; padding-top:3px; width:478px; height:19px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/common/img_flyto.gif) no-repeat top left; }
.fanletterStar .middleBtn li.first img { vertical-align:top; }
.fanletterStar .middleBtn li.first .num { margin-left:104px; vertical-align:top; }
.fanletterStar .middleBtn li.first .var { vertical-align:middle; }
.fanletterStar .flyflyshow { margin-top:20px; }
.fanletterStar .flyflyshow * { display:block; }
.fanletterStar .wrapBoard { margin-top:20px; }
.fanletterStar .wrapBLeft { float:left; width:500px; }

/*iframe*/

.iframeBody { background:none !important; }

.iframeBody .ufoTab { position:relative; z-index:1; height:33px; overflow:hidden; }
.iframeBody .ufoTab li { float:left; width:250px; height:33px; list-style:none; }
.iframeBody .ufoTab li a { display:inline-block; width:250px; height:33px; }
.iframeBody .ufoTab li.tab_01 a { background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/button/btn_todaybestfly.gif) no-repeat bottom left; }
.iframeBody .ufoTab li.tab_02 a { background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/button/btn_star.gif) no-repeat bottom left; }
.iframeBody .ufoTab li a span { position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; } /* For Screen Reader */
.iframeBody .ufoTab li a.on { background-position:top; }
.iframeBody .bestFly { position:relative; margin-top:-7px; padding-bottom:18px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_bestFly.gif) no-repeat bottom left; z-index:0; }
.iframeBody .bestFly .bg { padding-top:31px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_bestFly.gif) no-repeat top left; }
.iframeBody .bestFly .img { float:left; padding-left:54px; width:100px; }
.iframeBody .bestFly .img .obj { border:1px solid #dcdcdc; }
.iframeBody .bestFly .img p { padding-top:5px; font-size:11px; }
.iframeBody .bestFly .img img { vertical-align:top; }
.iframeBody .bestFly .txt { float:left; padding-left:10px; width:312px; } 
.iframeBody .bestFly .txt ul { padding:2px 0px 4px; font-size:11px; color:#6b6d70; border-bottom:1px dotted #b3b3b3; } 
.iframeBody .bestFly .txt ul li { list-style:none; _height:16px; min-height:16px; line-height:16px; }
.iframeBody .bestFly .txt ul li img { padding-right:2px; }
.iframeBody .bestFly .txt p { padding-top:8px; line-height:18px; color:#333; }
.iframeBody h3.titBF { margin-top:16px; }
.iframeBody .search { position:relative; margin-top:-18px; padding-left:319px; height:25px; text-align:right; }
.iframeBody .search .selectBox { margin-left:4px; }
.iframeBody .search .selectBox0 { margin-left:4px; }
.iframeBody .search .selectBox1 { margin-left:4px; }
.iframeBody .search .btnSearch { vertical-align:top; }
.iframeBody .viewBtn { margin-top:-15px; height:20px; text-align:right; }
.iframeBody .viewBtn span { display:inline-block; padding-top:2px; font-size:11px; color:#666; padding-right:5px; }
.iframeBody .viewBtn img { vertical-align:top; }
.iframeBody .bestFlyList { background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_table.gif) no-repeat top left; }
.iframeBody .bestFlyList table { border-bottom:1px solid #bfbfbf; }
.iframeBody .bestFlyList th { padding:6px 0px 7px; }
.iframeBody .bestFlyList th img { vertical-align:top; }
.iframeBody .bestFlyList td { padding:9px 0px 6px; line-height:16px; border-bottom:1px dotted #d6d6d6; }
/* 20100315 배경 추가 */
.iframeBody .bestFlyList td.bg { padding:0px; }
.iframeBody .bestFlyList td.bg p.setting { width:337px; height:32px; padding:9px 5px 6px 5px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/bgsample/bg_01.gif) no-repeat; }


.iframeBody .bestFlyList td.nickname { padding-left:15px; }
.iframeBody .bestFlyList td.nickname a { color:#e68403; }
.iframeBody .pageingType02 { margin-top:6px; }
.fanletterStar .wrapBRight { float:left; margin-left:20px; padding-bottom:20px; width:190px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_right.gif) no-repeat bottom left; }
.fanletterStar .wrapBRight .bg { padding:12px 20px 0px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_right.gif) no-repeat top left; }
.fanletterStar .wrapBRight .videoClip { padding-top:32px; }
.fanletterStar .wrapBRight .videoClip .video { padding-left:9px; }
.fanletterStar .wrapBRight .videoClip .boxTv { margin-top:-130px; }
.fanletterStar .wrapBRight .videoClip .boxTv img { display:block; }
.fanletterStar .wrapBRight .starSpeak h4 { margin-top:3px}
.fanletterStar .wrapBRight .starSpeak h4 img { display:block; }
.fanletterStar .wrapBRight .starSpeak p { padding-top:7px; font-size:11px; color:#6b6d70; line-height:16px; }
.fanletterStar .wrapBRight .starSpeak .btn { margin-top:6px; }
.fanletterStar .wrapBRight .starSpeak .btn img { vertical-align:top; }

/*[베스트답장]*/
.fanletterStar .bestReply { margin-top:15px; height:90px; width:710px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/txt_bestreply.gif) no-repeat top left; }
.wrapBoardList2 { width:710px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_bestRe.gif) no-repeat top left; }
.wrapBoardList2 .viewAlign { position:relative; padding:20px 0px 0px 570px; height:40px; text-align:right; }
.wrapBoardList2 .viewAlign img,
.wrapBoardList2 .viewAlign input { vertical-align:top; }
.wrapBoardList2 .viewAlign .selectBox a.Box span { color:#999; }
.wrapBoardList2 .viewAlign .selectBox .listBox { height:180px; }
.wrapBoardList2 .viewAlign .selectBox .listBox .scrollBox { height:180px; text-align:left; font:8pt dotum; }
.wrapBoardList2 ul.list { border-bottom:1px solid #e8e8e8; }
.wrapBoardList2 ul.list li { float:left; padding:20px 0px 17px 23px; width:331px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_replyLetter.gif) no-repeat 20px 1px; list-style:none; }
.wrapBoardList2 ul.list li.first { border-right:1px solid #d8d8d8; } 
.wrapBoardList2 ul.list li img.starImg { float:left; }
.wrapBoardList2 ul.list li dl { float:left; padding-left:22px; width:203px; }
.wrapBoardList2 ul.list li dl dt { padding:0px 4px 2px; font-weight:bold; font-size:14px; color:#f35a0f; border-bottom:1px dotted #b1b1b1; }
.wrapBoardList2 ul.list li dl dt img { vertical-align:top; margin:1px 2px 0px 0px; }
.wrapBoardList2 ul.list li dl dd.title { padding:16px 4px 0px; width:100%; min-height:35px; _height:35px; }
.wrapBoardList2 ul.list li dl dd.title a { color:#666; }
.wrapBoardList2 ul.list li dl dd.title a:hover { color:#e68403; }
.wrapBoardList2 ul.list li dl dd.title em { font-style:normal; color:#f27007; font-weight:bold; }
.wrapBoardList2 ul.list li dl dd.date { padding-left:5px; color:#999; font-family:tahoma; font-size:11px; }
.wrapBoardList2 ul.list li dl dd.date img { vertical-align:middle; display:inline; }

/*[유타이야기]*/
.fanletterStar .townStory { margin-top:15px; height:90px; width:710px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/txt_townStory.gif) no-repeat top left; }
.wrapTownStory { padding-top:5px; width:710px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_townStory.gif) no-repeat top left; }
.wrapTownStory .bg { padding-bottom:18px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_townStory.gif) no-repeat bottom left;}
.wrapTownStory .viewAlign { position:relative; padding:20px 0px 0px 570px; height:40px; text-align:right; }
.wrapTownStory .viewAlign img,
.wrapTownStory .viewAlign input { vertical-align:top; }
.wrapTownStory .viewAlign .selectBox .listBox { height:180px; }
.wrapTownStory .viewAlign .selectBox .listBox .scrollBox { height:180px; text-align:left; font:8pt dotum; }
.wrapTownStory ul.list { border-top:1px solid #e8e8e8; }
.wrapTownStory ul:first-child,
.wrapTownStory ul.first-child { border-top:0px; }
.wrapTownStory ul.list li { float:left; padding:20px 0px 17px 23px; width:331px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_townstory_02.gif) no-repeat 20px 1px; list-style:none; }
.wrapTownStory ul.list li.first { border-right:1px solid #d8d8d8; } 
.wrapTownStory ul.list li img.starImg { float:left; }
.wrapTownStory ul.list li dl { float:left; padding-left:22px; width:203px; }
.wrapTownStory ul.list li dl dt { padding:0px 4px 2px; font-weight:bold; font-size:14px; color:#f35a0f; border-bottom:1px dotted #b1b1b1; }
.wrapTownStory ul.list li dl dt img { vertical-align:top; margin:1px 2px 0px 0px; }
.wrapTownStory ul.list li dl dd.title { padding:16px 4px 0px; width:100%; min-height:35px; _height:35px; }
.wrapTownStory ul.list li dl dd.title a { color:#666; }
.wrapTownStory ul.list li dl dd.title a:hover { color:#e68403; }
.wrapTownStory ul.list li dl dd.title em { font-style:normal; color:#f27007; font-weight:bold; }
.wrapTownStory ul.list li dl dd.date { padding-left:5px; color:#999; font-family:tahoma; font-size:11px; }
.wrapTownStory ul.list li dl dd.date img { vertical-align:middle; display:inline; }

/*[상세보기]*/
.keywordView .viewTopBtn { padding-top:20px; width:710px; text-align:right}
.keywordView .viewBox .infoBox { width:696px; margin:10px 0 0 0; padding:0 0 0 14px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/radio/bg_table_th_02.gif) top left no-repeat; }
.keywordView .viewBox .infoBox table.info { width:679px; }
.keywordView .viewBox .infoBox table.info th { padding:6px 0 14px 0; }
.keywordView .viewBox .infoBox table.info tr.line  { background:url(http://svcimg.ufotown.com/UFO_IMAGE/common/icon/ico_dot_line_01.gif) bottom repeat-x; }
.keywordView .viewBox .infoBox table.info tr td.name { padding:0 0 7px 0; text-align:center; }
.keywordView .viewBox .infoBox table.info tr td.name img { vertical-align:-3px; margin:0 4px 0 0; }
.keywordView .viewBox .infoBox table.info tr td.title { padding:2px 0 5px 15px; font-weight:bold; color:#333333; }
.keywordView .viewBox .infoBox table.info tr td.num { padding:2px 0 5px 0; text-align:center; font:8pt tahoma; color:#666666; }
.ViewType01 .btnBox { height:21px; }
.ViewType01 .replyListBox ul.list li.reply div.replyWrite div.opBtn01 { padding:0 3px 1px 0; }

/*[나도 팬레터 스타 신청]*/
.fanletterJoin { margin-top:20px; padding-top:15px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_round_710.gif) no-repeat top left; }
.fanletterJoin .bgBottom { padding:0px 15px 35px 10px; width:680px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_round_710.gif) no-repeat bottom left; }
.fanletterJoin h3 { margin-left:5px; padding:0px 3px 8px; border-bottom:1px solid #ebebeb; font:0/0 arial; }
.fanletterJoin h3 img { vertical-align:top; }
.fanletterJoin .notice { margin-left:5px; padding:8px 2px 0px; }
.fanletterJoin .guideBtn { margin-left:5px; padding-top:31px; height:30px; text-align:right; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_fanletter_join_01.gif) no-repeat top left; }
.fanletterJoin .joinWrite { background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_fanletter_join_02.gif) no-repeat top left; }
.fanletterJoin .joinWrite .pic { float:left; width:284px; padding:0px 15px 0px 7px; }
.fanletterJoin .joinWrite .pic span.img { display:block; padding-top:35px; height:128px; text-align:center; }
.fanletterJoin .joinWrite .pic span.img img { vertical-align:top; }
.fanletterJoin .joinWrite .pic p.info { text-align:center; font-size:11px; color:#666; line-height:17px; }
.fanletterJoin .joinWrite .pic ul { margin:5px 0px 0px 3px; }
.fanletterJoin .joinWrite .pic ul li { padding:5px 0px; list-style:none; text-align:center }
.fanletterJoin .joinWrite .pic ul li input.txt { width:120px; height:16px; line-height:16px; border:1px solid #d7d7d7; }
.fanletterJoin .joinWrite dl.txtInput { float:left; padding-top:19px; width:374px; }
.fanletterJoin .joinWrite dl.txtInput dt { color:#e68403; }
.fanletterJoin .joinWrite dl.txtInput dd { padding:4px 0px 7px; }
.fanletterJoin .joinWrite dl.txtInput textarea { 
	width:350px; 
	height:70px;
	border:1px solid #d7d7d7; 
	padding:10px;
	line-height:20px;
	scrollbar-3dlight-color:#e4e4e4;
	scrollbar-arrow-color:#a8a8a8; 
	scrollbar-track-color:#f2f1f1; 
	scrollbar-darkshadow-color:#e4e4e4; 
	scrollbar-face-color:#ffffff; 
	scrollbar-highlight-color:#ffffff; 
	scrollbar-shadow-color:#ffffff;	
}
.fanletterStar .joinBtn { padding-top:10px; text-align:center; }

/*[나도팬레터스타_이용안내]*/
.fanletterGuide { margin-top:20px; padding-top:15px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_round_710.gif) no-repeat top left; }
.fanletterGuide .bgBottom { padding:0px 15px 35px; width:680px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_round_710.gif) no-repeat bottom left; }
.fanletterGuide h3 { padding:0px 3px 8px; border-bottom:1px solid #ebebeb; margin:0px; font:0/0 arial; }
.fanletterGuide h3 img { vertical-align:top; }
.fanletterGuide ul.guideList { min-height:100px; _height:100px; padding-top:57px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_fanletter_guide_01.gif) no-repeat 57px 7px; }
.fanletterGuide ul.guideList li { padding:0px 0px 40px 13px; list-style:none; }
.fanletterGuide ul.guideList li dl { padding:0px 0px 0px 44px; min-height:50px; _height:50px; }
.fanletterGuide ul.guideList li dl.num01 { background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_num_01.gif) no-repeat 0px 0px; }
.fanletterGuide ul.guideList li dl.num02 { background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_num_02.gif) no-repeat 0px 0px; }
.fanletterGuide ul.guideList li dl.num03 { background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_num_03.gif) no-repeat 0px 0px; }
.fanletterGuide ul.guideList li dl.num04 { background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_num_04.gif) no-repeat 0px 0px; }
.fanletterGuide ul.guideList li dl dt { padding:8px 0px 0px 14px; height:25px; }
.fanletterGuide ul.guideList li dl dt img { vertical-align:top; }
.fanletterGuide ul.guideList li dl dd { padding:2px 0px 0px 9px; line-height:20px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_dotLine.gif) repeat-y top left; color:#666; }
.fanletterGuide p.txtImg { margin-left:27px; }
.fanletterGuide div.btnJoin { text-align:center; }

/*[나도팬레터스타_지난스타리스트]*/
.fanletterList { margin-top:10px; padding-top:15px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_round_710.gif) no-repeat top left; }
.fanletterList .bgBottom { padding:0px 15px 10px; width:680px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_round_710.gif) no-repeat bottom left; }
.fanletterList .bgSearch { height:101px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_fanletter_last_01.gif) no-repeat top left; }
.fanletterList .bgSearch fieldset { position:relative; margin-top:43px; padding-left:121px; }
.fanletterList .bgSearch fieldset .selectBox .listBox { height:20px; }
.fanletterList .bgSearch fieldset .selectBox .listBox .scrollBox { height:20px; }
.fanletterList .bgSearch fieldset * { vertical-align:top; }
.fanletterList .bgSearch fieldset .txtImg { float:left; display:inline-block; margin:3px 6px 0px 0px; }
.fanletterList .bgSearch fieldset input.txt { margin-top:-1px; margin-left:4px; width:210px; border:1px solid #d7d7d7; height:16px; line-height:16px; }
.fanletterList .lastList li { padding:21px 19px 17px; border-top:1px dotted #e1e1e1; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_fanletter_last_02.gif) no-repeat 16px 18px; list-style:none; }
.fanletterList .lastList li.first { border:0px; }
.fanletterList .lastList li span.img { display:inline-block; float:left; }
.fanletterList .lastList li dl { float:left; padding-left:28px; color:#666; }
.fanletterList .lastList li dl dt { padding-top:10px; }
.fanletterList .lastList li dl dt em { display:inline-block; width:61px; height:18px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/icon/ico_date.gif) no-repeat top left; text-align:center; font-style:normal; font-weight:bold; font-size:11px; line-height:18px; .line-height:16px; _line-height:18px; color:#fff; }
.fanletterList .lastList li dl dt strong { padding-left:2px; }
.fanletterList .lastList li dl dt span { padding-left:6px; font-size:11px; }
.fanletterList .lastList li dl dt span a { color:#e68403; }
.fanletterList .lastList li dl dd { width:500px; padding-top:8px; line-height:16px; }
.fanletterList .lastList li dl dd a { color:#666; }
.fanletterList .lastList li dl dd a:hover { color:#e68403; }

/*[나도 팬레터 스타]*/
.fanletterMe { margin:20px 0px; padding-top:15px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_round_710.gif) no-repeat top left; }
.fanletterMe .bgBottom { padding:0px 15px 20px; width:680px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_round_710.gif) no-repeat bottom left; }
.fanletterMe h3 { padding:0px 3px 8px; border-bottom:1px solid #ebebeb; margin:0px; font:0/0 arial; }
.fanletterMe h3 img { vertical-align:top; }
.fanletterMe .idInfo { position:relative; margin-top:-29px; padding-left:144px; height:29px; color:#e68403; }
.fanletterMe .idInfo .ico { margin:0px 3px; }
.fanletterMe .idInfo .btn { position:absolute; right:0px; }
.fanletterMe .idInfo em { font-style:normal; font-size:11px; font-family:tahoma; color:#666; }
.fanletterMe .boxStarWeek { background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_fanletterStar_03.gif) no-repeat 17px 20px; }
.fanletterMe .boxStarWeek li { list-style:none; }
.fanletterMe .boxStarWeek .img { float:left; padding:20px 0px 0px 16px; width:284px; }
.fanletterMe .boxStarWeek .img img { vertical-align:top; }
.fanletterMe .boxStarWeek .img dl dt { padding:7px; }
.fanletterMe .boxStarWeek .img dl dd { padding-top:10px; }
.fanletterMe .boxStarWeek .img dl li { float:left; padding:4px; margin-right:6px; border:1px solid #dbdbdb; }
.fanletterMe .boxStarWeek .img p.flyTo { margin:18px 0px 0px 4px; padding:4px 0px 0px 91px; height:18px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_fluNum.gif) no-repeat top left; }
.fanletterMe .boxStarWeek .img p.flyTo .bar { vertical-align:middle; }
.fanletterMe .boxStarWeek .img .txt1 { margin:20px 0px 0px 6px; }
.fanletterMe .boxStarWeek .img .txt2 { margin:8px 0px 0px 6px; }
.fanletterMe .boxStarWeek .img .txt2 .btnJoin { display:block; margin-top:15px; }
.fanletterMe .boxStarWeek .txt { float:left; padding-top:58px; width:373px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_fanletterStar_01.gif) no-repeat 0px 13px;  }
.fanletterMe .boxStarWeek .txt ol { margin-bottom:-12px; min-height:50px; _height:50px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_fanletterStar_02.gif) repeat-y 0px 19px; }
.fanletterMe .boxStarWeek .txt ol li { margin:0px 0px 20px; padding-left:20px; min-height:20px; _height:20px; }
.fanletterMe .boxStarWeek .txt ol li.num_01 { background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/icon/ico_num_01.gif) no-repeat 2px 3px; }
.fanletterMe .boxStarWeek .txt ol li.num_02 { background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/icon/ico_num_02.gif) no-repeat 2px 3px; }
.fanletterMe .boxStarWeek .txt ol li.num_03 { background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/icon/ico_num_03.gif) no-repeat 2px 3px; }
.fanletterMe .boxStarWeek .txt ol li.num_04 { background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/icon/ico_num_04.gif) no-repeat 2px 3px; }
.fanletterMe .boxStarWeek .txt ol li.num_05 { background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/icon/ico_num_05.gif) no-repeat 2px 3px; }
.fanletterMe .boxStarWeek .txt ol li.num_06 { background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/icon/ico_num_06.gif) no-repeat 2px 3px; }
.fanletterMe .boxStarWeek .txt ol * { line-height:20px; }
.fanletterMe .boxStarWeek .txt dt { color:#e68403; }
.fanletterMe .boxStarWeek .txt dd { color:#666; }
.fanletterMe .txtTip { margin-top:30px; }
.fanletterStar .listTable { width:710px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_table_th_02.gif) no-repeat; }
.fanletterStar .listTable table { width:710px; text-align:center; color:#666666; border-bottom:1px solid #bfbfbf; }
.fanletterStar .listTable table th { padding:6px 0 11px 0; }
.fanletterStar .listTable table tr { background:url(http://svcimg.ufotown.com/UFO_IMAGE/common/icon/ico_dot_line_01.gif) bottom left repeat-x; }
.fanletterStar .listTable table tr td { padding:10px 0px 11px; }
.fanletterStar .listTable table tr td.fly { padding-left:30px; text-align:left; color:#333; }
.fanletterStar .listTable table tr td.img img { vertical-align:top; border:1px solid #cfcfcf; }
.fanletterStar .listTable table tr td.num { font-size:11px; font-family:tahoma; }
.fanletterStar .listTable table tr td.id { font-size:11px; color:#e68403; }
.fanletterStar .listTable table tr.last td  { padding-bottom:8px !important; }

/*[FLYBOOK]*/
.fanletterStar .wrapFlyBook { padding-top:15px; width:710px; }
.wrapFlyBook .BoxFlyBook { height:283px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/img_flyBook_01.jpg) no-repeat top left; }
.wrapFlyBook .btnOC { margin-top:-18px; text-align:right; height:31px; }
.wrapFlyBook #boxInThisBook { height:201px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/img_flyBook_02.gif) no-repeat top left; }
.wrapFlyBook h3.mTop20 { margin-top:20px; }
.wrapFlyBook .viewAlign { margin-top:-22px; padding-left:570px; text-align:right; height:29px; }
.wrapFlyBook .viewAlign img,
.wrapFlyBook .viewAlign input { vertical-align:top; }
.wrapFlyBook .viewAlign .selectBox .listBox { height:180px; }
.wrapFlyBook .viewAlign .selectBox .listBox .scrollBox { height:180px; text-align:left; font:8pt dotum; }
.wrapFlyBook .flyBookList { position:relative; margin-left:-14px; width:724px; }
.wrapFlyBook .flyBookList li { float:left; list-style:none; width:227px; padding:21px 0px 0px 14px; height:245px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_flyBook.gif) no-repeat 14px 0px; text-align:center; }
.wrapFlyBook .flyBookList li img { vertical-align:top; }
.wrapFlyBook .flyBookList li span { display:block; }
.wrapFlyBook .flyBookList li span.img img { border:1px solid #dedede; }
.wrapFlyBook .flyBookList li strong { margin:0px 22px; margin-top:18px; padding-bottom:5px; min-height:21px; _height:21px; display:block; color:#666; border-bottom:1px solid #eaeaea; }
.wrapFlyBook .flyBookList li span.btnView { margin-top:12px; }

/*[나도팬레터스타_FLY답장]*/
body.popFanletter { background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_flyView.gif) repeat-x top left; }
#wrapFlyView { width:900px; margin:0px auto; }
#wrapFlyView #gnb { height:136px; }

#wrapFlyView .bgFlyView { background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_flyView_top.gif) no-repeat top left; }
#wrapFlyView .bgMyReply { background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_flyView_top2.gif) no-repeat top left; }

#wrapFlyView #gnb h1 { padding-top:23px; }
#wrapFlyView #gnb h1 img { display:inline-block; padding:5px; vertical-align:top; }
#wrapFlyView #gnb .logInfo { margin-top:-58px; padding-right:15px; height:19px; text-align:right; font-size:11px; color:#4b4b4b; }
#wrapFlyView #gnb .logInfo img { vertical-align:top; }
#wrapFlyView #gnb .logInfo strong { display:inline-block; margin-top:1px; }
#wrapFlyView #gnb .menu { padding-left:490px; height:32px; }
#wrapFlyView #gnb .menu li { float:left; list-style:none; }
#wrapFlyView #gnb .menu li a { display:inline-block; padding-top:9px; height:21px; color:#facdcd; text-align:center; text-decoration:none; }
#wrapFlyView #gnb .menu li a:hover,
#wrapFlyView #gnb .menu li a.on { color:#ffea74; }
#wrapFlyView #gnb .menu li.btn01 a { width:204px; }
#wrapFlyView #gnb .menu li.btn02 a { width:206px; }
#wrapFlyView #gnb .viewAlign { position:relative; margin-top:35px; text-align:right; }
#wrapFlyView #gnb .viewAlign .selectBox .listBox { height:20px; }
#wrapFlyView #gnb .viewAlign .selectBox .scrollBox { height:20px; }
#wrapFlyView #gnb .viewAlign * { vertical-align:top; }
#wrapFlyView #gnb .viewAlign input.txt { .margin-top:-1px; width:110px; height:16px; line-height:16px; border:1px solid #d7d7d7; }
#wrapFlyView #gnb .flyView { padding-left:597px; }
#wrapFlyView #gnb .myReply { padding-left:664px; }

#wrapFlyView .bgFlyViewList { background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_table_th_03.gif) no-repeat top left; }
#wrapFlyView .bgMyReplyList { background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/bg_table_th_06.gif) no-repeat top left; }

#wrapFlyView .replyList table { width:710px; text-align:center; color:#666666; border-bottom:1px solid #bfbfbf; }
#wrapFlyView .replyList table th { padding:6px 0 11px 0; }
#wrapFlyView .replyList table tr { background:url(http://svcimg.ufotown.com/UFO_IMAGE/common/icon/ico_dot_line_01.gif) bottom left repeat-x; }
#wrapFlyView .replyList table tr td { padding:10px 0px; }
#wrapFlyView .replyList table tr td.fly { padding-left:10px; text-align:left; color:#666; line-height:17px; }
#wrapFlyView .replyList table tr td.fly .flyReply { padding:2px 0px 0px 18px; line-height:15px; background:url(http://svcimg.ufotown.com/UFO_IMAGE/fanletter/icon/ico_arrow_05.gif) no-repeat 6px 4px; }
#wrapFlyView .replyList table tr td.fly span { display:block; color:#75ad26; font-size:11px; }
#wrapFlyView .replyList table tr td.fly span.date { color:#999; }
#wrapFlyView .replyList table tr td.fly em { font-style:normal; font-size:11px; font-family:tahoma; }
#wrapFlyView .replyList table tr td.img img { vertical-align:top; border:1px solid #cfcfcf; }
#wrapFlyView .replyList table tr td.id { font-size:11px; color:#e68403; }
#wrapFlyView .replyList table tr td.id span { color:#999; }
#wrapFlyView .replyList table tr td.reply { padding-left:10px; text-align:left; }
#wrapFlyView .replyList table tr td.reply textarea { 
	float:left;
	width:244px; 
	height:48px;
	border:1px solid #d7d7d7; 
	padding:4px 5px;
	line-height:18px;
	scrollbar-3dlight-color:#e4e4e4;
	scrollbar-arrow-color:#a8a8a8; 
	scrollbar-track-color:#f2f1f1; 
	scrollbar-darkshadow-color:#e4e4e4; 
	scrollbar-face-color:#ffffff; 
	scrollbar-highlight-color:#ffffff; 
	scrollbar-shadow-color:#ffffff;	
}
#wrapFlyView .replyList table tr td.reply span { float:left; padding-left:3px; }
#wrapFlyView .replyList table tr td.reply .send { margin-top:5px; }
#wrapFlyView .replyList table tr td.reply .infoTxt { display:block; margin-top:2px; padding:2px 5px; color:#666; background:#f8f8f8; font-size:11px; }

#wrapFlyView .pageingType02 { margin-top:6px; }
#wrapFlyView #footer { margin-top:40px; padding:10px 0px 30px; border-top:1px solid #e4e4e4; }
#wrapFlyView #footer img { vertical-align:top; }
#wrapFlyView #footer .logoFooter { float:left; padding-left:132px; }
#wrapFlyView #footer .address { float:left; }
#wrapFlyView #footer .address address img { display:block; padding:7px 0px 0px 8px; }
#wrapFlyView #footer .address span img { display:block; padding:6px 0px 0px 8px; }

/*pageing*/
.fanletterStar .pageingType02 { margin-top:6px; }

/*selectBox*/
.selectBox { z-index:9999; float:left; position:relative; width:198px; height:16px; border:1px solid #d7d7d7; background:#fff; }
.selectBox a.Box { overflow:hidden; display:block; text-decoration:none; text-align:center; }
.selectBox a.Box span { display:block; float:left; padding:3px 0 0px 10px; font:8pt dotum; color:#666666; cursor:hand; }
.selectBox a.Box img  { float:right; margin:1px; }
.selectBox .listBox { z-index:99999; position:absolute; width:198px; height:60px; padding:1px 1px 1px 0; margin:0 0 0 0; top:16px; left:-1px; border:1px solid #d7d7d7; border-top:none; background:url(http://svcimg.ufotown.com/UFO_IMAGE/common/icon/ico_dot_line_04.gif) top left no-repeat #fff; }
.selectBox .listBox .scrollBox { 
	list-style:none;
	overflow-y:scroll;	
	overflow-x:hidden;	
	height:60px; 
	margin:0px 0 0 1px; 
	padding:0px;
	scrollbar-3dlight-color:#e4e4e4;
	scrollbar-arrow-color:#a8a8a8; 
	scrollbar-track-color:#f2f1f1; 
	scrollbar-darkshadow-color:#e4e4e4; 
	scrollbar-face-color:#ffffff; 
	scrollbar-highlight-color:#ffffff; 
	scrollbar-shadow-color:#ffffff;	
	text-align:left;
}
.selectBox .listBox .scrollBox li { margin:0px; padding:0px; display:inline;  }
.selectBox .listBox .scrollBox li a { display:block; padding:3px 0 3px 10px; margin:0px; color:#666666; }
.selectBox .listBox .scrollBox li a:hover { background:#ebeaea; color:#333333; text-decoration:none; }

/*selectBox0*/
.selectBox0 { z-index:9999; float:left; position:relative; width:198px; height:16px; border:1px solid #d7d7d7; background:#fff; }
.selectBox0 a.Box { overflow:hidden; display:block; text-decoration:none; text-align:center; }
.selectBox0 a.Box span { display:block; float:left; padding:3px 0 0px 10px; font:8pt dotum; color:#666666; cursor:hand; }
.selectBox0 a.Box img  { float:right; margin:1px; }
.selectBox0 .listBox { z-index:99999; position:absolute; width:198px; height:60px; padding:1px 1px 1px 0; margin:0 0 0 0; top:16px; left:-1px; border:1px solid #d7d7d7; border-top:none; background:url(http://svcimg.ufotown.com/UFO_IMAGE/common/icon/ico_dot_line_04.gif) top left no-repeat #fff; }
.selectBox0 .listBox .scrollBox { 
	list-style:none;
	overflow-y:scroll;	
	overflow-x:hidden;	
	height:60px; 
	margin:0px 0 0 1px; 
	padding:0px;
	scrollbar-3dlight-color:#e4e4e4;
	scrollbar-arrow-color:#a8a8a8; 
	scrollbar-track-color:#f2f1f1; 
	scrollbar-darkshadow-color:#e4e4e4; 
	scrollbar-face-color:#ffffff; 
	scrollbar-highlight-color:#ffffff; 
	scrollbar-shadow-color:#ffffff;	
	text-align:left;
}
.selectBox0 .listBox .scrollBox li { margin:0px; padding:0px; display:inline;  }
.selectBox0 .listBox .scrollBox li a { display:block; padding:3px 0 3px 10px; margin:0px; color:#666666; }
.selectBox0 .listBox .scrollBox li a:hover { background:#ebeaea; color:#333333; text-decoration:none; }

/*selectBox1*/
.selectBox1 { z-index:9999; float:left; position:relative; width:198px; height:16px; border:1px solid #d7d7d7; background:#fff; }
.selectBox1 a.Box { overflow:hidden; display:block; text-decoration:none; text-align:center; }
.selectBox1 a.Box span { display:block; float:left; padding:3px 0 0px 10px; font:8pt dotum; color:#666666; cursor:hand; }
.selectBox1 a.Box img  { float:right; margin:1px; }
.selectBox1 .listBox { z-index:99999; position:absolute; width:198px; height:60px; padding:1px 1px 1px 0; margin:0 0 0 0; top:16px; left:-1px; border:1px solid #d7d7d7; border-top:none; background:url(http://svcimg.ufotown.com/UFO_IMAGE/common/icon/ico_dot_line_04.gif) top left no-repeat #fff; }
.selectBox1 .listBox .scrollBox { 
	list-style:none;
	overflow-y:scroll;	
	overflow-x:hidden;	
	height:60px; 
	margin:0px 0 0 1px; 
	padding:0px;
	scrollbar-3dlight-color:#e4e4e4;
	scrollbar-arrow-color:#a8a8a8; 
	scrollbar-track-color:#f2f1f1; 
	scrollbar-darkshadow-color:#e4e4e4; 
	scrollbar-face-color:#ffffff; 
	scrollbar-highlight-color:#ffffff; 
	scrollbar-shadow-color:#ffffff;	
	text-align:left;
}
.selectBox1 .listBox .scrollBox li { margin:0px; padding:0px; display:inline;  }
.selectBox1 .listBox .scrollBox li a { display:block; padding:3px 0 3px 10px; margin:0px; color:#666666; }
.selectBox1 .listBox .scrollBox li a:hover { background:#ebeaea; color:#333333; text-decoration:none; }

/*hidden*/
.hidden { position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */
.dspNone { display:none; }
/*clearfix*/
.clearfix:after  { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix   { display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */


.file_box { 
    position:relative ; 
    display:inline-block ;
	
    
} 
.file_box2 { 
    position:absolute ; 
    bottom:0 ; right:0 ; 
    display:inline-block ; 
    width:60px ; height:18px ; 
    overflow:hidden;
	
	
} 

.file { 
    position:absolute ; 
    bottom:0 ; right:0 ; 
    height:53px ; 
    font-size:224px ; 
    opacity:0 ; filter:alpha(opacity=0) 
}