#page .headline { height: 43px; background: #a9b7ee none left top; border-bottom: 1px solid #96a5e0; } #page .headline .logoPart * { text-shadow: none; } #page .headline .leftPart .bttnCommunity span, #page .headline .rightPart .bttnMap span, #page .headline .rightPart .bttnLogin span, #page .headline .rightPart .bttnLogout span { height: 18px; background-color: transparent; background-repeat: no-repeat; background-image: url('//static.inven.co.kr/image_2011/mobile/common/bttn_headline_icons_22x18.png'); } #page .headline .leftPart .bttnCommunity span { width: 21px; background-position: 0px 0px; } #page .headline .rightPart .bttnMap span { background-position: -22px 0px; } #page .headline .rightPart .bttnLogin span { background-position: 0px -18px; } #page .headline .rightPart .bttnLogout span { background-position: -22px -18px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-ms-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { #page .headline .leftPart .bttnCommunity span, #page .headline .rightPart .bttnMap span, #page .headline .rightPart .bttnLogin span, #page .headline .rightPart .bttnLogout span { background-image: url('//static.inven.co.kr/image_2011/mobile/common/bttn_headline_icons_44x36.png'); -webkit-background-size: 44px 36px; -moz-background-size: 44px 36px; -o-background-size: 44px 36px; background-size: 44px 36px; } } html.notReady #mobileVersionChanger, html.notReady #invenFoot { opacity: 0; } #mobileContent { background-color: #f4f4f4; } #mobileContent div.mobileAdNs { margin-top: 0px; } html.cardBBSlist .cardBBSlistHidden, html.cardBBSdetail .cardBBSdetailHidden, html.cardBBSdetail #bbsNavLineBbsType { display: none !important; } html.cardBBSlist #mobileVersionChanger { height: 0px !important; padding: 0px !important; overflow: hidden !important; border-width: 0px !important; } html.cardBBSdetail #mobileContent { background-color: #fff; } html.cardBBSdetail #mobileContent div.mobileAdNs { margin-bottom: 0px; } #articleCardsLayout { position: relative; overflow: hidden; } #articleCardsLayout.loading { background: #fff url('//static.inven.co.kr/image_2011/mobile/common/card_loading_48x48_ffffff.gif') center center no-repeat; } #articleCardList .hidden { display: none !important; } #articleCardList { padding: 0 8px; margin: 0; overflow: hidden; } #articleCardList a.article, #articleCardList div#articleCardListPrevMoreButton { display: block; padding: 0; overflow: hidden; float: none; clear: both; text-decoration: none; max-width: 520px; margin: 0 auto 10px auto; font: 13px/18px 'Malgun Gothic', Gulim, Helvetica; color: #555; border: 1px solid #ccc; background-color: #fff; -wekikit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1); } #articleCardList a.article { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } #articleCardList a.article * { cursor: pointer; } #articleCardList a.article div.image { position: relative; margin-bottom: 3px; border-top-left-radius: inherit; border-top-right-radius: inherit; background: rgb(200,200,200); background: -moz-linear-gradient(top, rgba(200,200,200,1) 0%, rgba(255,255,255,1) 98%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,200,200,1)), color-stop(98%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(200,200,200,1) 0%,rgba(255,255,255,1) 98%); background: -o-linear-gradient(top, rgba(200,200,200,1) 0%,rgba(255,255,255,1) 98%); background: -ms-linear-gradient(top, rgba(200,200,200,1) 0%,rgba(255,255,255,1) 98%); background: linear-gradient(to bottom, rgba(200,200,200,1) 0%,rgba(255,255,255,1) 98%); } #articleCardList a.article div.image, #articleCardList a.article div.image div, #articleCardList a.article div.image img { width: 100%; height: auto; overflow: hidden; } #articleCardList a.article div.image div.icon-movie, #articleCardList a.article div.image div.icon-gif { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent url('') center center no-repeat; } #articleCardList a.article div.image div.icon-movie { background-image: url('//static.inven.co.kr/image_2011/mobile/common/cardbbs_icon_movie.png'); } #articleCardList a.article div.image div.icon-gif { background-image: url('//static.inven.co.kr/image_2011/mobile/common/cardbbs_icon_gif.png'); } #articleCardList a.article div.subject { overflow: hidden; padding: 7px 10px; font-size: 15px; font-weight: bold; letter-spacing: -1px; color: #222; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; } #articleCardList a.article div.subject strong { color: #8b0000; } #articleCardList a.article div.content { padding: 0 10px 7px 10px; overflow: hidden; word-break: break-all; word-wrap: break-word; } #articleCardList a.article div.tail { height: 16px; color: #666; line-height: 16px; vertical-align: top; border-top: 1px solid #e5e5e5; padding: 11px 10px; overflow: hidden; } #articleCardList a.article div.tail img { width: 16px; height: 16px; vertical-align: top; } #articleCardList a.article div.tail div { display: inline-block; height: 16px; text-align: right; float: right; overflow: hidden; vertical-align: top; } #articleCardList a.article div.tail span.label { display: inline-block; height: 14px; padding: 0 3px; margin: 1px 0 1px 3px; font-size: 11px; line-height: 14px; color: #fff; background-color: #f97157; overflow: hidden; vertical-align: top; } #articleCardList a.article div.tail span.sep { display: inline-block; color: #d3d3d3; font-size: 11px; font-weight: bold; padding: 0 2px; vertical-align: top; } #articleCardList a.article div.tail span.icon { height: 16px; padding: 0 0 0 18px; vertical-align: top; background: url('//static.inven.co.kr/image_2011/mobile/common/cardbbs_icon_list_16x16.png?v=4') 0px 0px no-repeat; } #articleCardList a.article div.tail span.clock { background-position: 0px -1px; } #articleCardList a.article div.tail span.cmt-off { background-position: 0px -16px; } #articleCardList a.article div.tail span.cmt-on { background-position: 0px -32px; } #articleCardList a.article div.tail span.req-off { background-position: 0px -48px; margin-left: 4px; } #articleCardList a.article div.tail span.req-on { background-position: 0px -64px; margin-left: 4px; } #articleCardListNeedPrev { margin-top: -5px; height: 64px; overflow: hidden; background: url('//static.inven.co.kr/image_2011/mobile/common/cardbbs_loading_48x48_f4f4f4.gif') center center no-repeat; } #articleDetail { background: #fff none center center no-repeat; overflow: hidden; } #articleDetail.loading { background-image: url('//static.inven.co.kr/image_2011/mobile/common/cardbbs_loading_48x48_ffffff.gif'); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-ms-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { #articleCardList a.article div.tail span.icon { background-image: url('//static.inven.co.kr/image_2011/mobile/common/cardbbs_icon_list_32x32.png'); -webkit-background-size: 16px 80px; -moz-background-size: 16px 80px; -o-background-size: 16px 80px; background-size: 16px 80px; } #articleCardList a.article div.image div.icon-movie { background-image: url('//static.inven.co.kr/image_2011/mobile/common/cardbbs_icon_movie_hd.png'); } #articleCardList a.article div.image div.icon-gif { background-image: url('//static.inven.co.kr/image_2011/mobile/common/cardbbs_icon_gif_hd.png'); } #articleCardList a.article div.image div.icon-movie, #articleCardList a.article div.image div.icon-gif { -webkit-background-size: 66px 66px; -moz-background-size: 66px 66px; -o-background-size: 66px 66px; background-size: 66px 66px; } } #articleCardList div#articleCardListPrevMoreButton { height: 47px; line-height: 47px; font-size: 15px; font-weight: bold; text-align: center; color: #5c638a; cursor: pointer; background: #f0f0f0; background-image: -webkit-gradient(linear,left top,left bottom,from(#e0e0e0),to(#f0f0f0)); background-image: -moz-linear-gradient(top,#e0e0e0 0%,#f0f0f0 100%); background-image: -o-linear-gradient(top,#e0e0e0 0%,#f0f0f0 100%); background-image: -ms-linear-gradient(top,#e0e0e0 0%,#f0f0f0 100%); background-image: linear-gradient(to bottom,#e0e0e0 0%,#f0f0f0 100%); }