body.special #webzineBody {text-align: center;display: block;float: left;_width: 100%;min-width: 100%;_height: 100%;min-height: 100%;background: #eeeeee url('//static.inven.co.kr/image_2011/webzine/special/11th/bg_11th_51x1426.jpg') repeat-x center top;} body.special #webzineBodySub {text-align: center;display: block;float: left;_width: 100%;min-width: 100%;_height: 100%;min-height: 100%;background: url('//static.inven.co.kr/image_2011/webzine/special/11th/bg_11th_1966x1032_v2.png') no-repeat center top;} body.special #webzineBodyBot {text-align: center;display: block;float: left;_width: 100%;min-width: 100%;_height: 100%;min-height: 100%;background: url('//static.inven.co.kr/image_2011/webzine/special/11th/bg_11th_51x246_bot.jpg') repeat-x center bottom;} #inven11th { display:inline-block;float:none;text-align:left;margin:0 auto;width:915px;} #bodyTop1 { width:915px; height:232px; background: url('//static.inven.co.kr/image_2011/webzine/special/11th/bg_11th_t1_915x275.png?v=1') no-repeat center -43px;} #bodyTop2 { width:915px; height:360px;background: url('//static.inven.co.kr/image_2011/webzine/special/11th/bg_11th_t1_915x360.png') no-repeat center top;} #headLine { width:915px; height: 43px; overflow:hidden; clear:both;} #headLine .logo {width: 95px; height: 39px; background: url('//static.inven.co.kr/image_2011/webzine/special/11th/logo_inven.png') no-repeat left top;} #headLine #comHeadOutlogin .wrapOutlogin1 .wOutlogin { margin-top: 6px;background: none; border: none;} #bodyMain {width: 915px; margin-top: 64px;} #bodyCongratulation {width: 915px;} .mainPart { width: 719px; overflow:hidden;} .sidePart { width: 186px; margin-left: 10px;} .sideBanner {width:189px; height: 179px; background:url('//static.inven.co.kr/image_2011/webzine/special/11th/img_186x179_11th.png') no-repeat left top; cursor:pointer;} .sideComment { margin-top: 2px;} #mainHotissue {margin-left: 0px;width:717px; height: 272px; background:url('//static.inven.co.kr/image_2011/webzine/special/11th/wrap_717x272_rolling.png') no-repeat left top;} .mainHome {margin-top: 12px;} .partHome {} #inven11th .wrap186GR1 { width:186px;} #inven11th .wrap186GR1 .w186T { width:186px; height: 10px; overflow:hidden; background:url('//static.inven.co.kr/image_2011/webzine/special/11th/wrap_186_gray1_top.png') no-repeat left top;} #inven11th .wrap186GR1 .w186M { width:186px;overflow:hidden; background:url('//static.inven.co.kr/image_2011/webzine/special/11th/wrap_186_gray1_mid.png?v=1') repeat-y left top;} #inven11th .wrap186GR1 .w186B { width:186px; height: 10px; overflow:hidden; background:url('//static.inven.co.kr/image_2011/webzine/special/11th/wrap_186_gray1_bot.png') no-repeat left top;} #inven11th .wrap719WH1 { width:719px; padding-bottom: 130px; background: url('//static.inven.co.kr/image_2011/webzine/special/11th/img_915x130_copyright.png') no-repeat left bottom;} #inven11th .wrap719WH1 .w719T { width:719px; } #inven11th .wrap719WH1 .w719M { width:719px;overflow:hidden; background:url('//static.inven.co.kr/image_2011/webzine/special/11th/wrap_719_white1_mid.png?v=1') repeat-y left top;} #inven11th .wrap719WH1 .w719B { width:719px; height: 77px; overflow:hidden; background:url('//static.inven.co.kr/image_2011/webzine/special/11th/wrap_719_white1_bot.png') no-repeat left top;} .topmenus {width: 719px; height: 77px; } .topmenus ul {width: 719px; height: 77px;} .topmenus ul {overflow: hidden;} .topmenus ul li {height:91px; overflow:hidden;} .topmenus ul li a {height:182px; display:inline; float:left; background: url('//static.inven.co.kr/image_2011/webzine/special/11th/menu_719x77_red1.png?v=1') no-repeat left top;} .topmenus ul li a {overflow:hidden; text-indent: -9999px;} .topmenus ul li.history a {width: 154px; background-position: 0px 0px;} .topmenus ul li.congratulations a {width:119px; background-position: -154px 0px;} .topmenus ul li.greetings a {width:134px; background-position: -274px 0px;} .topmenus ul li.event a {width:141px; background-position: -408px 0px;} .topmenus ul li.thanks a {width: 170px; background-position: -549px 0px;} .topmenus ul li a:hover, .topmenus ul li a.selected {margin-top:-77px;} #topmenu.history ul li.history a, #topmenu.congratulations ul li.congratulations a, #topmenu.greetings ul li.greetings a, #topmenu.event ul li.event a, #topmenu.thanks ul li.thanks a {margin-top:-77px;} .topmenus ul li.congratulation a {width:115px; background-position: -173px 0px;} .topmenus ul li.telegram a {width:115px; background-position: -288px 0px;} .infograph { } #content {min-height:800px; height:auto !important; height:800px; padding-bottom: 23px;} #content .totalcntLabel {clear:both; display:inline; float: left; width:675px; margin: 9px 14px 5px 0; text-align: right;} #content .totalcntLabel strong {color: #60009b;} #content .greetings .totalcntLabel, #content .clip .totalcntLabel {margin-top: -14px;} #content ul {width: 100%;} #content .congratulations {margin-left: 21px; width: 688px;} #content .congratulations ul li {margin: 11px 0 0 10px; width: 162px; height: 214px;} #content .congratulations ul li a {display:inline; float: left; position:relative; width: 162px; height: 214px; background-color: #ededed;} #content .congratulations ul li a:hover, #content .congratulations ul li a.selected {background-color: #60009b;} #content .congratulations ul li a span {position: absolute;} #content .congratulations ul li a span.thumb {left: 10px; top:11px; width: 140px; height: 193px;} #content .congratulations ul li a span.thumb img {width: 140px; height: 193px;} #content .congratulations ul li a span.desc {width: 140px; color: #ffffff; text-align: center; left:10px; top:170px;z-index: 2;} #content .congratulations ul li a span.bg {width: 140px; height:42px; left: 10; bottom: 10; display: block; background-color: #000; filter: alpha(opacity=50); -moz-opacity: .50; -khtml-opacity: .50; opacity: .50;} #content .greetings {margin-left: 17px; margin-top: 30px; width: 700px;} #content .greetings h3 {margin-left: 4px; width:100%;} #content .greetings ul {margin-top: 10px;} #content .greetings ul li {margin: 11px 0 0 10px; width: 162px; height: 214px;} #content .greetings ul li a {display:inline; float: left; position:relative; width: 162px; height: 214px; background-color: #ededed;} #content .greetings ul li a:hover, #content .greetings ul li a.selected {background-color: #60009b;} #content .greetings ul li a span {position: absolute;} #content .greetings ul li a span.thumb {left: 10px; top:11px; width: 140px; height: 193px;} #content .greetings ul li a span.thumb img {width: 140px; height: 193px;} #content .greetings ul li a span.desc {width: 140px; color: #ffffff; text-align: center; left:10px; top:170px;z-index: 2;} #content .greetings ul li a span.bg {width: 140px; height:42px; left: 10; bottom: 10; display: block; background-color: #000; filter: alpha(opacity=50); -moz-opacity: .50; -khtml-opacity: .50; opacity: .50;} #content .clip {margin-left: 9px; margin-top: 30px; width: 704px;} #content .clip h3 {margin-left: 12px; width:100%;} #content .clip ul {margin-top: 10px;} #content .clip ul li {margin: 11px 0 0 10px; width: 162px; height: 214px;} #content .clip ul li a {display:inline; float: left; position:relative; width: 162px; height: 214px; background-color: #ededed;} #content .clip ul li a:hover, #content .clip ul li a.selected {background-color: #60009b;} #content .clip ul li a span {position: absolute;} #content .clip ul li a span.thumb {left: 10px; top:11px; width: 140px; height: 193px;} #content .clip ul li a span.thumb img {width: 140px; height: 193px;} #content .clip ul li a span.desc {width: 140px; color: #ffffff; text-align: center; left:10px; top:170px;z-index: 2;} #content .clip ul li a span.bg {width: 140px; height:42px; left: 10; bottom: 10; display: block; background-color: #000; filter: alpha(opacity=50); -moz-opacity: .50; -khtml-opacity: .50; opacity: .50;} #content .clip ul li a span.play {width: 32px; height:32px;left: 65; top: 36; background: url('//static.inven.co.kr/image_2011/webzine/special/10th/bttn_32x32_play.png') no-repeat left top;} .morebttn {clear:both; display:inline; float: left; margin: 20px 0 0 326px;width:42; height: 42; cursor:pointer; background:url('//static.inven.co.kr/image_2011/webzine/special/11th/bttn_42x42_more.png') no-repeat left top;} .infopaging {display:inline-block; float: left; width: 293px; margin-left:228px; } .pagingBttn {width: 40px; height: 40px; overflow:hidden;} .pagingBttn a {overflow: hidden; text-indent: -9999px;} .bttninfoPrev {display:inline-block; float: left; width:40; height: 40; cursor:pointer; background:url('//static.inven.co.kr/image_2011/webzine/special/10th/arrow_40x40_pupple1_prev.png') no-repeat left top;} .labelPaging {width:198px; text-align: center; padding-top: 12px; font-size:14px; color: #383838; font-weight: bold; } .labelPaging strong {color: #9f3cff;} .bttninfoNext {display:inline-block; float: right; width:40; height: 40; cursor:pointer; background:url('//static.inven.co.kr/image_2011/webzine/special/10th/arrow_40x40_pupple1_next.png') no-repeat left top;} .thanksto {margin-left: 10px; width: 700px;} .thanksto ul li {margin: 13px 0 0 13px; width: 162px; height: 137px;} .thanksto ul li a {display:inline; float: left; position:relative; width: 162px; height: 137px; } .thanksto ul li a span {position: absolute;} .thanksto ul li a span.thumb {left: 0px; top:0px; width: 162px; height: 108px; background-color: #e8e8e8;} .thanksto ul li a:hover span.thumb {background-color: #60009b;} .thanksto ul li a span.thumb img {width: 152px; height: 98px; margin:5px 0 0 5px;} .thanksto ul li a span.desc {width: 162px; color: #5b5b5b; font-weight: bold; text-align: center; left:0px; top:118px;z-index: 2;} .title191GE1 {width: 191px; height: 43px; text-indent:-9999px; overflow: hidden;} .title191GE1-Greetings {background: url('//static.inven.co.kr/image_2011/webzine/special/11th/title_191x43_green1_message.png') no-repeat left top;} .title191GE1-Clip {background: url('//static.inven.co.kr/image_2011/webzine/special/11th/title_191x43_green1_clip.png') no-repeat left top;} .bttnLeft {width: 32px; height: 56px; margin-top: 105px;cursor: pointer;} .bttnRight { float: right; width: 32px; height: 56px; margin-top: 105px; cursor: pointer;} .hotList { margin:30px 0 0 8px; width: 637px; height: 203px; overflow: hidden;} .hotissueOne {width: 637px; height: 203px; position:relative; } .hotissueOne .hotFocus {position:absolute; left:0; top:0; display:inline; float: left; width: 357px; height: 203px;} .hotissueOne .hotFocus a {display:inline; float: left; position:relative; width: 357px; height: 203px; background-color: #000;} .hotissueOne .hotFocus a {display:inline; float: left; position:relative; width: 357px; height: 203px; background-color: #000;} .hotissueOne .hotFocus a span {position: absolute;} .hotissueOne .hotFocus a span.thumb {left: 1px; top:1px; width: 355px; height: 201px;} .hotissueOne .hotFocus a span.thumb img {width: 355px; height: 201px;} .hotissueOne .hotFocus a span.desc {width: 355px; color: #f4bc24; font-weight: bold; text-align: center; left:1px; top:178px;z-index: 2;} .hotissueOne .hotFocus a span.bg {width: 355px; height:43px; left: 1; bottom: 1; display: block; background-color: #000; filter: alpha(opacity=50); -moz-opacity: .50; -khtml-opacity: .50; opacity: .50;} .hotissueOne .hotSubList {position:absolute; left:381px; top:9px; display:inline; float: left; width: 257px; height: 80px;} .hotissueOne .hotSubList li { clear: both; height: 20px; line-height: 19px; _line-height: 20px; overflow: hidden; padding-left: 13px; white-space: nowrap; color: #dfdfdf; background: transparent url('//static.inven.co.kr/image_2011/webzine/special/10th/arrow_4x6_white1.png') 2px 6px no-repeat; } .hotissueOne .hotSubList li, .hotissueOne .hotSubList li a {color: #dfdfdf;white-space: nowrap;} .hotissueOne .hotSubFocus {position:absolute;display:inline; float: left; width: 129px; height: 101px; top:102;} .hotissueOne .hotSubFocus-Left { left:370px;} .hotissueOne .hotSubFocus-Right { left:508px;} .hotissueOne .hotSubFocus a {display:inline; float: left; position:relative; width: 129px; height: 101px;} .hotissueOne .hotSubFocus a span {position: absolute;} .hotissueOne .hotSubFocus a span.thumb {left: 0px; top:0px; width: 129px; height: 78px; background-color:#000;} .hotissueOne .hotSubFocus a span.thumb img {width: 127px; height: 76px;margin: 1px 0 0 1px;} .hotissueOne .hotSubFocus a span.desc {width: 127px; color: #dfdfdf; font-weight: bold; text-align: center; left:1px; top:85px;z-index: 2;} .bttnRolling {width: 717px; clear:both; text-align: center; padding-top: 8px;} .bttnRolling ul {margin: 4px auto; text-align:center;width:100%;} .bttnRolling ul li { width: 10px; height: 10px; display:inline-block;float: none;text-align:center;} .bttnRolling ul li { margin: 0 0 0 3px; overflow: hidden;} .bttnRolling ul li a { background: url('//static.inven.co.kr/image_2011/webzine/special/11th/dots_10x10_white1.png') no-repeat left top; display: inline; float: left; height: 10px; width: 10px; overflow: hidden; text-indent:-9999px; } .buttons1 .bttnRolling li a.button1, .buttons2 .bttnRolling li a.button2, .buttons3 .bttnRolling li a.button3, .buttons4 .bttnRolling li a.button4, .buttons5 .bttnRolling li a.button5, .buttons6 .bttnRolling li a.button6, .buttons7 .bttnRolling li a.button7, .buttons8 .bttnRolling li a.button8, .buttons9 .bttnRolling li a.button9, .buttons10 .bttnRolling li a.button10 { background-position: left -10px; } #goToTopBttn { width: 42px; height: 42px; background: url('//static.inven.co.kr/image_2011/webzine/special/11th/arrow_42x42_top.png') no-repeat left top; cursor:pointer; } /* 70 30 600 30 70 */ #dialog .dialogMain { margin-left: 70px; width: 660px; height: auto; background-color: #ffffff;} #dialog .dialogMain .detailtop {margin-top: 30px; width: 630px; height: 70px;} #dialog .dialogMain #detailCore {min-height:600px; height:auto !important; height:600px; } .greetings #dialog .dialogMain .detailtop {background: url('//static.inven.co.kr/image_2011/webzine/special/11th/title_191x43_green1_message.png') no-repeat left top;} .clip #dialog .dialogMain .detailtop {background: url('//static.inven.co.kr/image_2011/webzine/special/11th/title_191x43_green1_clip.png') no-repeat left top;} .congratulations #dialog .dialogMain .detailtop {background: url('//static.inven.co.kr/image_2011/webzine/special/11th/title_191x43_green1_photo.png') no-repeat left top;} #dialog .dialogMain .detailtop .bttnClose {float: right;} #dialog .dialogMain .detailCore {height: 800px; } #dialog .dialogMain .photo{ margin-left: 30px; width: 600px; height: auto; text-align: center; padding-bottom: 30px;} #dialog .dialogMain .photo img {width:600px; height:auto; margin: 5px auto;} .bttn42White1-Close {display:inline; width:42px; height:41px; overflow:hidden; text-indent:-9999px; cursor:pointer; background:url('//static.inven.co.kr/image_2011/webzine/special/10th/bttn_42x41_white1_close.png') no-repeat left top;} .bttn68White-Left {position:absolute; left: 0px; top: 430px; width:68px; height:68px; cursor:pointer; background:url('//static.inven.co.kr/image_2011/webzine/special/10th/bttn_68x68_white1_arrowleft.png') no-repeat left top;} .bttn68White-Right {position:absolute; left: 760px; top:430px; width:68px; height:68px;cursor:pointer; background:url('//static.inven.co.kr/image_2011/webzine/special/10th/bttn_68x68_white1_arrowright.png') no-repeat left top;} body .ui-dialog .ui-dialog-titlebar {display: none;} body .ui-dialog .ui-dialog-content {width: 830px !important;} body .ui-widget-content {background: none; border:none;} body .ui-widget-overlay { background: #000000; opacity: .70; filter: Alpha(Opacity=70); /* support: IE8; */ } /* =================================================== Comments =================================================== */ .sidePart div.comments ul { width: 184px; margin: 2px; } .sidePart div.comments ul li { width: 184px; } .sidePart div.comments ul li dl { padding: 0; margin: 0; } .sidePart div.comments ul li dl dt { width: 166px; _width: 184px; padding: 10px 9px 5px; margin: 10px 0 0; background: transparent url('//static.inven.co.kr/image_2011/webzine/special/11th/cmt_line_184x1_gray_1a.png?v=2') 1px top no-repeat; } .sidePart div.comments ul li.first dl dt { margin: 0; background: none; } .sidePart div.comments ul li dl dt span.lvicon { display: block; float: left; width: 24px; height: 16px; } .sidePart div.comments ul li dl dt span.lvicon img { width: 24px; height: 16px; } .sidePart div.comments ul li dl dt span.name { display: block; float: left; width: 142px; height: 16px; line-height: 16px; overflow: hidden; color: #d9d9d9; font-weight: bold; text-indent: 10px; } .sidePart div.comments ul li dl dd { width: 166px; _width: 184px; padding: 0 9px; margin: 0; color: #d9d9d9; line-height: 16px; } .sidePart div.comments ul li dl dd a { display: block; text-decoration: none; color: #d9d9d9; } .sidePart div.comments ul li dl dd a.foldthis { display: none; } /* ie10, 11 fix hack */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .sidePart div.comments ul li dl dt span.name { line-height: 20px; } .sidePart div.comments ul li dl dd { } }