/* MODULE : Webzine 3 G-Star 101110 Main */ /* APPLIES TO */ /* WRAPPING */ /* SPECIFICATION */ /* Basic Layout */ #webzine3ModGstar101110Main { width: 693px; background: #26384a; overflow: hidden; } #webzine3ModGstar101110Main .modBody { width: 700px; margin-left: 3px; padding: 3px 0; overflow: hidden; } /* Specials */ #webzine3ModGstar101110Main .modSpecialGroups { width: 700px; overflow: hidden; margin-left: -3px; } #webzine3ModGstar101110Main .modSpecialGroup { width: 342px; overflow: hidden; margin-left: 3px; } #webzine3ModGstar101110Main .modSpecialGroup .modSpecialWrapHead { width: 342px; height: 37px; overflow: hidden; text-indent: -1000em; background: none no-repeat left top; } #webzine3ModGstar101110Main .modSpecialGroup a.modSpecialWrapHead { float: left; display: inline; } #webzine3ModGstar101110Main .modSpecialGroup .modSpecialWrapMid { width: 342px; overflow: hidden; background: none repeat-y left top; } #webzine3ModGstar101110Main .modSpecialGroup .modSpecialWrapBot { width: 342px; height: 5px; overflow: hidden; background: none no-repeat left top; } #webzine3ModGstar101110Main .modSpecialGroup.modSpecialGroup-Tera .modSpecialWrapHead { background-image: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/wrap_342_orange1_head_tera.gif'); } #webzine3ModGstar101110Main .modSpecialGroup.modSpecialGroup-Tera .modSpecialWrapMid { background-image: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/wrap_342_orange1_mid.gif'); } #webzine3ModGstar101110Main .modSpecialGroup.modSpecialGroup-Tera .modSpecialWrapBot { background-image: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/wrap_342_orange1_bot.gif'); } #webzine3ModGstar101110Main .modSpecialGroup.modSpecialGroup-Ncsoft .modSpecialWrapHead { background-image: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/wrap_342_blue1_head_ncsoft.gif'); } #webzine3ModGstar101110Main .modSpecialGroup.modSpecialGroup-Ncsoft .modSpecialWrapMid { background-image: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/wrap_342_blue1_mid.gif'); } #webzine3ModGstar101110Main .modSpecialGroup.modSpecialGroup-Ncsoft .modSpecialWrapBot { background-image: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/wrap_342_blue1_bot.gif'); } #webzine3ModGstar101110Main .modSpecialGroup .modNavButton { width: 32px; _width: 38px; height: 26px; clear: both; overflow: hidden; padding-left: 1px; margin-top: -26px; margin-left: 297px; } #webzine3ModGstar101110Main .modSpecialGroup .modNavButton a { float: left; display: inline; width: 17px; height: 17px; overflow: hidden; text-indent: -1000em; background: none no-repeat left top; margin-left: -1px; } #webzine3ModGstar101110Main .modSpecialGroup .modNavButton a:hover { background-position: 0 -17px; } #webzine3ModGstar101110Main .modSpecialGroup.modSpecialGroup-Tera .modNavButton a.modPrev { background-image: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/bttn_17x17_orange1_previous.gif'); } #webzine3ModGstar101110Main .modSpecialGroup.modSpecialGroup-Tera .modNavButton a.modNext { background-image: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/bttn_17x17_orange1_next.gif'); } #webzine3ModGstar101110Main .modSpecialGroup.modSpecialGroup-Ncsoft .modNavButton a.modPrev { background-image: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/bttn_17x17_blue1_previous.gif'); } #webzine3ModGstar101110Main .modSpecialGroup.modSpecialGroup-Ncsoft .modNavButton a.modNext { background-image: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/bttn_17x17_blue1_next.gif'); } #webzine3ModGstar101110Main .modSpecialGroup .modSpecialBody { width: 332px; margin-left: 5px; clear: both; padding: 3px 0 4px; } #webzine3ModGstar101110Main .modSpecialGroup .modSpecialBody.modSpecialBodyHide { position: absolute; left: -1000em; } #webzine3ModGstar101110Main .modSpecialGroup .modFocusBig { width: 311px; margin-left: 11px; padding: 9px 0 7px; background: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/dot_4x1_c565656.gif') repeat-x left bottom; } #webzine3ModGstar101110Main .modSpecialGroup .modFocusBig .modImage { margin-left: 1px; border: solid 1px #2d2d2d; } #webzine3ModGstar101110Main .modSpecialGroup .modFocusBig .modImage img { width: 305px; height: 71px; vertical-align: top; border: 0; } #webzine3ModGstar101110Main .modSpecialGroup .modFocusBig dl { clear: both; overflow: hidden; width: 297px; margin-top: 10px; margin-left: 7px; } #webzine3ModGstar101110Main .modSpecialGroup .modFocusBig dl dt { width: 297px; line-height: 17px; white-space: nowrap; } #webzine3ModGstar101110Main .modSpecialGroup .modFocusBig dl dt, #webzine3ModGstar101110Main .modSpecialGroup .modFocusBig dl dt a { font-size: 14px; color: #ff4200; font-weight: bold; letter-spacing: -1px; } #webzine3ModGstar101110Main .modSpecialGroup .modFocusBig dl dd { width: 297px; clear: both; line-height: 16px; margin-top: 3px; } #webzine3ModGstar101110Main .modSpecialGroup .modFocusBig dl dd, #webzine3ModGstar101110Main .modSpecialGroup .modFocusBig dl dd a { font-family: dotum, 돋움, Helvetica; font-size: 11px; color: #919191; letter-spacing: -1px; } #webzine3ModGstar101110Main .modSpecialGroup .modFocusSmall { width: 311px; margin-left: 10px; margin-top: 9px; padding-bottom: 10px; } #webzine3ModGstar101110Main .modSpecialGroup .modFocusSmall .modImage { margin-left: 1px; border: solid 1px #202020; } #webzine3ModGstar101110Main .modSpecialGroup .modFocusSmall .modImage img { width: 86px; height: 56px; vertical-align: top; border: 0; } #webzine3ModGstar101110Main .modSpecialGroup .modFocusSmall dl { width: 201px; margin-top: 5px; margin-left: 9px; } #webzine3ModGstar101110Main .modSpecialGroup .modFocusSmall dl dt { width: 201px; line-height: 15px; white-space: nowrap; } #webzine3ModGstar101110Main .modSpecialGroup .modFocusSmall dl dt, #webzine3ModGstar101110Main .modSpecialGroup .modFocusSmall dl dt a { font-size: 12px; color: #ff4200; font-weight: bold; letter-spacing: -1px; } #webzine3ModGstar101110Main .modSpecialGroup .modFocusSmall dl dd { width: 201px; line-height: 16px; margin-top: 6px; clear: both; } #webzine3ModGstar101110Main .modSpecialGroup .modFocusSmall dl dd, #webzine3ModGstar101110Main .modSpecialGroup .modFocusSmall dl dd a { font-family: dotum, 돋움, Helvetica; font-size: 11px; color: #919191; letter-spacing: -1px; } /* Normal */ #webzine3ModGstar101110Main .modNormalPart { clear: both; width: 687px; margin-top: 0px; overflow: hidden; } #webzine3ModGstar101110Main .modNormalPart .modNormalHead { width: 687px; height: 39px; overflow: hidden; text-indent: -1000em; background: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/wrap_687_teal1_head_gstar.gif') no-repeat left top; } #webzine3ModGstar101110Main .modNormalPart .modNormalMid { width: 687px; overflow: hidden; background: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/wrap_687_teal1_mid.gif') repeat-y left top; } #webzine3ModGstar101110Main .modNormalPart .modNormalBot { width: 687px; height: 5px; overflow: hidden; background: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/wrap_687_teal1_bot.gif') no-repeat left top; } #webzine3ModGstar101110Main .modNormalPart .modTabSelect { width: 524px; height: 25px; margin-left: 158px; margin-top: -25px; color: #575d69; letter-spacing: 3px; } #webzine3ModGstar101110Main .modNormalPart .modTabSelect a { color: #ffffff; } #webzine3ModGstar101110Main .modNormalPart .modTabSelect a.modSelector-Selected { font-weight: bold; letter-spacing: -1px; _margin-right: -1px; } #webzine3ModGstar101110Main .modNormalPart .modTabContent { display: none; } #webzine3ModGstar101110Main .modNormalPart.modTabGroup1 .modTabContent1, #webzine3ModGstar101110Main .modNormalPart.modTabGroup2 .modTabContent2, #webzine3ModGstar101110Main .modNormalPart.modTabGroup3 .modTabContent3, #webzine3ModGstar101110Main .modNormalPart.modTabGroup4 .modTabContent4, #webzine3ModGstar101110Main .modNormalPart.modTabGroup5 .modTabContent5, #webzine3ModGstar101110Main .modNormalPart.modTabGroup6 .modTabContent6, #webzine3ModGstar101110Main .modNormalPart.modTabGroup7 .modTabContent7, #webzine3ModGstar101110Main .modNormalPart.modTabGroup8 .modTabContent8, #webzine3ModGstar101110Main .modNormalPart.modTabGroup9 .modTabContent9, #webzine3ModGstar101110Main .modNormalPart.modTabGroup10 .modTabContent10, #webzine3ModGstar101110Main .modNormalPart.modTabGroup11 .modTabContent11, #webzine3ModGstar101110Main .modNormalPart.modTabGroup12 .modTabContent12, #webzine3ModGstar101110Main .modNormalPart.modTabGroup13 .modTabContent13, #webzine3ModGstar101110Main .modNormalPart.modTabGroup14 .modTabContent14, #webzine3ModGstar101110Main .modNormalPart.modTabGroup15 .modTabContent15 { display: inline; } #webzine3ModGstar101110Main .modNormalPart .modFocus { width: 316px; overflow: hidden; margin-top: 12px; margin-left: 23px; padding-bottom: 11px; } #webzine3ModGstar101110Main .modNormalPart .modFocus .modFocusGroups { width: 332px; margin-left: -16px; } #webzine3ModGstar101110Main .modNormalPart .modFocus .modFocusGroup { width: 150px; margin-left: 16px; } #webzine3ModGstar101110Main .modNormalPart .modFocus .modFocusGroup .modImage { border: solid 1px #202020; } #webzine3ModGstar101110Main .modNormalPart .modFocus .modFocusGroup .modImage img { width: 148px; height: 77px; border: 0; vertical-align: top; } #webzine3ModGstar101110Main .modNormalPart .modFocus .modFocusGroup dl { width: 146px; margin-left: 2px; margin-top: 11px; overflow: hidden; clear: both; } #webzine3ModGstar101110Main .modNormalPart .modFocus .modFocusGroup dl dt { width: 146px; overflow: hidden; white-space: nowrap; } #webzine3ModGstar101110Main .modNormalPart .modFocus .modFocusGroup dl dt, #webzine3ModGstar101110Main .modNormalPart .modFocus .modFocusGroup dl dt a { font-size: 12px; line-height: 15px; color: #ffffff; font-weight: bold; letter-spacing: -1px; } #webzine3ModGstar101110Main .modNormalPart .modFocus .modFocusGroup dl dd { width: 146px; overflow: hidden; clear: both; margin-top: 6px; } #webzine3ModGstar101110Main .modNormalPart .modFocus .modFocusGroup dl dd, #webzine3ModGstar101110Main .modNormalPart .modFocus .modFocusGroup dl dd a { font-family: dotum, 돋움, Helvetica; font-size: 11px; line-height: 14px; color: #919191; letter-spacing: -1px; } #webzine3ModGstar101110Main .modNormalPart .modList { width: 320px; margin-left: 23px; margin-top: 10px; padding-bottom: 8px; } #webzine3ModGstar101110Main .modNormalPart .modList ul { width: 320px; overflow: hidden; } #webzine3ModGstar101110Main .modNormalPart .modList ul li { clear: both; white-space: nowrap; padding: 4px 0 2px; text-indent: 12px; background: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/icon_rect_silver1.gif') no-repeat left 9px; } #webzine3ModGstar101110Main .modNormalPart .modList ul li, #webzine3ModGstar101110Main .modNormalPart .modList ul li a { color: #ffffff; line-height: 15px; } #webzine3ModGstar101110Main .modNormalPart .modList ul li span.comment { font-family: dotum, 돋움, Helvetica; font-size: 11px; line-height: 14px; color:#00b6ff; } #webzine3ModGstar101110Main .modNormalPart .modList ul li span.comment { padding-left: 14px; background: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/icon_pic_say1.gif') no-repeat left top; } /* MODULE : Webzine 3 G-Star 101110 NewsTop */ /* APPLIES TO */ /* SPECIFICATION */ /* Basic Layout */ #webzine3ModGstar101110NewsTop { padding-bottom: 20px; } #webzine3ModGstar101110NewsTop .modWrap { width: 683px; clear: both; background: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/wrap_683_black1_mid.jpg') repeat-y left top; } #webzine3ModGstar101110NewsTop .modWrap .modBodyWrap { width: 683px; overflow: hidden; background: none no-repeat left top; } #webzine3ModGstar101110NewsTop .modWrap.modWrap-Tera .modBodyWrap { background-image: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/wrap_683_black1_head_tera.jpg'); } #webzine3ModGstar101110NewsTop .modWrap.modWrap-Nhn .modBodyWrap { background-image: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/wrap_683_black1_head_tera.jpg'); } #webzine3ModGstar101110NewsTop .modWrap.modWrap-Nexon .modBodyWrap { background-image: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/wrap_683_black1_head_nexon.jpg'); } #webzine3ModGstar101110NewsTop .modWrap.modWrap-Neowiz .modBodyWrap { background-image: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/wrap_683_black1_head_neowiz.jpg'); } #webzine3ModGstar101110NewsTop .modWrap.modWrap-Wemade .modBodyWrap { background-image: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/wrap_683_black1_head_wemade.jpg'); } #webzine3ModGstar101110NewsTop .modWrap.modWrap-Xlgames .modBodyWrap { background-image: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/wrap_683_black1_head_xlgames.jpg'); } #webzine3ModGstar101110NewsTop .modWrap.modWrap-Ncsoft .modBodyWrap { background-image: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/wrap_683_black1_head_ncsoft.jpg'); } #webzine3ModGstar101110NewsTop .modWrap h2 { width: 683px; height: 173px; overflow: hidden; text-indent: -1000em; } #webzine3ModGstar101110NewsTop .modBody { width: 683px; clear: both; padding-bottom: 28px; background: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/wrap_683_black1_bot.jpg') no-repeat left bottom; } #webzine3ModGstar101110NewsTop .modPostGroupAdjust { margin-top: 5px; width: 655px; overflow: hidden; margin-left: 14px; } #webzine3ModGstar101110NewsTop .modPostGroups { width: 664px; margin-left: -5px; margin-right: -4px; margin-top: -1px; overflow: hidden; } #webzine3ModGstar101110NewsTop .modPostGroup { overflow: hidden; background: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/dot_4x1_ca6a6a6.gif') repeat-x left top; } #webzine3ModGstar101110NewsTop .modPostGroupBody { width: 332px; height: 160px; overflow: hidden; background: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/dot_1x4_ca6a6a6.gif') repeat-y left top; } #webzine3ModGstar101110NewsTop .modPostGroup .modImage { width: 319px; height: 84px; margin-top: 8px; margin-left: 9px; } #webzine3ModGstar101110NewsTop .modPostGroup .modImage a { float: left; display: inline; padding: 5px 8px 8px 5px; background: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/frame_318x84_gray1.gif') repeat-y left top; } #webzine3ModGstar101110NewsTop .modPostGroup .modImage a img { width: 305px; height: 71px; vertical-align: top; border: 0; } #webzine3ModGstar101110NewsTop .modPostGroup dl { margin-top: 8px; margin-left: 17px; clear: both; } #webzine3ModGstar101110NewsTop .modPostGroup dl dt { width: 302px; white-space: nowrap; overflow: hidden; } #webzine3ModGstar101110NewsTop .modPostGroup dl dt, #webzine3ModGstar101110NewsTop .modPostGroup dl dt a { font-family: dotum, 돋움, Helvetica; font-size: 14px; line-height: 17px; font-weight: bold; letter-spacing: -1px; color: #000000; } #webzine3ModGstar101110NewsTop .modPostGroup dl dd { width: 302px; clear: both; margin-top: 6px; } #webzine3ModGstar101110NewsTop .modPostGroup dl dd, #webzine3ModGstar101110NewsTop .modPostGroup dl dd a { font-family: dotum, 돋움, Helvetica; color: #6a6a6a; line-height: 16px; } /* MODULE : Webzine 3 G-Star 101110 SiteMain */ /* APPLIES TO */ /* SPECIFICATION */ /* Basic Layout */ #webzine3ModGstar101110SiteMain { width: 301px; } #webzine3ModGstar101110SiteMain .modWrap .modHead { width: 301px; height: 32px; overflow: hidden; text-indent: -1000em; background: none no-repeat left top; } #webzine3ModGstar101110SiteMain .modWrap a.modHead { float: left; display: inline; background-position: 0 -32px; cursor: pointer; } #webzine3ModGstar101110SiteMain .modWrap.modWrap-Blue .modHead { background-image: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/wrap_301_blue1_head_gstar.gif'); } #webzine3ModGstar101110SiteMain .modWrap.modWrap-Orange .modHead { background-image: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/wrap_301_orange1_head_gstar.gif'); } #webzine3ModGstar101110SiteMain .modWrap .modBodyWrap { width: 301px; overflow: hidden; background: none repeat-y left top; border-bottom-style: solid; border-bottom-width: 3px; } #webzine3ModGstar101110SiteMain .modWrap.modWrap-Blue .modBodyWrap { border-bottom-color: #0096de; background-image: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/wrap_301_blue1_mid.gif'); } #webzine3ModGstar101110SiteMain .modWrap.modWrap-Orange .modBodyWrap { border-bottom-color: #ee5a00; background-image: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/wrap_301_orange1_mid.gif'); } #webzine3ModGstar101110SiteMain .modBody { padding-bottom: 6px; } #webzine3ModGstar101110SiteMain .modFocus { width: 275px; padding: 10px 0 10px; margin-left: 13px; background: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/dot_4x1_c565656.gif') repeat-x left bottom; } #webzine3ModGstar101110SiteMain .modFocus .modImage { border: solid 1px #202020; } #webzine3ModGstar101110SiteMain .modFocus .modImage img { width: 86px; height: 52px; vertical-align: top; border: 0; } #webzine3ModGstar101110SiteMain .modFocus dl { width: 176px; overflow: hidden; margin-top: 5px; margin-left: 8px; } #webzine3ModGstar101110SiteMain .modFocus dl dt { width: 176px; white-space: nowrap; overflow: hidden; } #webzine3ModGstar101110SiteMain .modFocus dl dt, #webzine3ModGstar101110SiteMain .modFocus dl dt a { font-size: 13px; line-height: 16px; font-weight: bold; letter-spacing: -1px; } #webzine3ModGstar101110SiteMain .modWrap.modWrap-Blue .modFocus dl dt, #webzine3ModGstar101110SiteMain .modWrap.modWrap-Blue .modFocus dl dt a { color: #00abfd; } #webzine3ModGstar101110SiteMain .modWrap.modWrap-Orange .modFocus dl dt, #webzine3ModGstar101110SiteMain .modWrap.modWrap-Orange .modFocus dl dt a { color: #ff4200; } #webzine3ModGstar101110SiteMain .modFocus dl dd { width: 176px; clear: both; margin-top: 4px; } #webzine3ModGstar101110SiteMain .modFocus dl dd, #webzine3ModGstar101110SiteMain .modFocus dl dd a { font-family: dotum, 돋움, Helvetica; font-size: 11px; line-height: 15px; letter-spacing: -1px; color: #787878; } #webzine3ModGstar101110SiteMain .modList { width: 274px; margin-top: 7px; margin-left: 14px; } #webzine3ModGstar101110SiteMain .modList ul { } #webzine3ModGstar101110SiteMain .modList ul li { width: 274px; white-space: nowrap; text-indent: 9px; padding: 4px 0 1px; background: url('http://static.inven.co.kr/image/webzine/s3/module/gstar101110/icon_rect_silver1.gif') no-repeat left 8px; } #webzine3ModGstar101110SiteMain .modList ul li, #webzine3ModGstar101110SiteMain .modList ul li a { color: #d5d5d5; } #webzine3ModGstar101110SiteMain .modList ul li span.comment { font-family: dotum, 돋움, Helvetica; font-size: 11px; line-height: 14px; color: #00abfd; } #webzine3ModGstar101110SiteMain .modWrap.modWrap-Blue .modList ul li span.comment { color: #00abfd; } #webzine3ModGstar101110SiteMain .modWrap.modWrap-Orange .modList ul li span.comment { color: ff4200; }