@charset "euc-kr";
@import url("/css/base.css");
@import url("/css/layout.css");
@import url("/css/board.css");
/********************************************************************
Vricks Republic Publishing S&A
Beginning : 2009-08-15
Final : 2009-09-08
*********************************************************************/

#media							{ float: left; display: inline; padding-bottom: 35px; margin-left: -10px; position: relative; width: 540px; }
#media dt, #media dd			{ float: left; }
#media dt						{ position: absolute; top: 0; left: 410px; }
#media dd						{ padding: 10px 0; padding-left: 18px; }
#media dd.pic					{ width: 379px; height: 286px; background: url("http://download.tera-online.com/images/bg/bg_pic.gif") no-repeat 0 0; padding: 11px 13px 11px 12px; float: left; display: inline; }
#media dd.forWeb				{ margin-top: 40px; }
#media dd ul li					{ font-size: 11px;; color: #B0ABA2; padding: 2px 0; }
#media dd ul li a				{ color: #B0ABA2; }
#media dd.full					{ position: absolute; top: 279px; left: 405px; }

#mediaList						{ width: 524px; height: 370px; float: left; overflow: hidden; position: relative; left: -10px; }
#mediaList ul					{ float: left; position: absolute; top: 0; left: 0; width: 550px; background: url("http://download.tera-online.com/images/bg/bg_line.gif") repeat-x 0 0; }
#mediaList ul li				{ float: left; padding: 15px 0 25px; background: url("http://download.tera-online.com/images/bg/bg_line.gif") repeat-x 0 100%; }
#mediaList ul li dl				{ margin-right: 12px; }
#mediaList ul li dl dt			{ font-weight: bold; letter-spacing: 0.1em; margin-bottom: 5px; color: #B3996E; }
#mediaList ul li dl dd			{ border: #655946 1px solid; width: 164px; height: 123px; }
#mediaList ul li dl dd img		{ display: block; }

#media2							{ width: 522px; border: 1px solid #70634E; margin-left: -10px; position: relative; margin-bottom: 20px; text-align: center; }
.screenDown						{ float: right; margin-bottom: 20px; }

#mediaList2						{ width: 524px; height: 350px; float: left; overflow: hidden; position: relative; left: -10px; }
#mediaList2 ul					{ float: left; position: absolute; top: 0; left: 0; width: 550px; background: url("http://download.tera-online.com/images/bg/bg_line.gif") repeat-x 0 0; }
#mediaList2 ul li				{ float: left; padding: 25px 0 25px; background: url("http://download.tera-online.com/images/bg/bg_line.gif") repeat-x 0 100%; }
#mediaList2 ul li dl			{ margin-right: 12px; }
#mediaList2 ul li dl dd			{ border: #655946 1px solid; width: 164px; height: 123px; }
#mediaList2 ul li dl dd img		{ display: block; }

#mediaList3						{ width: 524px; height: 350px; float: left; overflow: hidden; position: relative; left: -10px; }
*html #mediaList3				{ margin-bottom: -20px; }
*:first-child+html #mediaList3	{ margin-bottom: -20px; }
#mediaList3 ul					{ float: left; position: absolute; top: 0; left: 0; width: 550px; background: url("http://download.tera-online.com/images/bg/bg_line.gif") repeat-x 0 0; }
#mediaList3 ul li				{ float: left; padding: 25px 0 25px; background: url("http://download.tera-online.com/images/bg/bg_line.gif") repeat-x 0 100%; }
#mediaList3 ul li dl			{ margin-right: 12px; }
#mediaList3 ul li dl dd			{ border: #655946 1px solid; width: 164px; height: 123px; }
#mediaList3 ul li dl dd img		{ display: block; }

/* Video */
#video							{ position: relative; left: -10px; }

/* layer */
.showPlayer						{ position: absolute; z-index: 100; }
.hidePlayer						{ position: absolute; z-index: 0; top: -2000px; left: -2000px; }
.showLayer						{ position: absolute; z-index: 100; visibility: visible; }
.hideLayer						{ position: absolute; z-index: 0; visibility: hidden; top: 0; left: 0; }
.backDimOn						{ position: absolute; top: 0; left: 0; background: url("http://download.tera-online.com/images/bg/dim.png") repeat 0 0; z-index: 50; }
*html .backDimOn				{ background-image: none; background-color: #000; filter: alpha(opacity: 70); }
.backDimOff						{ z-index: 0; }

#fullLayer						{ width: 960px; height: 600px; background: url("http://download.tera-online.com/images/bg/bg_full.png") no-repeat 0 0; float: left; }
*html #fullLayer				{ background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="crop", src="http://download.tera-online.com/images/board/bg_board_con_m.png"); display: inline; }
#fullLayer #fullImg				{ position: relative; top: 52px; left: 24px; width: 918px; height: 514px; border: 1px solid #52493F; }
#fullLayer a.closeLayer			{ position: relative; top: -230px; left: -5px; }


/* LNB */
#lnbList {width:130px;height:105px;padding:47px 0 0 41px;}
#lnbList ul {position:absolute;z-index:2;}
#lnbList li {width:130px;height:21px;overflow:hidden;display:block;}
#lnbList li a {display:block;position:relative;width:130px;height:21px;overflow:hidden;}
#lnbList img {position:absolute;left:0;top:0;}
#lnbList img.placer {z-index:3;}
#lnbList img.ion {z-index:2;}
#lnbList img.ioff {z-index:1;}
#lnbList li.OFF img.ion {display:none;}
#lnbList li.ON img.ioff {display:none;}
#lnbList li.OFF a:hover img.ioff {display:none;}
#lnbList li.OFF a:hover img.ion {display:block;}

#fanKit {width:231px;height:135px;margin-left:40px;background:url(/images/gnb/lnb_fankit.jpg) no-repeat;position:relative;z-index:1;margin-top:10px;}
#fanKit a {display:block;width:71px;height:18px;position:absolute;top:85px;left:28px;}
#fanKit a span {display:none;}