.clearfix::after{display:block;content:'';clear:both} #webzineBody{ display: block; float: none; min-width: 1090px; } body.special .special14th{ background: #fff7e9; float:none; text-align: center; display: block; min-width: 100%; min-height: 100%; } body.special #webzineHead #webzineHeadlink { min-width: 1090px; } body.special #inven14th { display:block; float:none; margin:0 auto; position: relative; top:31px; overflow: hidden; } body.special #inven14thBottom { text-align: center; display: block; float: left; _width: 100%; min-width: 100%; _height: 100px; height: 100px; background: url('//static.inven.co.kr/image_2011/webzine/special/14th/bg_1920x98_bot.jpg') repeat-x center bottom } #inven14th{background:url('//static.inven.co.kr/image_2011/webzine/special/14th/bg_content.jpg') repeat-x center 810px} #inven14th .topWrap {display:block; float:none;background:#fff} #inven14th .topWrap .topContent{ height:810px; width:100%; display: block; float: none; overflow: hidden;} #inven14th .topWrap .topContent .bgVideo{ position: absolute; top: -32px; left: 50%; -webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);} #inven14th .topWrap .topContent .frontBG{ display: block; float: none; position: relative; position: absolute; top: 412px; left: 0; width: 100%;} #inven14th .topWrap .topContent .frontBG img{position: absolute; top: 0; left: 50%; -webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);} #inven14th .bodyWrap{float: none; display: block; width: 915px; margin: 0 auto; } #inven14th .bodyWrap .mainPart { width: 719px; overflow:hidden;} #inven14th .bodyWrap .sidePart { width: 186px; margin-left: 10px;} #inven14th .bodyWrap .sideBanner {width:189px; height: 179px; background:url('//static.inven.co.kr/image_2011/webzine/special/14th/right_logo_186x179.png') no-repeat left top; } #mainHotissue {margin-left: 0px;width:719px; height: 272px; background:url('//static.inven.co.kr/image_2011/webzine/special/14th/wrap_719x272_rolling.png') no-repeat left top;} #inven14th .bodyWrap .mainPart .mainHome {margin-top: 12px;} #inven14th .bodyWrap .mainPart .wrap719WH1 { width:719px; padding-bottom: 130px; } #inven14th .bodyWrap .mainPart .wrap719WH1 .w719T { width:719px; } #inven14th .bodyWrap .mainPart .wrap719WH1 .w719M { width:719px;overflow:hidden; border-top-left-radius: 15px; border-top-right-radius: 15px;} #inven14th .bodyWrap .mainPart .wrap719WH1 .w719T .partHome {background-color: #fff} #inven14th .bodyWrap .mainPart .wrap719WH1 .w719T .partHome .topmenus {width: 719px; height: 77px; } #inven14th .bodyWrap .mainPart .wrap719WH1 .w719T .partHome .topmenus ul {width: 719px; height: 77px;} #inven14th .bodyWrap .mainPart .wrap719WH1 .w719T .partHome .topmenus ul {overflow: hidden;} #inven14th .bodyWrap .mainPart .wrap719WH1 .w719T .partHome .topmenus ul li {height:91px; overflow:hidden;} #inven14th .bodyWrap .mainPart .wrap719WH1 .w719T .partHome .topmenus ul li a {height:182px; display:inline; float:left; background: url('//static.inven.co.kr/image_2011/webzine/special/14th/menu_green_718x157_c.png') no-repeat left top;} #inven14th .bodyWrap .mainPart .wrap719WH1 .w719T .partHome .topmenus ul li a { overflow:hidden; text-indent: -9999px;} #inven14th .bodyWrap .mainPart .wrap719WH1 .w719T .partHome .topmenus ul li.welcome a { width: 144px; background-position: 0px 0px;} #inven14th .bodyWrap .mainPart .wrap719WH1 .w719T .partHome .topmenus ul li.congratulations a {width: 143px; background-position: -144px 0px;} #inven14th .bodyWrap .mainPart .wrap719WH1 .w719T .partHome .topmenus ul li.greetings a {width: 145px; background-position: -287px 0px;} #inven14th .bodyWrap .mainPart .wrap719WH1 .w719T .partHome .topmenus ul li.event1 a {width: 143px;background-position: -432px 0px;} #inven14th .bodyWrap .mainPart .wrap719WH1 .w719T .partHome .topmenus ul li.event2 a {width: 144px; background-position: -575px 0px;} #inven14th .bodyWrap .mainPart .wrap719WH1 .w719T .partHome .topmenus ul li a:hover, #inven14th .bodyWrap .mainPart .wrap719WH1 .w719T .partHome .topmenus ul li a.selected {margin-top:-78px;} #inven14th .bodyWrap .mainPart .wrap719WH1 .w719T .partHome .topmenus.welcome ul li.welcome a, #inven14th .bodyWrap .mainPart .wrap719WH1 .w719T .partHome .topmenus.congratulations ul li.congratulations a, #inven14th .bodyWrap .mainPart .wrap719WH1 .w719T .partHome .topmenus.greetings ul li.greetings a, #inven14th .bodyWrap .mainPart .wrap719WH1 .w719T .partHome .topmenus.event1 ul li.event1 a, #inven14th .bodyWrap .mainPart .wrap719WH1 .w719T .partHome .topmenus.event2 ul li.event2 a, #inven14th .bodyWrap .mainPart .wrap719WH1 .w719T .partHome .topmenus.event3 ul li.event3 a{margin-top:-78px;} #content {min-height:990px; height:auto !important; min-height:800px; padding: 1px; border: 1px solid #b8865e; width: 715px; border-top: none;} #content .totalcntLabel {clear:both; display:inline; float: left; width:700px; margin: 9px 14px 5px 0; text-align: right; margin-top: -14px;} #content .totalcntLabel strong {color: #60009b;} #content .homeList{margin: 20px 10px;} #content .congratulations { width: 700px; } #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: #5fa74a;} #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 {width: 700px;} #content .greetings h3 {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:#5fa74a;} #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 .sptitle {width: 191px; height: 43px; text-indent:-9999px; overflow: hidden;} #content .sptitle.greetings {background: url('//static.inven.co.kr/image_2011/webzine/special/14th/title_191x43_green1_message.png') no-repeat left top;} #content .sptitle.clip {background: url('//static.inven.co.kr/image_2011/webzine/special/14th/title_191x43_green1_clip.png') no-repeat left top;} #content .sptitle.congratulation {background: url('//static.inven.co.kr/image_2011/webzine/special/14th/title_191x43_green1_photo.png') no-repeat left top;} /* 이벤트 주의사항 */ #content .notice { position: relative; } #content .notice .event1Notice{display: block; float: none; position: absolute; top: 2465px; left: 51px;} #content .notice .event2Notice{display: block; float: none; position: absolute; top: 22px; left: 118px;} #content .notice .event3Notice,#content .notice .event4Notice{display: block; float: none; position: absolute; top: 81px; left: 42px;} #content .notice .event1Notice > ul > li, #content .notice .event2Notice > ul > li, #content .notice .event3Notice > ul > li, #content .notice .event4Notice > ul > li{ display: block; float: none; font-size: 12px; color: #FFF; line-height: 22px; text-align: left;} /* 캐릭터 이벤트 */ #content .event1_list, #content .event2_list, #content .event2_1_list, #content .quizEvent, #content .event2_3_list{padding: 3px 2px;} #content .event1_list .listWrap3{ position: relative; } #content .event1_list .listWrap3 .charList{ position: absolute; top:215px; left:29px; } #content .event1_list .listWrap3 .charList ul li{cursor:pointer;text-indent: -9999px; width:203px; height:292px; margin-right: 20px; margin-bottom: 16px;background: url('//static.inven.co.kr/image_2011/webzine/special/14th/event1_charlist_b.jpg') no-repeat left top;} #content .event1_list .listWrap3 .charList ul li.okr{ background-position:-32px -34px;} #content .event1_list .listWrap3 .charList ul li.ol{ background-position:-255px -34px;} #content .event1_list .listWrap3 .charList ul li.bc{ background-position:-477px -34px;} #content .event1_list .listWrap3 .charList ul li.dg{ background-position:-143px -346px; margin-left: 112px;} #content .event1_list .listWrap3 .charList ul li.kr{ background-position:-366px -346px;} #content .event1_list .listWrap3 .charList ul li.okr:hover, #content .event1_list .listWrap3 .charList ul li.okr.selected{ background-position:-32px -685px} #content .event1_list .listWrap3 .charList ul li.ol:hover, #content .event1_list .listWrap3 .charList ul li.ol.selected{ background-position:-255px -685px;} #content .event1_list .listWrap3 .charList ul li.bc:hover, #content .event1_list .listWrap3 .charList ul li.bc.selected{ background-position:-477px -685px;} #content .event1_list .listWrap3 .charList ul li.dg:hover, #content .event1_list .listWrap3 .charList ul li.dg.selected{ background-position:-143px -997px;} #content .event1_list .listWrap3 .charList ul li.kr:hover, #content .event1_list .listWrap3 .charList ul li.kr.selected{ background-position:-366px -997px;} #content .event1_list .listWrap3 .charLayer{ display:none; position: absolute; width:687px; height:634px;top: 814px; left: 12px;z-index:20;} #content .event1_list .listWrap3 .charLayer.char4, #content .event1_list .listWrap3 .charLayer.char5{display:none; top:507px;} #content .event1_list .listWrap3 .charLayer.char1{background:url('//static.inven.co.kr/image_2011/webzine/special/14th/event1_pick_1_a.jpg') no-repeat top left;} #content .event1_list .listWrap3 .charLayer.char2{background:url('//static.inven.co.kr/image_2011/webzine/special/14th/event1_pick_2_a.jpg') no-repeat top left;} #content .event1_list .listWrap3 .charLayer.char3{background:url('//static.inven.co.kr/image_2011/webzine/special/14th/event1_pick_3_a.jpg') no-repeat top left;} #content .event1_list .listWrap3 .charLayer.char4{background:url('//static.inven.co.kr/image_2011/webzine/special/14th/event1_pick_4_a.jpg') no-repeat top left;} #content .event1_list .listWrap3 .charLayer.char5{background:url('//static.inven.co.kr/image_2011/webzine/special/14th/event1_pick_5_a.jpg') no-repeat top left;} #content .event1_list .listWrap4{ position: relative; z-index:10; } #content .event1_list .listWrap4 .charAll{ display:block;position: absolute; width:288px; height:267px;top: 301px; left: 365px;} #content .event1_list .listWrap4 .charLayerAll{ display:none; position: absolute; width:687px; height:634px;top:567px; left: 12px;z-index:20; background:url('//static.inven.co.kr/image_2011/webzine/special/14th/event1_pick_all_c.jpg') no-repeat top left;} /* 페이스북 이벤트 */ #content .event2_3_list li.link{ position: relative; } #content .event2_3_list li.link a{ display: block; width: 367px; height: 60px; position: absolute; top: 303px; left: 171px; text-indent: -9999px;} /* 댓글 이벤트 */ #content .event14thCommonComment{ margin-left:2px; margin-bottom:30px; } /* 퀴즈 이벤트 */ #content .quizEvent, #content .quizEvent .todayWrap, #content .quizEvent .todayWrap .quizeCorner, #content .quizEvent .tomorrowWrap{ display:block; position: relative; } #content .quizEvent .todayWrap .todayPresent{position: relative;} #content .quizEvent .todayWrap .todayPresent .todayimg{ position: absolute; left: 23px; top: 156px;} #content .quizEvent .tomorrowWrap .tomorrowimg{ position: absolute; left: 23px; top: 144px;} #content .quizEvent .todayWrap .quizeCorner .quizWrap{position: absolute;top: 0px;display:block;} #content .quizEvent .todayWrap .quizeCorner .quizWrap .todayQuestion{ position: absolute; display: block; color: #ffe45b; font-size: 50px; width: 664px; height: 76px; line-height: 76px; font-family: "Malgum Gothic"; margin-left: 23px; } #content .quizEvent .todayWrap .quizeCorner .quizWrap .todayHint{ display: block; font-family: "Malgum Gothic"; width: 664px; font-size: 15px; text-align: left; position: absolute; top: 103px; left: 52px; } #content .quizEvent .todayWrap .quizeCorner .quizWrap .answertext{ width: 662px; height: 46px; font-size: 15px; position: absolute; top: 188px; left: 24px; text-align: center; font-family: "Malgum Gothic"; font-weight: bold; } #content .quizEvent .todayWrap .quizeCorner .quizWrap .quizSubmit{ display: inline-block; float: none; width: 328px; height: 80px; cursor: pointer; position: absolute; top: 254px; left: 189px; } #quizWrapTomorrow{width: 709px; position: absolute; top: 364px; display:block;} #quizTomorrow{ display: block; float: none; width: 666px; height: 480px; margin: 20px auto;} #giftTable { margin-left: 10px; padding-bottom: 30px;} #giftTable table {width: 690px; border: 1px solid #aeaeae; border-bottom: none;} #giftTable table colgroup col {width: 214px;} #giftTable table th {padding: 8px 8px 6px 8px; border-bottom: 1px solid #aeaeae;background-color: #f5f5f5; font-weight: bold;} #giftTable table td {padding: 4px 8px 3px 8px; border-bottom: 1px solid #aeaeae;} .morebttn {clear:both; display:inline; float: left; margin: 20px 0 0 326px;width:42; height: 42;} .greetings #dialog .dialogMain .detailtop {background: url('//static.inven.co.kr/image_2011/webzine/special/14th/title_191x43_green1_message.png') no-repeat left top;} .clip #dialog .dialogMain .detailtop {background: url('//static.inven.co.kr/image_2011/webzine/special/14th/title_191x43_green1_clip.png') no-repeat left top;} .congratulations #dialog .dialogMain .detailtop {background: url('//static.inven.co.kr/image_2011/webzine/special/14th/title_191x43_green1_photo.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/13th/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/13th/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 { display:none; width: 46px; height: 46px; background: url('//static.inven.co.kr/image_2011/webzine/special/14th/open_arrow.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; } #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/13th/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/13th/bttn_68x68_white1_arrowleft.png') no-repeat left top;display:none;} .bttn68White-Right {position:absolute; left: 760px; top:430px; width:68px; height:68px;cursor:pointer; background:url('//static.inven.co.kr/image_2011/webzine/special/13th/bttn_68x68_white1_arrowright.png') no-repeat left top;display:none;} 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; */ } /* =================================================== thanks =================================================== */ .sidePart .sideThanks{margin-top:6px;} #thanksRolling { width:186px; background-color: #bd885b; border-radius: 10px; overflow: hidden; } .sidePart div.thanks > ul { width: 184px; margin: 1px; display: inline-block;} .sidePart div.thanks > ul li { width: 184px; margin: 10px 0 0px; display: block; float: none;} .sidePart div.thanks > ul li:last-child{margin-bottom:10px;} .sidePart div.thanks > ul li a{ width: 166px; height: 102px; background-color: #FFF; text-align: center; margin: 0 auto; display: block; border-radius: 10px;} .sidePart div.thanks > ul li img{ width: 145px; height: 82px; margin: 10px; } .bttnRollingthanks {width: 184px; clear:both; text-align: center; padding-bottom: 8px;} .bttnRollingthanks ul {margin: 4px auto; text-align:center;width:100%;} .bttnRollingthanks ul li { width: 10px; height: 10px; display:inline-block;float: none;text-align:center;} .bttnRollingthanks ul li { margin: 0 0 0 3px; overflow: hidden;} .bttnRollingthanks ul li a { background: url('//static.inven.co.kr/image_2011/webzine/special/13th/dots_10x10_white1.png') no-repeat left top; display: inline; float: left; height: 10px; width: 10px; overflow: hidden; text-indent:-9999px; } .thanksButtons1 .bttnRollingthanks li a.thanksButton1, .thanksButtons2 .bttnRollingthanks li a.thanksButton2, .thanksButtons3 .bttnRollingthanks li a.thanksButton3, .thanksButtons4 .bttnRollingthanks li a.thanksButton4, .thanksButtons5 .bttnRollingthanks li a.thanksButton5, .thanksButtons6 .bttnRollingthanks li a.thanksButton6, .thanksButtons7 .bttnRollingthanks li a.thanksButton7, .thanksButtons8 .bttnRollingthanks li a.thanksButton8, .thanksButtons9 .bttnRollingthanks li a.thanksButton9, .thanksButtons10 .bttnRollingthanks li a.thanksButton10 { background-position: left -10px; } .event2_list li { position: relative; } .event2_list li a{ display: block; position: absolute; text-indent: -999px; } .event2_list li.event2_1 a{ top: 200px; left: 210px; width: 291px; height: 63px;} .event2_list li.event2_2 a{ top: 200px; left: 210px; width: 291px; height: 72px;} .event2_list li.event2_3 a{ top: 200px; left: 210px; width: 291px; height: 72px;} .event2_list li.event2_4 a{ top: 193px; left: 210px; width: 291px; height: 68px;}