@charset "utf-8";
/* 
------------------------------------------------------------
MGAME Web Design Team
first written: Yang Young bok 120806
updated: 
------------------------------------------------------------
*/

@import url("/_hosts/operation7.eu/css/2012/default.css");

/* gnb */
#gnb{min-width:940px; height:41px; background:url("/_hosts/image.operation7.eu/2012/main/common/gnb/bg_gnb.gif") repeat-x;}
.gnbContent{position:relative; margin:0 auto; padding:0 0 0 0; width:940px; font-family:Verdana; text-align:right; z-index:10;}
.gnbContent h1{float:left; margin:0 0 0 0; padding:0 13px 0 10px;}
.gnbContent .nation{position:relative; float:left; margin:2px 0 0 15px; width:124px; border:1px solid #000000; text-align:left;}
.gnbContent .nation .select{position:relative; height:23px; background:url("/_hosts/image.operation7.eu/2012/main/common/gnb/bg_nation.gif") no-repeat; z-index:10;}
.gnbContent .nation a{display:block; padding:3px 0 0 43px; height:20px; background:url("/_hosts/image.operation7.eu/2012/main/common/gnb/bu_nation.gif") no-repeat 0 100px; font-family:"Arial Unicode MS"; font-size:12px; color:#ffffff; text-decoration:none;}
.gnbContent .nation a.gb{background-position:8px 4px;}
.gnbContent .nation a.de{background-position:8px -16px;}
.gnbContent .nation a.it{background-position:8px -36px;}
.gnbContent .nation a.fr{background-position:8px -56px;}
.gnbContent .nation a.es{background-position:8px -76px;}
.gnbContent .nation a.nl{background-position:8px -96px;}
.gnbContent .nation a.pl{background-position:8px -116px;}
.gnbContent .nation a.tr{background-position:8px -136px;}
.gnbContent .nation ul{position:absolute; top:21px; left:-1px; width:100%; border:1px solid #000000; background:#2c302f;}
.gnbContent .nation li{border-top:1px solid #464948;}
.gnbContent .nation li a{border-top:1px solid #151616;}
.gnbContent a.text{padding:0 0 0 15px; background:url("/_hosts/operation7.eu/css/images/common/gnb/bu_forgot.gif") no-repeat 0 2px; font-weight:bold; font-size:10px; color:#fff;}
.gnbContent input{margin:0 0 0 5px; vertical-align:middle;}
.gnbContent input.text{padding:2px 0 0 3px; width:100px; height:16px; border:1px solid #3a3a3a; background:#6e6e79 url("/_hosts/image.operation7.eu/2012/main/common/gnb/input.gif") no-repeat 0 100px; color:#bbbbbb;}
.gnbContent input.id{background-position:3px 0;}
.gnbContent input.pw{background-position:3px -20px;}
.gnbContent input.btn{width:78px; height:22px; border:0; background:url("/_hosts/image.operation7.eu/2012/main/common/gnb/input.gif") no-repeat 0 -40px; font-weight:bold; font-size:11px; color:#ffffe7; cursor:pointer;}
.gnbContent input.sign{width:95px; background-position:0 -70px;}

/* layout */
#wrap{min-width:993px; background:#3d3d3d url("/_hosts/image.operation7.eu/2012/main/common/bg_wrap.jpg") no-repeat center 0; overflow:hidden;}
#header, #container, #footer .bg{margin:0 auto; padding:0 40px; width:913px;}
#header{position:relative; height:346px; overflow:hidden;}
#container{padding-top:35px; padding-bottom:147px; *zoom:1;}
#container:after{clear:both; content:''; display:block;}
#snb{position:relative; float:left; padding:0 0 34px 22px; width:350px; background:url("/_hosts/image.operation7.eu/2012/main/common/bg_snb.jpg") no-repeat 0 bottom;}
#content{position:relative; float:right; width:521px;}
#footer{padding-top:39px; min-width:993px; height:80px; background:#000000;} 
#footer .bg{padding-right:0; width:953px;}

/* header */
#header h1{float:left; margin:0 38px 0 0; background:url("/_hosts/image.operation7.eu/2012/main/common/header/bg_gnb.png") no-repeat -500px -500px;} 
.gnb{position:relative; float:left; padding:0 0 0 39px; width:603px;}
.gnbSub, .gnbSub2{height:233px; background:url("/_hosts/image.operation7.eu/2012/main/common/header/bg_gnb.png") no-repeat 0 52px; _background-image:url("/_hosts/image.operation7.eu/2012/main/common/header/bg_gnb.gif"); z-index:10;}
.gnb li{position:relative; float:left;}
.gnb ul{position:absolute; top:58px; left:8px; display:none;}
.gnbSub ul{display:block;}
.gnbSub2 ul{display:block; line-height:13px}
.gnbSub2 ul li{margin-bottom:5px !important}
.gnb ul li{float:none; margin:0 0 4px 0; font-size:11px;}
.gnb a{color:#ccd5d5; text-decoration:none;}
.gnb a:hover{color:#18dea4;}
.issue .rolling{position:relative; width:885px; height:231px; overflow:hidden;} 
.issue .image{position:static !important;}
.issue{clear:both; position:absolute; top:95px; left:31px; padding:10px 0 0 22px; width:908px; height:241px; background:url("/_hosts/image.operation7.eu/2012/main/common/header/bg_issue.gif") no-repeat;}
.issue .number{position:absolute; top:186px; left:73px; overflow:hidden; _zoom:1;z-index:100;}
.issue .number li{float:left; margin:0 5px 0 0;}
.issue .number a{display:block; padding:2px 0 0 0; width:23px; height:20px; border:1px solid #2b2d27; background:#0d0e0e; font-family:Verdana; font-weight:bold; font-size:14px; color:#4d5144; text-align:center; text-decoration:none;}
.issue .number a.on, .issue .number a:hover{border-color:#980000; background:#980000; color:#ffffff;}

/* snb */
#snb p.first{margin:0 0 18px -22px; padding:23px 0 0 22px; background:url("/_hosts/image.operation7.eu/2012/main/common/bg_snb.jpg") no-repeat;}
#snb .free, #snb .shop, #snb .vod, #snb .find{background:url("/_hosts/image.operation7.eu/2012/main/common/bg_main.gif") no-repeat;}
#snb .free{position:relative; margin:20px 0 22px 0; width:328px; height:166px; background-position:0 0;}
#snb .free h2{position:absolute; top:132px; left:0; width:100%; text-align:center;}
#snb .free ul{padding:3px 0 0 4px; overflow:hidden; _zoom:1;}
#snb .free li{float:left; margin:0 1px 1px 0;}
#snb .shop{position:relative; margin:0 0 24px 0; padding:17px 0 0 0; width:328px; height:166px; background-position:0 -170px; font-family:Vardana;}
#snb .shop h2{position:absolute; top:152px; left:0; width:100%; text-align:center;}
#snb .shop .item{position:relative; margin:0 0 0 13px; width:310px; overflow:hidden; _zoom:1;}
#snb .shop .item li{float:left; margin:0 6px 0 7px; padding:2px; width:84px; height:103px; background:#773700; font-size:11px; text-align:center; display:inline;}
#snb .shop .item img{display:block; margin:0 0 2px 0;}
#snb .shop .item a{color:#a0a0a0;}
#snb .shop .item .item_shop {background-color:transparent !important;}
#snb .shop .number{position:absolute; bottom:16px; right:15px;}
#snb .shop .number li{float:left; margin:0 3px 0 0;}
#snb .shop .number a{display:block; width:12px; height:12px; background:#0f1010; font-size:8px; line-height:13px; color:#525b58; text-align:center; text-decoration:none; overflow:hidden;}
#snb .shop .number a:hover, #snb .shop .number a.on{background:#980000; color:#e8f0ee;}
#snb .vod{position:relative; margin:0 0 26px 0; width:328px; height:290px; background-position:0 -360px;}
#snb .vod .list{margin:0 2px 1px 2px; position:relative; overflow:hidden; _zoom:1;}
#snb .vod .list .prev, #snb .vod .list .next{position:absolute; top:0;}
#snb .vod .list .prev{left:0;}
#snb .vod .list .next{right:0;}
#snb .vod .list ul{margin:0 0 0 24px;}
#snb .vod .list li{float:left; margin:0 1px 0 0;}
#snb .vod .tab{overflow:hidden; _zoom:1;}
#snb .vod .tab li{float:left;}
#snb .vod .video{padding:2px;width:324px;height:197px;}
#snb .find{position:absolute; top:50px; left:-48px; padding:17px 0 0 8px; width:41px; height:211px; background-position:0 -660px;}
#snb .find h2{position:absolute; top:118px; left:14px;}

/* content */
.ranking{position:relative; margin:0 0 21px 0; width:521px; height:226px; background:url("/_hosts/image.operation7.eu/2012/main/common/bg_main.gif") no-repeat -350px 0;}
.ranking h2{padding:30px 0 0 28px; height:34px;}
.ranking .tab{margin:0 0 0 8px; overflow:hidden; _zoom:1;}
.ranking .tab li{float:left;}
.ranking .list{position:absolute; top:108px; left:30px; width:460px;height:105px; font-size:13px; color:#e1e2e1;}
.ranking .list li{margin:0 0 3px 0;}
.ranking .list span{display:inline-block; width:45px; text-align:center; vertical-align:middle;}
.ranking .list span.user{padding:0 0 0 15px; width:180px; text-align:left;}
.ranking .list span.point{width:105px; text-align:left;}
.ranking .list img{vertical-align:middle;}
.ranking .list .divBgTrans {background-color:transparent !important;width:460px;}
.ranking .more{position:absolute; top:42px; right:36px;}
.notice ul{overflow:hidden;}
.notice li{margin:-2px 0 0 0; padding:17px 27px 20px 55px; background:url("/_hosts/image.operation7.eu/2012/main/common/line_notice.gif") repeat-x; font-size:14px; line-height:20px; color:#b3b3b3; _zoom:1;}
.notice li img{margin:5px 0;}
.notice .title a{display:block; margin:0 0 0 -28px; padding:0 0 2px 28px; background:url("/_hosts/image.operation7.eu/2012/main/common/bu_notice.gif") no-repeat 0 2px; font-weight:bold; font-size:15px; color:#f6fffc;}
.notice .detail{display:none;}
.notice .on .title a{background-position:0 -48px;}
.notice .on .detail{display:block;}
#content .banner{position:absolute; top:20px; right:-116px;}

/* footer */
#footer h2{float:left; padding:9px 0 20px 34px; word-spacing:20px;}
#footer .agreement{margin:0 0 2px 292px; font-weight:bold;}
#footer .agreement a{color:#98a198;}
#footer address{margin:0 0 0 292px; font-style:normal; font-size:11px; letter-spacing:-0.2px; color:#636a63;}
#footer .inquiry{padding:0 0 0 21px; background:url("/_hosts/image.operation7.eu/2012/main/common/footer/bu_inquiry.gif") no-repeat 0 3px; color:#636a63;}