@charset "utf-8";

/* visual bg 이미지 변경 , bg 사이 간격 */
.bgMain {background-color:#BDB490; background-image:url('../images/bg/StarhomeBgImg.jpg');}
.bgProfile {background-color:#D5CDBB; background-image:url('../images/bg/ProfileBgImg.jpg');}
.bgIntroduce {background-color:#92927A; background-image:url('../images/bg/DiscographyBgImg.jpg');}
.bgReview {background-color:#A4AAAA; background-image:url('../images/bg/ReviewBgImg.jpg');}
.bgVideos {background-color:#BFAC8B; background-image:url('../images/bg/VideosBgImg.jpg');}
.bgGallery {background-color:#B4A57E; background-image:url('../images/bg/GalleryBgImg.jpg');}
.bgExtras {background-color:#A4AAAA; background-image:url('../images/bg/ExtrasBgImg.jpg');}
/*
.bgMobile {background-color:#FFFFFF; }
.bgNotice {background-color:#BDB490; background-image:url('http://cloud01.smtown.com/upload/starhome/layout/superjunior/ver09/NoticeBgImg.jpg');}
.bgSchedule {background-color:#BDB490; background-image:url('http://cloud01.smtown.com/upload/starhome/layout/superjunior/ver09/ScheduleBgImg.jpg');}
.bgFanBoard {background-color:#BDB490; background-image:url('http://cloud01.smtown.com/upload/starhome/layout/superjunior/ver09/FanBoardBgImg.jpg');}
.bgFromStar {background-color:#BDB490; background-image:url('http://cloud01.smtown.com/upload/starhome/layout/superjunior/ver09/FromStarBgImg.jpg');}
.bgStaffDiary {background-color:#BDB490; background-image:url('http://cloud01.smtown.com/upload/starhome/layout/superjunior/ver09/StaffDiaryBgImg.jpg');}
*/

.MainSpace {/*height:552px;*/height:544px;}
.ProfileSpace {height:292px;}
.PortfolioSpace {}
.DiscographySpace {height:292px;}
.VideosSpace {height:292px;}
.GallerySpace {height:292px;}
.ExtrasSpace {height:292px;}
.MobileSpace {}
.NoticeSpace {height:271px;}
.ScheduleSpace {height:271px;}
.FanBoardSpace {height:271px;}
.StaffDiarySpace {height:271px;}
.FromStarSpace {height:271px;}

.artCol1{color:#88715E;}
.artBg1{[[TitleBgColor]]}
.tb_th1{background-color:#F0EDDF; color:#7D8789;}
.table1, .boardList {border-top-color:#D8D4C3; border-bottom-color:#D8D4C3;}

.schdule_bg{border-color:#F0EDDF;}



#wrap #header{ background-image:url('../images/layout/MenuBarImg.png');}
#header #gnb{}
#header #gnb li a,
#header h1 a,
#header #tUtil li a{ background-image:url('../images/layout/MenuImg.png');}

#header #gnb li a.Profile {width:72px; background-position:-113px 0;}
#header #gnb li a.Introduce {width:92px; background-position:-185px 0;}
#header #gnb li a.Review {width:68px; background-position:-277px 0;}
#header #gnb li a.Videos {width:68px; background-position:-345px 0;}
#header #gnb li a.Gallery {width:75px; background-position:-413px 0;}
#header #gnb li a.avexforum {width:90px; background-position:-488px 0;}
/*
#header #gnb li a.Profile {width:72px; background-position:-113px 0px;}
#header #gnb li a.Discography {width:109px; background-position:-185px 0px;}
#header #gnb li a.Portfolio {width:91px; background-position:-294px 0px;}
#header #gnb li a.Videos {width:67px; background-position:-385px 0px;}
#header #gnb li a.Gallery {width:77px; background-position:-452px 0px;}
#header #gnb li a.Extras {width:70px; background-position:-529px 0px;}
#header #gnb li a.Mobile {width:67px; background-position:-599px 0px;}
*/
#header #gnb li a.Profile_hover {width:72px; background-position:-113px -36px;}
#header #gnb li a.Introduce_hover {width:92px; background-position:-185px -36px;}
#header #gnb li a.Review_hover {width:68px; background-position:-277px -36px;}
#header #gnb li a.Videos_hover {width:68px; background-position:-345px -36px;}
#header #gnb li a.Gallery_hover {width:75px; background-position:-413px -36px;}
/*#header #gnb li a.Profile_over {width:72px; background-position:-113px -36px;border:1px solid #000;}
#header #gnb li a.Discography_over {width:109px; background-position:-185px 0px;}
#header #gnb li a.Portfolio_over {width:91px; background-position:-294px 0px;}
#header #gnb li a.Videos_over {width:67px; background-position:-385px 0px;}
#header #gnb li a.Gallery_over {width:77px; background-position:-452px 0px;}
#header #gnb li a.Extras_over {width:70px; background-position:-529px 0px;}
#header #gnb li a.Mobile_over {width:67px; background-position:-599px 0px;} 

#header #tUtil li a.Notice {width:44px; background-position:-666px 0px;}
#header #tUtil li a.Schedule {width:57px; background-position:-710px 0px;}
#header #tUtil li a.FanBoard {width:58px; background-position:-767px 0px;}
#header #tUtil li a.FromStar {width:59px; background-position:-825px 0px;}
#header #tUtil li a.StaffDiary {width:63px; background-position:-884px 0px;}	
*/	

.bgMain #wrap #subCon, .bgMain #wrap #subCon #con_inner {}
.bgProfile #wrap #subCon, .bgProfile #wrap #subCon #con_inner {}
.bgDiscography #wrap #subCon, .bgDiscography #wrap #subCon #con_inner {}
.bgPortfolio #wrap #subCon, .bgPortfolio #wrap #subCon #con_inner {}
.bgVideos #wrap #subCon, .bgVideos #wrap #subCon #con_inner {}
.bgGallery #wrap #subCon, .bgGallery #wrap #subCon #con_inner {}
.bgExtras #wrap #subCon, .bgExtras #wrap #subCon #con_inner {}
.bgMobile #wrap #subCon, .bgMobile #wrap #subCon #con_inner {}
.bgNotice #wrap #subCon, .bgNotice #wrap #subCon #con_inner {}
.bgSchedule #wrap #subCon, .bgSchedule #wrap #subCon #con_inner {}
.bgFanBoard #wrap #subCon, .bgFanBoard #wrap #subCon #con_inner {}
.bgStaffDiary #wrap #subCon, .bgStaffDiary #wrap #subCon #con_inner {}
.bgFromStar #wrap #subCon, .bgFromStar #wrap #subCon #con_inner {}

#abView, #abView #inner {}
/*---------------------------------------common img ---------------------------------*/
#header #tUtil,  
.paging a.prev, 
.paging a.next, 
.schedule tbody td .schWrap .today .todayIcon, 
#footBan ul.footMenu li, 
#footBan ul.footMenu li a, 
#footBan .preVer strong, 
#footCopy li,
#footCopy li a,
.lst_mv ul li .pic .btnPlay, 
.lst_mv .info .num, 
.n_album .nAb_con .info .num, 
#news li .txt .dot,		
#ufoTown li, 
.schLf .prev, 
.schLf .next, 
#newAlbum .txt .num, 
#latestMV ul li .pic .btnPlay, 
#latestMV .info .num, 
.commentBox .cnt_write p.tit, 
.cnt_write .tit,
.mvList li .btnPlay, 
.schd_top .ct .prev, 
.schd_top .ct .next, 
#boardV_util1 .bv_ut1 .cnt,
#ltMv .mvBox .prev, 
#ltMv .mvBox .next, 
#ltMv .mvBox li .btnPlay,
.pfCon .info li .dot,
.pfBoard li .dot,
.dimClose,
.mvdata ul li .twitter,
.mvdata ul li .facebook ,
.more,
.table1 tbody td .abInfo_off,
.table1 tbody td .abInfo_on,
.table1 tbody td .ico_lyrics_on,
.table1 tbody td .ico_lyrics_off,
.table1 tbody td .ico_movicvideo_on,
.table1 tbody td .ico_movicvideo_off,
.table1 tbody td .ico_ar_on,
.table1 tbody td .ico_ar_off,
.table1 tbody td .ico_mr_on,
.table1 tbody td .ico_mr_off,
.table1 tbody td .ico_ituns_on,
.table1 tbody td .ico_ituns_off,
.ico_down_mr,
.ico_down_ar,
.slideList .prev,
.slideList .next,
.specList dd li,
#abView .profile li,
#ScheduleCalendar .schLayer .inner .schl_close
{background-image:url('../images/common/CommonImg.png');}

/*---------------------------------------board img-----------------------------------*/
.paging a, .paging a span, .paging strong, .paging strong span, 
.boardList td.story p .icoNew, 
.boardList .tr_notice td .icoSpan, 
.boardList td.story p .icoFile, 
#boardV_tle h3 .icoNew, 
#boardV_tle h3 .icoNews, 

#boardV_con .dataFile span, 
#boardV_util2 .ut_tag .icoTag,
#boardV_util2 .ut_click .clk_recmd .clk_icon ,  
#boardV_util2 .ut_click .clk_report .clk_icon, 
#boardV_btm ul li, 
.icoRec , 
.icoDel , 
.icoNotify , 
.btnReply , 
.icoReply,
.btnBoardGroup,
.boardList td.story .icoReply,
.rep_list .div_reply .icoReply
{background-image:url('../images/layout/BoardImg.png');}

/*---------------------------------------title img ---------------------------------*/
.lst_mv h3, 
.lst_photo h3, 
.n_album h3, 
#news h2,
#ufoTown h2, 
#toSchdule h2, 
#newAlbum h2, 
#latestMV h2, 
#starTwr h2, 
.h2_profile, 
.h2_nRelease,
.h2_video, 
.h2_gallery, 
.h2_extras, 
.h2_mobile, 
.h2_notice, 
.h2_schedule, 
.h2_fanboard, 
.h2_fromstar, 
.h2_staffdiary, 
.h3_gpMember, 
.h3_abIntro, 
.h3_trInfo, 
.h3_news, 
.pf_awards h3, 	
.pf_career h3, 
.galleryTop labe,
#abView h4,
#ltMv h2{background-image:url('../images/layout/TitleImg.png');}

/*---------------------------------------button img ---------------------------------*/
.btnButtonGroup {background-image:url('../images/layout/ButtonImg.png');}
.subtitle .tab .tabKorea  {background-image:url('../images/layout/ButtonImg.png');}

#ScheduleCalendar .schLayer strong,
#ScheduleCalendar .schLayer .inner{background-image:url('../images/layout/ScheduleLayerImg.png');}