/* CSS Document */ /*메인 탑 수정_0527*/ #JKTop_photo{ width:970px; float:left; } #jkupper_0527{ border-top:2px solid #5A5A5A;} .upper1{ float:left; width:280px; font-size:11px !important; padding-top:6px; padding-bottom:4px; } .upper1 li{ float:left; background:url(../images/upper_arrow1.gif) 0 42% no-repeat; padding-left:5px; margin-right:8px; } .upper2{ float:right; padding-top:6px; text-align:right;} .upper2 li{ float:left;} .upper2 li.login{ margin-right:5px;} .upper2 li.weather{ width:120px; height:23px; margin-right:10px; } #jk_logo { clear:both; float:left; width:970px; height:70px; position:relative; } #jk_logo .jk_logo{ width:190px; float:left; padding-top:0px; padding-left:5px; } #jk_logo .update { float:left; width:154px; padding-top:15px; } #jk_logo .search { float:left; width:300px; padding-top:20px; } #jk_logo .jk_ad { float:right; width:300px; text-align:right; } #jk_logo .searchtxt { width:220px; height:18px; } * html .png24 {tmp:expression(setPng24(this));} /*JKWrap*/ #Wrap{background:url(http://img.jknews.co.kr/domain/news/top_bg.gif) repeat-x;} #JKWrap { margin:0 auto; width:970px; } #JKTop{ margin: 0 auto; } #JKwraphead{ width: 970px; margin: 0 auto; height: 84px;} #JKupbar{ height: 20px; text-align:right; font-size:90%; padding-top: 3px; width: 948px; } #JKLogoline{ width: 970px; height:68px; float:left; text-align:left; } /* height:62px; */ #JKlogo{ width:222px; float: left; height:43px; background:url(http://img.jknews.co.kr/domain/www/JKlogo.gif) no-repeat; top: 0px; left: 0px; background-position: 0px 0px;} #JKlogo a{ width:222px; height:43px; display:block;} .jkweather{ position:absolute; bottom:3px; right:115px; width:100px; height:23px;} #JKweather p{ margin-top:4px;} .txt_ad1{ width:250px; float:left; padding-top:25px; } .Update_0529{ position:absolute; height:23px; width:130px; right:0; bottom:0; text-align:right;} #JKwarphead{ clear:both; float:left;} /*JKheadBN*/ #JKheadBN{ float: right; width: 500px; text-align:right; } #JKheadBN iframe{ border: solid 0px;} /*ad_top */ #ad_Wrap{background:#e3e3e3;} #ad_top{ width:100%; text-align:center; margin:auto; width:970px;} /*JKnav*/ #JKnav{ clear:both; width:970px; position: relative; } #JKnav #JKcommonnav { margin-left:0px; width:970px; height:33px; background-image: url(http://img.jknews.co.kr/domain/www/JKnavbg_main.gif); background-repeat: no-repeat; } #JKnav #JKcommonnav li{ display:inline;} #JKnav #JKcommonnav li a{ float:left; height: 33px; overflow: hidden; display:block; background-image: url(http://img.jknews.co.kr/domain/www/JKnavbg_main.gif); background-repeat: no-repeat; } #JKnav #JKcommonnav #jk-news a { width: 75px;} #JKnav #JKcommonnav #jk-bizNft a { width: 95px;} #JKnav #JKcommonnav #jk-photo a {width: 72px; } #JKnav #JKcommonnav #jk-TV a { width: 65px; } #JKnav #JKcommonnav #jk-hot a {width: 80px; } #JKnav #JKcommonnav #jk-life a { width: 78px;} #JKnav #JKcommonnav #jk-sports a {width: 79px;} #JKnav #JKcommonnav #jk-entertainments a { width: 66px; } #JKnav #JKcommonnav #jk-company a{ width:106px;} /* BUTTONS */ #JKnav #JKcommonnav li#jk-news a { background-position: 0 0; } #JKnav #JKcommonnav li#jk-bizNft a { background-position: -75px 0; } #JKnav #JKcommonnav li#jk-photo a { background-position: -170px 0; } #JKnav #JKcommonnav li#jk-TV a { background-position: -242px 0; } #JKnav #JKcommonnav li#jk-hot a { background-position: -307px 0; } #JKnav #JKcommonnav li#jk-sports a { background-position: -387px 0; } #JKnav #JKcommonnav li#jk-entertainments a { background-position: -466px 0; } #JKnav #JKcommonnav li#jk-life a { background-position: -532px 0; } #JKnav #JKcommonnav li#jk-company a { background-position:-614px 0; } /* OVER STATES */ #JKnav #JKcommonnav li#jk-news a:hover { background-position: 0 -34px; } #JKnav #JKcommonnav li#jk-bizNft a:hover { background-position: -75px -34px; } #JKnav #JKcommonnav li#jk-photo a:hover { background-position: -170px -34px; } #JKnav #JKcommonnav li#jk-TV a:hover { background-position: -242px -34px; } #JKnav #JKcommonnav li#jk-hot a:hover { background-position: -307px -34px; } #JKnav #JKcommonnav li#jk-life a:hover { background-position: -532px -34px; } #JKnav #JKcommonnav li#jk-sports a:hover { background-position: -387px -34px; } #JKnav #JKcommonnav li#jk-entertainments a:hover { background-position: -466px -34px; } #JKnav #JKcommonnav li#jk-company a:hover { background-position: -614px 0; } /* PRESSED STATES */ #JKnav #JKcommonnav li#jk-news a:active { background-position: 0 -68px; } #JKnav #JKcommonnav li#jk-bizNft a:active { background-position: -75px -68px; } #JKnav #JKcommonnav li#jk-photo a:active { background-position: -170px -68px; } #JKnav #JKcommonnav li#jk-TV a:active { background-position: -242px -68px; } #JKnav #JKcommonnav li#jk-hot a:active { background-position: -307px -68px; } #JKnav #JKcommonnav li#jk-life a:active { background-position: -532px -68px; } #JKnav #JKcommonnav li#jk-sports a:active { background-position: -387px -68px; } #JKnav #JKcommonnav li#jk-entertainments a:active { background-position: -466px -68px; } #JKnav #JKcommonnav li#jk-company a:active{ background-position: -614px 0; } /* ON STATES --각하부메인페이지마다 각각의 클래스를 추가해주시면 됩니다. */ #JKnav.home #JKcommonnav li#jk-news a { background-position: 0 -102px; !important; } #JKnav.business #JKcommonnav li#jk-bizNft a { background-position: -75px -102px; !important; } #JKnav.photo #JKcommonnav li#jk-photo a { background-position: -170px -102px; !important;} #JKnav.TV #JKcommonnav li#jk-TV a { background-position: -238px -102px; !important; } #JKnav.hot #JKcommonnav li#jk-hot a { background-position: -305px -102px; !important;} #JKnav.life #JKcommonnav li#jk-life a { background-position: -450px -102px; !important;} #JKnav.sports #JKcommonnav li#jk-sports a { background-position: -370px -102px; !important;} #JKnav.entertainments #JKcommonnav li#jk-entertainments a { background-position: -529px -102px; !important;} /* jk SEARCH */ #JKsearch{ float: left; width:204px; height:19px; background-position: 100% 0; background-repeat: no-repeat; position: relative; padding:6px 0px 8px 50px; } #JKsearch.active { background-position: 100% -34px; } #JKsearch label .prettyplaceholder { display: block; overflow: hidden; text-indent: -9999px; height: 0; width: 0;} #JKsearch input.g-prettysearch { height: 18px; margin-left: 11px; background: url(http://img.jknews.co.kr/domain/www/searchfield_repeat.png) center top repeat-x; } #JKsearch input.g-prettysearch { width: 160px; } #JKsearch input { color: #7E7E7E; } .nbsp{ float:left; width:128px; margin-left:5px; margin-top:1px; height:16px;} .btn1{ margin-left: 5px; margin-right: 7px; border:none;} /*JKsubnav*/ #JKsubnav{ clear:both; height:29px; background:url(http://img.jknews.co.kr/domain/www/bar_bg.gif); } * html #JKsubnav{ clear:both; width:970px; height:29px; background:url(http://img.jknews.co.kr/domain/www/bar_bg.gif); position:relative; } #JKsubnav img.side1{ float:left; } #JKsubnav img.side2{ float: right; vertical-align:top;} *html #JKsubnav img.side2{ position:absolute; right:0; top:0;} #JKsub{float:left; width:670px; margin: 0px 10px;} *html #JKsub{float:left; width:650px; margin: 0px 10px;} #JKsub1{ position:relative; left:0px; top:0px; visibility: visible; float:left; width:653px; display:block;} #JKsub2{ position:relative; left:40px; top:0px; visibility: visible; float:left; width:594px; display:none;} #JKsub3{ position:relative; left:100px; top:0px; visibility: visible; float:left; width:594px; display:none;} #JKsub4{ position:relative; left:160px; top:0px; visibility: visible; float:left; width:400px; display:none;} #JKsub5{ position:relative; left:100px; top:0px; visibility: visible; float:left; width:520px; display:none;} #JKsub6{ position:relative; left:260px; top:0px; visibility: visible; float:left; width:480px; display:none;} #JKsub7{ position:relative; left:330px; top:0px; visibility: visible; float:left; width:400px; display:none;} #JKsub8{ position:relative; left:405px; top:0px; visibility: visible; float:left; width:400px; display:none;} /* tv부분은 하부카테고리가 없습니다.*/ #JKsub1 ul li, #JKsub2 ul li, #JKsub3 ul li, #JKsub4 ul li, #JKsub5 ul li, #JKsub6 ul li, #JKsub7 ul li, #JKsub8 ul li, #JKsub9 ul li{ float:left; padding:9px 10px 0 10px; color:#390001; line-height:100%;} #JKsub1 ul li a, #JKsub2 ul li a, #JKsub3 ul li a, #JKsub4 ul li a, #JKsub5 ul li a, #JKsub6 ul li a, #JKsub7 ul li a, #JKsub8 ul li a, #JKsub9 ul li a{ color:#390001;} #JKsub1 ul li a:hover, #JKsub2 ul li a:hover, #JKsub3 ul li a:hover, #JKsub4 ul li a:hover, #JKsub5 ul li a:hover, #JKsub6 ul li a:hover, #JKsub7 ul li a:hover, #JKsub8 ul li a:hover, #JKsub9 ul li a:hover{ color:#390001; text-decoration:underline;} #JKsub1 ul li.red{ color:#ca0002;} #JKsub1 ul li.red a{ color:#ca0002;} #JKsub1 ul li.red a:hover{ color:#ca0002;} #JKtopAD { width:215px; float: left; text-align:right; margin-top:8px; margin-left:49px; color:#bd3500;} /*font-weight:bold;*/ * html #JKtopAD { width:200px; float: left; text-align:right; padding-top:8px; margin-top:0; margin-left:49px; font-weight:bold; color:#bd3500;}