@import url(common.css); /* ContentWrap */ #contentWrap {float:left; width:763px; background-color:#ddeef6; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;} /* twitter design side background-color 지정 */ #contentWrap h1 {display:none; float:left; width:563px; text-indent:-9000px; background-color:#FFF;} /* Content */ #content {float:left; width:533px; min-height:920px; _height:920px; padding:15px; _padding:14px; background-color:#FFF; border-right:solid 1px #c0deed; -moz-border-radius-bottomleft:5px; -moz-border-radius-topleft:5px;} /* twitter design side bar border color 지정 */ #content .tweetWrap {float:left; width:533px; margin:5px 0 15px 1px; _margin:5px 0 15px 0; padding:0 0 10px 0; color:#333; line-height:1.5em; border-bottom:solid 1px #c0deed;} #content .tweetWrap .promoteTitleSub01 {float:left; width:333px; padding:0 0 2px 0; font-size:0.9em; font-weight:bold; color:#333;} #content .tweetWrap .promoteTitleSub02 {float:left; width:533px; margin:0 0 10px 0; font-size:1.3em; font-weight:bold; color:#333;} #content .tweetWrap .promoteTitleSub03 {float:left; width:533px; margin:0 0 0 2px; *margin:15px 0 0 2px; _margin:0 0 0 2px; font-size:0.75em; color:#0099cc;} #content .tweetWrap .promoteTitleSub03 .emailConfirm {float:left; width:353px; color:#0099aa; text-align:left;} #content .tweetWrap .promoteTitleSub03 .coolirisBtn {float:right; width:160px; _width:140px; padding:0 20px 0 0; color:#0099aa; text-align:right; background:url(http://image.twipl.net/images/common/btn/PicLensButton.png) no-repeat center right; _background:url(http://image.twipl.net/images/common/btn/PicLensButton.gif) no-repeat center right;} #content .tweetWrap .promoteTitleSub03 a {color:#0099cc;} #content .tweetWrap .tweetCnt {float:left; width:190px; text-align:right; color:orange; font-weight:bold;} #content .tweetWrap .tweetBoxWrap {float:left; width:533px;} #content .tweetWrap .tweetBoxWrap textarea {float:left; width:519px; height:50px; margin:2px 0 0 0; padding:2px; border:solid 1px #DCDCDC;} #content .tweetWrap .tweetBoxWrap .fileUploadBox {float:left; width:523px; margin:5px 0 15px 0;} #content .tweetWrap .tweetBoxWrap .fileUploadBox input {float:left; width:300px; margin:2px 0 0 0; border:solid 1px #DCDCDC; font-size:0.9em;} #content .tweetWrap .tweetBoxWrap .fileUploadBox .tweetBtn {float:right; width:106px; height:26px; background:url(http://image.twipl.net/images/common/btn/btn_tweet_gray.png) no-repeat top left;} #content .tweetWrap .tweetBoxWrap .fileUploadBox .tweetBtn a {float:right; width:106px; height:26px; font-size:0.85em; font-weight:bold; color: #666666; text-align:center; background:url(http://image.twipl.net/images/common/btn/btn_tweet_gray.png) no-repeat top left; text-decoration:none;} #content .tweetWrap .tweetBoxWrap .fileUploadBox .tweetBtn a:hover {float:right; width:106px; height:26px; font-size:0.85em; font-weight:bold; color: #3A629D; text-align:center; background:url(http://image.twipl.net/images/common/btn/btn_tweet_over.png) no-repeat top left;} #content .tweetWrap .tweetBoxWrap .fileUploadBox .loadingImg {position:absolute; left:435px; width:106px; height:26px; color:#FFF; font-weight:bold; background:url(http://image.twipl.net/images/common/img_loading_02.gif) no-repeat center; visibility:hidden;} #content .topTitle {float:left; width:533px; margin:5px 0 15px 10px; _margin:5px 0 15px 5px; font-size:1.2em; font-weight:bold; color:#333;} #content .mainTitle {float:left; width:330px; margin:0 0 5px 10px; _margin:0 0 5px 5px; font-weight:bold; font-size:0.85em; color:#333;} #content .myTitle {float:left; width:533px; margin:5px 0 15px 10px; _margin:5px 0 15px 5px; font-weight:bold; font-size:1.2em; color:#333;} #content .searchTitle {float:left; width:533px; font-weight:bold; font-size:2em; color:#333; text-align:center;} #content .settingsTitle {float:left; width:300px; margin:5px 0 8px 10px; *margin:5px 0 0 10px; _margin:5px 0 -10px 5px; font-weight:bold; font-size:1.2em; color:#333;} #content .localNavi {float:right; width:189px; margin:2px 0 5px 0; font-size:0.75em; text-align:center; color:#0099CC;} #content .localNavi .select01 a {float:left; width:88px; padding:0 5px 0 0; border-right:solid 1px #DCDCDC;} #content .localNavi .select02 a {float:left; width:88px; padding:0 0 0 5px;} #content .contentList {float:left; width:100%; min-height:450px; _height:450px;} /* 공지사항 Layer */ /* #introduce_lists_banner {background:#fff url("http://s.twimg.com/a/1258496601/images/bird_lists_banner.gif") no-repeat right 40px;margin:20px 0;-moz-border-radius:6px;-webkit-border-radius:6px;border:4px solid #DDD;padding:15px;color:#5c5c5c;-moz-box-shadow:0 2px 4px #ABABAB;-webkit-box-shadow:0 2px 4px #ABABAB;height:125px;}*/ #introduce_lists_banner {background:#fff;margin:20px 0;-moz-border-radius:6px;-webkit-border-radius:6px;border:4px solid #DDD;padding:15px;color:#5c5c5c;-moz-box-shadow:0 2px 4px #ABABAB;-webkit-box-shadow:0 2px 4px #ABABAB;} #introduce_lists_banner h1,#introduce_lists_banner h2 {padding:0;margin:0 0 12px 0;font-weight:bold;font-size:16px;} #introduce_lists_banner h2 {margin:0;} #introduce_lists_banner h2 span.new{color:#C00;} #introduce_lists_banner h2 span.beta {color:#ABABAB;font-size:15px;} #introduce_lists_banner div.lists_info p {padding:0;margin:5px 0 14px 0;font-size:0.75em;line-height:1.2em;} #introduce_lists_banner div.lists_info {width:100%;} /* Search 결과 영역 */ #content .searchResultWrap {clear:both; position:relative; width:533px; padding:10px 0 10px 0px; text-align:center; font-size:0.75em;} #content .searchResultWrap .searchResultBox {position:relative; width:390px; margin:0 0 0 70px; *margin:0 0 0 10px; padding:5px; border:solid 1px #DCDCDC; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;} #content .searchResultWrap .searchKeyword {position:relative; font-weight:bold; color:orange;} /** google map **/ #contentMap {float:left; width:723px; padding:20px; background-color:#FFFFFF;} #contentMap .mapWrap {float:left; width:699px; padding:10px; border:solid 2px #D2E8F3; background-color:#EFFFFF;} #contentMap .map {float:left; width:699px; height:470px; background-color:#FFFFFF; overflow:hidden;} #contentMap .imgListWrap {float:left; height:120px; margin:5px 0 0 0;} #contentMap .imgListWrap .imgListWrap {float:left; width:635px; _width:632px; height:94px; border-top:solid 2px #D2E8F3; border-bottom:solid 2px #D2E8F3;} #contentMap .imgListWrap .imgListWrap .imgList {float:left; width:100%; _width:620px; padding:1px 2px 2px 7px; _padding:1px 1px 1px 11px;} #contentMap .imgListWrap .imgListWrap .imgList ul {float:left;} #contentMap .imgListWrap .imgListWrap .imgList li {float:left; width:85px; padding:5px 2px 5px 2px; _padding:5px 0px 5px 2px;} #contentMap .imgListWrap .imgListWrap .imgList li a img {padding:2px; border:solid 1px #DCDCDC;} #contentMap .imgListWrap .imgListWrap .imgList li a .selected {padding:2px; border:solid 2px #89A5F7;} #contentMap .imgListWrap .imgListWrap .imgList li a:hover img {padding:2px; border:solid 2px #89A5F7;} #contentMap .imgListWrap .imgPrev {float:left; width:44px; height:98px; margin:5px 0 0 0; background:url(http://image.twipl.net/images/common/btn/btn_img_navi_prev_off.gif) no-repeat center left; text-indent:-9000px;} #contentMap .imgListWrap .imgPrev a {float:left; width:44px; height:98px; background:url(http://image.twipl.net/images/common/btn/btn_img_navi_prev_off.gif) no-repeat center left; text-indent:-9000px; overflow:hidden;} #contentMap .imgListWrap .imgPrev a:hover {float:left; width:44px; height:98px; background:url(http://image.twipl.net/images/common/btn/btn_img_navi_prev_on.gif) no-repeat center left; text-indent:-9000px; overflow:hidden;} #contentMap .imgListWrap .imgNext {float:left; width:44px; height:98px; margin:5px 0 0 0; background:url(http://image.twipl.net/images/common/btn/btn_img_navi_next_off.gif) no-repeat center left; text-indent:-9000px;} #contentMap .imgListWrap .imgNext a {float:left; width:44px; height:98px; background:url(http://image.twipl.net/images/common/btn/btn_img_navi_next_off.gif) no-repeat center left; text-indent:-9000px; overflow:hidden;} #contentMap .imgListWrap .imgNext a:hover {float:left; width:44px; height:98px; background:url(http://image.twipl.net/images/common/btn/btn_img_navi_next_on.gif) no-repeat center left; text-indent:-9000px; overflow:hidden;} /* Aside 영역 */ #aside {float:left; width:198px; height:100%;} #account {position:relative; width:188px; padding:2px;} #account h2 {display:none; position:relative;} #account .loginWrap {float:left; width:188px; _width:169px; _height:60px; padding:5px;} #account .loginWrap .loginMessage {float:left; width:170px; _width:169px; margin:10px 0 15px 0;} #account .loginWrap .loginMessage .msgText {padding:0 0 0 2px; text-align:left; font-size:0.8em; line-height:1.5em;} #account .loginWrap .qrcodeWrap {position:absolute; left:205px; top:0px; padding:5px; *padding:5px 5px 1px 5px; background-color:#ddeef6; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}} #account .loginWrap .accountInfo .verifiedMark {float:left; width:155px; height:33px; margin:5px 0 0 0; padding: 3px 0 5px 32px; font-size:0.9em; font-weight:bold; background:url(http://image.twipl.net/images/common/icon/ico_verified_mark.png) no-repeat top left; border-bottom:solid 1px #c0deed;} #account .loginWrap .accountInfo dl {float:left; width:180px; _width:180px; margin:10px 0 8px 0; *margin:10px 0 2px 0;} #account .loginWrap .accountInfo dt {float:left; width:55px; margin:0 0 0 5px; _margin:0px;} #account .loginWrap .accountInfo dt .loadingImg {display:none; position:absolute; width:20px; height:20px; margin:18px 0 0 18px; opacity:0.7;} #account .loginWrap .accountInfo dt .profileImg {float:left; width:48px; height:48px; padding:1px; border:solid 1px #DCDCDC;} #account .loginWrap .accountInfo dd {float:left; width:110px;} #account .loginWrap .accountInfo .userId {float:left; width:118px; margin:3px 0 0 3px; font-size:0.9em; font-weight:bold; word-wrap:break-word;} #account .loginWrap .accountInfo .btnGoTwitter {float:left; width:115px; _width:98px; margin:5px 0 10px 0; _margin:5px 0 0 0; font-size:0.75em;} #account .loginWrap .accountInfo .btnMyHome {float:left; width:115px; _width:98px; margin:5px 0 10px 0; _margin:5px 0 0 0; font-size:0.85em;} #account .loginWrap .accountInfo .btnLabel {float:left; width:180px; padding:7px 0 8px 0; text-align:center; color:#666666; font-size:1.1em; font-weight:bold; cursor:pointer;} #account .loginWrap .accountInfo .btnLabel:hover {color:#444444;} #account .loginWrap .accountInfo .doTwiplBtn {float:left; width:180px; height:42px; margin:0 0 5px 2px; _margin:0 0 4px 1px; background:url(http://image.twipl.net/images/common/btn/btn_orange_long.png) no-repeat top left; overflow:hidden;} #account .loginWrap .accountInfo .doTwiplBtn a {float:left; width:180px; height:42px; background:url(http://image.twipl.net/images/common/btn/btn_orange_long.png) no-repeat top left; overflow:hidden; text-decoration:none;} #account .loginWrap .accountInfo .doTwiplBtn a:hover {background:url(http://image.twipl.net/images/common/btn/btn_orange_long_over.png) no-repeat top left; overflow:hidden;} #account .loginWrap .accountInfo .doStartBtn {float:left; width:180px; height:42px; margin:5px 0 5px 2px; _margin:5px 0 4px 1px; background:url(http://image.twipl.net/images/common/btn/btn_orange_long.png) no-repeat top left; overflow:hidden;} #account .loginWrap .accountInfo .doStartBtn a {float:left; width:180px; height:42px; background:url(http://image.twipl.net/images/common/btn/btn_orange_long.png) no-repeat top left; overflow:hidden; text-decoration:none;} #account .loginWrap .accountInfo .doStartBtn a:hover {background:url(http://image.twipl.net/images/common/btn/btn_orange_long_over.png) no-repeat top left; overflow:hidden;} /* New TwitterBox */ #account .loginWrap .accountInfo .twitterBox {float:left; width:180px; margin:0 0 8px 1px; *margin: 5px 0 8px 1px; text-align:center; border:solid 1px #BCBCBC; background-color:#B6C9DA; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;} #account .loginWrap .accountInfo .twitterBox .gotoTwitter {float:left; width:180px; height:38px; background:url(http://image.twipl.net/images/common/btn/btn_twitter_link_normal.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/btn/btn_twitter_link_normal.gif) no-repeat top left; text-indent:-9000px;} #account .loginWrap .accountInfo .twitterBox .gotoTwitter a {float:left; width:180px; height:38px; background:url(http://image.twipl.net/images/common/btn/btn_twitter_link_normal.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/btn/btn_twitter_link_normal.gif) no-repeat top left; text-indent:-9000px; overflow:hidden;} #account .loginWrap .accountInfo .twitterBox .gotoTwitter a:hover {float:left; width:180px; height:38px; background:url(http://image.twipl.net/images/common/btn/btn_twitter_link_over.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/btn/btn_twitter_link_over.gif) no-repeat top left; text-indent:-9000px; overflow:hidden; background-color:#83A1BC;} #account .loginWrap .accountInfo .twitterBox .gotoTwitterKr {float:left; width:180px; height:38px; background:url(http://image.twipl.net/images/common/btn/btn_twtkr_link_normal.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/btn/btn_twtkr_link_normal.gif) no-repeat top left; text-indent:-9000px;} #account .loginWrap .accountInfo .twitterBox .gotoTwitterKr a {float:left; width:180px; height:38px; background:url(http://image.twipl.net/images/common/btn/btn_twtkr_link_normal.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/btn/btn_twtkr_link_normal.gif) no-repeat top left; text-indent:-9000px; overflow:hidden;} #account .loginWrap .accountInfo .twitterBox .gotoTwitterKr a:hover {float:left; width:180px; height:38px; background:url(http://image.twipl.net/images/common/btn/btn_twtkr_link_over.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/btn/btn_twtkr_link_over.gif) no-repeat top left; text-indent:-9000px; overflow:hidden; background-color:#83A1BC;} #account .loginWrap .accountInfo .twitterBox .gotoFacebook {float:left; width:180px; height:38px; background:url(http://image.twipl.net/images/common/btn/btn_facebook_link_normal.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/btn/btn_facebook_link_normal.gif) no-repeat top left; text-indent:-9000px;} #account .loginWrap .accountInfo .twitterBox .gotoFacebook a {float:left; width:180px; height:38px; background:url(http://image.twipl.net/images/common/btn/btn_facebook_link_normal.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/btn/btn_facebook_link_normal.gif) no-repeat top left; text-indent:-9000px; overflow:hidden;} #account .loginWrap .accountInfo .twitterBox .gotoFacebook a:hover {float:left; width:180px; height:38px; background:url(http://image.twipl.net/images/common/btn/btn_facebook_link_over.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/btn/btn_facebook_link_over.gif) no-repeat top left; text-indent:-9000px; overflow:hidden; background-color:#83A1BC;} #account .loginWrap .accountInfo .doFollowBtn {float:left; width:180px; height:24px; margin:0 0 0 1px; background:url(http://image.twipl.net/images/common/btn/btn_follow_off.png) no-repeat top left; overflow:hidden;} #account .loginWrap .accountInfo .doFollowBtn .label {display:block; margin:3px 0 0 0; font-size:0.8em;} #account .loginWrap .accountInfo .doFollowBtn a {float:left; width:180px; height:24px; background:url(http://image.twipl.net/images/common/btn/btn_follow_off.png) no-repeat top left; text-align:center; overflow:hidden; text-decoration:none; font-weight:bold;} #account .loginWrap .accountInfo .doFollowBtn a:hover {background:url(http://image.twipl.net/images/common/btn/btn_follow_on.png) no-repeat top left; overflow:hidden; color:#FFFFFF; font-weight:bold;} #account .loginWrap .accountInfo .btnBoxWrap {float:left; width:170px; _width:165px; margin:0 0 10px 0; _margin:0 0 10px 3px;} #account .loginWrap .accountInfo .btnBoxWrap .sendDMBtn {float:left; width:70px; _width:62px; margin:5px 20px 0 3px; _margin:5px 20px 0 0; background-color:#FFF; text-align:center; font-weight:bold; font-size:0.9em; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;} #account .loginWrap .accountInfo .btnBoxWrap .sendDMBtn a {float:left; width:70px; _width:62px; padding:5px; background-color:#FFF; text-align:center; font-weight:bold; font-size:0.9em; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;} #account .loginWrap .accountInfo .btnBoxWrap .sendDMBtn a:hover {float:left; width:70px; _width:62px; background-color:#DCDCDC; color:#000; text-align:center; font-weight:bold; font-size:0.9em; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;} #account .loginWrap .accountInfo .btnBoxWrap .unfollowBtn {float:left; width:70px; _width:62px; margin:5px 0 0 0; background-color:#FFF; text-align:center; font-weight:bold; font-size:0.9em; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;} #account .loginWrap .accountInfo .btnBoxWrap .unfollowBtn a {float:left; width:70px; _width:62px; padding:5px; background-color:#FFF; text-align:center; font-weight:bold; font-size:0.9em; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;} #account .loginWrap .accountInfo .btnBoxWrap .unfollowBtn a:hover {float:left; width:70px; _width:62px; background-color:#DCDCDC; color:#000; text-align:center; font-weight:bold; font-size:0.9em; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}*/ /* Image Navi */ #imageNavi {clear:both; position:relative; width:180px; _width:179px;} #imageNavi h2 {display:none; position:relative; font-size:0.9em;} #imageNavi .thumbImageWrap {float:left; width:179px; height:90px; margin:0 5px 0 5px; _margin:0 0 0 2px; padding:0 11px 0 0; _padding:0 10px 0 0; font-size:0.9em; border-top:solid 1px #c0deed;} #imageNavi .thumbImageWrap .thumbImg {float:left; width:80px; _width:82px; margin:10px 0 10px 8px; _margin:10px 0 10px 5px; text-align:center; overflow:hidden;} #imageNavi .thumbImageWrap .thumbImg .thumb a {float:left; width:80px; _width:82px; height:50px; overflow:hidden;} #imageNavi .thumbImageWrap .thumbImg .thumb a:hover {opacity:0.75; filter:alpha(opacity=75);} #imageNavi .thumbImageWrap .thumbImg img {float:left; max-width:100%; overflow:hidden;} #imageNavi .thumbImageWrap .naviBtn a {float:left; width:81px; _width:80px; margin:5px 3px 0 0; _margin:5px 0 0 0; text-align:center; font-size:0.75em;} /* Twipl MMS Promotion Banner */ #twiplPromotionBanner {clear:both; position:relative; width:180px; _width:179px; margin:0 5px 0 5px; padding:10px 5px 10px 5px; padding:10px 3px 10px 5px; border-top:solid 1px #c0deed; font-size:0.75em;} #twiplPromotionBanner .img {position:relative; width:180px; _width:179px; height:60px;} #twiplPromotionBanner .eventBanner {position:relative; width:180px; _width:179px; padding:0 0 6px 0; *padding:0 0 5px 0; _padding:0 0 2px 0;} #twiplPromotionBanner .eventBannerEnd {position:relative; width:180px; _width:179px; padding:0px;} #twiplPromotionBanner .eventBanner .guideAppWrap {float:left; width:178px; margin:5px 0 10px 0; _margin:3px 0 0 0; padding:0 0 15px 0; background-color:#FFFFFF; border:solid 1px #BCCFD8;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideTitle {float:left; width:178px; height:44px; margin:15px 0 0 0; background:url(http://image.twipl.net/images/common/title/lbl_mobile_twipl_title.png) no-repeat center; _background:url(http://image.twipl.net/images/common/title/lbl_mobile_twipl_title.gif) no-repeat center; text-indent:-9000px;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideTitleEng {float:left; width:178px; height:44px; margin:15px 0 0 0; background:url(http://image.twipl.net/images/common/title/lbl_mobile_twipl_title_eng.png) no-repeat center; _background:url(http://image.twipl.net/images/common/title/lbl_mobile_twipl_title_eng.gif) no-repeat center; text-indent:-9000px;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideTitleJpn {float:left; width:178px; height:44px; margin:15px 0 0 0; background:url(http://image.twipl.net/images/common/title/lbl_mobile_twipl_title_jpn.png) no-repeat center; _background:url(http://image.twipl.net/images/common/title/lbl_mobile_twipl_title_jpn.gif) no-repeat center; text-indent:-9000px;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideAppBox {float:left; width:178px;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideAppBox dl {float:left; width:178px; margin:15px 0 0 0;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideAppBox dt {float:left; width:50px; margin:0 0 0 8px; _margin:0 0 0 3px;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideAppBox .tweetieIco {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_tweetie_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideAppBox .tweetieIco a {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_tweetie_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideAppBox .tweettimeIco {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_tweettime_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideAppBox .tweettimeIco a {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_tweettime_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideAppBox .bluebirdIco {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_bluebird_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideAppBox .bluebirdIco a {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_bluebird_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideAppBox .mapCardIco {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_mapcard_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideAppBox .mapCardIco a {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_mapcard_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideAppBox .twitStarIco {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_twitstar_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideAppBox .twitStarIco a {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_twitstar_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideAppBox .motweetsIco {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_motweets_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideAppBox .motweetsIco a {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_motweets_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideAppBox .mobileIco {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_mms_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideAppBox .mobileIco a {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_mms_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideAppBox .cerealIco {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_cereal_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideAppBox .cerealIco a {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_cereal_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideAppBox dd {float:left; width:122px; margin:5px 0 0 0;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideAppBox .appName {float:left; width:115px; padding:0 0 0 5px; text-align:left; font-weight:bold; color:#333333; font-size:0.95em;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideAppBox .iphoneTitle {float:left; width:120px; height:22px; margin:2px 0 0 0; background:url(http://image.twipl.net/images/common/title/lbl_iphone_eng.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/title/lbl_iphone_eng_01.gif) no-repeat top left; text-indent:-9000px;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideAppBox .wmTitle {float:left; width:120px; height:22px; margin:2px 0 0 0; background:url(http://image.twipl.net/images/common/title/lbl_windowsmobile_eng.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/title/lbl_windowsmobile_eng_01.gif) no-repeat top left; text-indent:-9000px;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideAppBox .mobileTitle {float:left; width:120px; height:22px; margin:2px 0 0 0; background:url(http://image.twipl.net/images/common/title/lbl_mobilephone_eng.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/title/lbl_mobilephone_eng_01.gif) no-repeat top left;text-indent:-9000px;} #twiplPromotionBanner .eventBanner .guideAppWrap .guideAppBox .androidTitle {float:left; width:120px; height:22px; margin:2px 0 0 0; background:url(http://image.twipl.net/images/common/title/lbl_android_eng.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/title/lbl_android_eng_01.gif) no-repeat top left;text-indent:-9000px;} /* Content Manage Wrap */ #contentManageWrap {clear:both; position:relative; width:180px; width:179px; margin:0 5px 0 5px; padding:10px 5px 0 5px; border-top:solid 1px #c0deed; font-size:0.9em;} #contentManageWrap h2 {position:relative; font-size:0.9em;} #contentManageWrap .contentManageBox {position:relative; width:180px; _width:179px; margin:8px 0 10px 0; font-size:0.85em;} #contentManageWrap .contentManageBox .manageMenu {position:relative; width:180px; _width:179px; margin:3px 0 1px 0;} #contentManageWrap .contentManageBox .manageMenu a {position:relative; width:180px; _width:179px;} /* Tags Wrap */ #tagsWrap {clear:both; position:relative; width:180px; _width:179px; margin:0 5px 0 5px; padding:10px 5px 0 5px; border-top:solid 1px #c0deed;} #tagsWrap h2 {position:relative; width:180px; _width:179px; margin:0 0 5px 0; font-size:0.75em;} #tagsWrap .tagList {float:left; width:180px; _width:179px; margin:0 0 10px 0;} #tagsWrap .tagList ul {float:left; width:180px; _width:179px; font-size:0.75em;} #tagsWrap .tagList li {display:inline; line-height:25px;} #tagsWrap .tagList .delBtn {display:inline; margin:0 6px 0 5px; padding:2px 0 0 0; font-size:0.85em;} #tagsWrap .tagList input {width:173px; padding:2px; border:solid 1px #DCDCDC;} /* Location Wrap */ #locationWrap {clear:both; position:relative; width:180px; _width:179px; margin:0 5px 0 5px; padding:10px 5px 0 5px; border-top:solid 1px #c0deed;} #locationWrap h2 {position:relative; width:180px; _width:179px; margin:0 0 5px 0; font-size:0.9em;} #locationWrap .locationInfo {position:relative; width:180px; _width:179px; margin:0 0 10px 0; font-size:0.75em;} #locationWrap .btnLocationInput {float:left; width:110px; margin:0 0 10px 0; border:solid 1px #DCDCDC; text-align:center; background-color:#FFF; font-size:0.8em; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;} #locationWrap .btnLocationInput a {float:left; width:110px; padding:0 0 3px 0;} #locationWrap .btnLocationInput a:hover {float:left; width:110px; padding:0 0 3px 0; background-color:#DCDCDC; color:#000;} /* Image URL Copy Wrap */ #imageUrlCopyWrap {clear:both; position:relative; width:180px; _width:179px; margin:0 5px 0 5px; padding:10px 5px 0 5px; *padding:10px 5px 5px 5px; _padding:10px 5px 0 5px;border-top:solid 1px #c0deed;} #imageUrlCopyWrap h2 {position:relative; width:180px; _width:179px; margin:0 0 5px 0; font-size:0.75em;} #imageUrlCopyWrap .imageUrlBox {float:left; width:180px; _width:179px; margin:0 0 10px 0;} #imageUrlCopyWrap .imageUrlBox input {float:left; width:130px; margin:0 5px 0 0; padding:2px 2px 1px 2px; font-size:0.75em; border:solid 1px #DCDCDC;} #imageUrlCopyWrap .imageUrlBox .btnCopy {float:left; width:35px; border:solid 1px #BCBCBC; text-align:center; background-color:#DCDCDC; font-size:0.75em;} #imageUrlCopyWrap .imageUrlBox .btnCopy a {float:left; width:35px; padding:2px 0 1px 0; background-color:#DCDCDC;} /*#imageUrlCopyWrap .imageUrlBox .btnCopy a:hover {background-color:#DCDCDC; color:#000;}*/ /* Bad Content Notice */ #badContentNotice {clear:both; position:relative; width:180px; _width:179px; height:30px; margin:0 5px 0 5px; padding:10px 5px 0 5px; border-top:solid 1px #c0deed; font-size:0.75em; font-weight:bold;} #badContentNotice h2 {display:none; float:left; width:180px; _width:179px; margin:0 0 5px 0;} #badContentNotice .btnBadContent {float:left; margin:0 0 10px 0; background-color:#FFF; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;} #badContentNotice .btnBadContent a {float:left; padding:2px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;} #badContentNotice .btnBadContent a:hover {background-color:#DCDCDC;} /* Aside Extra Area 영역 */ #asideExtraArea {clear:both; position:relative; width:180px; _width:179px; margin:10px 5px 0 4px; *margin:0 5px 0 4px; _margin:-5px 5px 0 4px; padding:10px 5px 0 5px; font-size:0.9em; border-top:solid 1px #c0deed; font-size:0.75em;} #asideExtraArea h2 {display:none; position:relative;} #asideExtraArea .promoteArea {float:left; width:180px; _width:179px;} #asideExtraArea .promoteArea p {float:left; width:180px; _width:179px; margin:0 0 15px 0; font-size:1em; line-height:1.5em;} #asideExtraArea .promoteArea .bannerIframeWrap {float:left; width:180px; margin: 10px 0 0 0; text-align:center;} #asideExtraArea .promoteArea .bannerIframeWrap iframe {float:left; width:180px; height:250px;} #asideExtraArea .promoteArea .bannerWrap {float:left; width:180px; text-align:center;} #asideExtraArea .promoteArea .bannerWrap img {float:left; width:180px; margin:5px 0 0 0; text-align:center;} #asideExtraArea .promoteArea .guideAppWrap {float:left; width:178px; margin:5px 0 0 0; padding:0 0 15px 0; background-color:#FFFFFF; border:solid 1px #BCCFD8;} #asideExtraArea .promoteArea .guideAppWrap .guideTitle {float:left; width:178px; height:44px; margin:15px 0 0 0; background:url(http://image.twipl.net/images/common/title/lbl_mobile_twipl_title.png) no-repeat center; _background:url(http://image.twipl.net/images/common/title/lbl_mobile_twipl_title.gif) no-repeat center; text-indent:-9000px;} #asideExtraArea .promoteArea .guideAppWrap .guideTitleEng {float:left; width:178px; height:44px; margin:15px 0 0 0; background:url(http://image.twipl.net/images/common/title/lbl_mobile_twipl_title_eng.png) no-repeat center; _background:url(http://image.twipl.net/images/common/title/lbl_mobile_twipl_title_eng.gif) no-repeat center; text-indent:-9000px;} #asideExtraArea .promoteArea .guideAppWrap .guideTitleJpn {float:left; width:178px; height:44px; margin:15px 0 0 0; background:url(http://image.twipl.net/images/common/title/lbl_mobile_twipl_title_jpn.png) no-repeat center; _background:url(http://image.twipl.net/images/common/title/lbl_mobile_twipl_title_jpn.gif) no-repeat center; text-indent:-9000px;} #asideExtraArea .promoteArea .guideAppWrap .guideAppBox {float:left; width:178px;} #asideExtraArea .promoteArea .guideAppWrap .guideAppBox dl {float:left; width:178px; margin:15px 0 0 0;} #asideExtraArea .promoteArea .guideAppWrap .guideAppBox dt {float:left; width:50px; margin:0 0 0 8px; _margin:0 0 0 3px;} #asideExtraArea .promoteArea .guideAppWrap .guideAppBox .tweetieIco {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_tweetie_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #asideExtraArea .promoteArea .guideAppWrap .guideAppBox .tweetieIco a {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_tweetie_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #asideExtraArea .promoteArea .guideAppWrap .guideAppBox .tweettimeIco {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_tweettime_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #asideExtraArea .promoteArea .guideAppWrap .guideAppBox .tweettimeIco a {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_tweettime_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #asideExtraArea .promoteArea .guideAppWrap .guideAppBox .bluebirdIco {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_bluebird_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #asideExtraArea .promoteArea .guideAppWrap .guideAppBox .bluebirdIco a {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_bluebird_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #asideExtraArea .promoteArea .guideAppWrap .guideAppBox .mapCardIco {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_mapcard_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #asideExtraArea .promoteArea .guideAppWrap .guideAppBox .mapCardIco a {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_mapcard_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #asideExtraArea .promoteArea .guideAppWrap .guideAppBox .twitStarIco {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_twitstar_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #asideExtraArea .promoteArea .guideAppWrap .guideAppBox .twitStarIco a {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_twitstar_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #asideExtraArea .promoteArea .guideAppWrap .guideAppBox .motweetsIco {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_motweets_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #asideExtraArea .promoteArea .guideAppWrap .guideAppBox .motweetsIco a {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_motweets_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #asideExtraArea .promoteArea .guideAppWrap .guideAppBox .mobileIco {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_mms_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #asideExtraArea .promoteArea .guideAppWrap .guideAppBox .mobileIco a {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_mms_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #asideExtraArea .promoteArea .guideAppWrap .guideAppBox .cerealIco {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_cereal_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #asideExtraArea .promoteArea .guideAppWrap .guideAppBox .cerealIco a {float:left; width:48px; height:48px; background:url(http://image.twipl.net/images/common/icon/ico_cereal_48.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #asideExtraArea .promoteArea .guideAppWrap .guideAppBox dd {float:left; width:122px; margin:5px 0 0 0;} #asideExtraArea .promoteArea .guideAppWrap .guideAppBox .appName {float:left; width:115px; padding:0 0 0 5px; text-align:left; font-weight:bold; color:#333333; font-size:0.95em;} #asideExtraArea .promoteArea .guideAppWrap .guideAppBox .iphoneTitle {float:left; width:120px; height:22px; margin:2px 0 0 0; background:url(http://image.twipl.net/images/common/title/lbl_iphone_eng.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/title/lbl_iphone_eng_01.gif) no-repeat top left; text-indent:-9000px;} #asideExtraArea .promoteArea .guideAppWrap .guideAppBox .wmTitle {float:left; width:120px; height:22px; margin:2px 0 0 0; background:url(http://image.twipl.net/images/common/title/lbl_windowsmobile_eng.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/title/lbl_windowsmobile_eng_01.gif) no-repeat top left; text-indent:-9000px;} #asideExtraArea .promoteArea .guideAppWrap .guideAppBox .mobileTitle {float:left; width:120px; height:22px; margin:2px 0 0 0; background:url(http://image.twipl.net/images/common/title/lbl_mobilephone_eng.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/title/lbl_mobilephone_eng_01.gif) no-repeat top left;text-indent:-9000px;} #asideExtraArea .promoteArea .guideAppWrap .guideAppBox .androidTitle {float:left; width:120px; height:22px; margin:2px 0 0 0; background:url(http://image.twipl.net/images/common/title/lbl_android_eng.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/title/lbl_android_eng_01.gif) no-repeat top left;text-indent:-9000px;} /* Adsense Wrap 영역 */ #adsenseWrap {clear:both; position:relative; width:733px; padding:25px 0 0 0; *padding:0 0 20px 0; text-align:center;} #adsenseWrap .adsenseBox {position:relative; width:733px; padding:10px 12px 10px 18px; _padding:10px 0 10px 18px; text-align:center; background-color:#FFFFFF; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}