.f_lt {float:left;} .f_rt {float:right;} * {margin:0; padding:0; list-style:none; font-family:'Open Sans',"arial", "Microsoft YaHei", Malgun Gothic, Meiryo, sans-serif; letter-spacing: 0} @font-face {font-family:NanumGothic;font-style:normal;font-weight:;src:url(/resources/font/NanumGothic.eot);src:local('☺'),url(/resources/font/NanumGothic.woff) format('woff');} body.ko * {font-family:nanumbold, '나눔고딕', NanumGothic, '맑은 고딕', Malgun Gothic, '돋움', 'dotum', sans-serif;} ::selection{color:#fff; background:#1e82ff;} ::-moz-selection{color:#fff; background:#1e82ff;} body#viewer {background:#f1f1f1; height:100%; overflow: hidden} #webView {height:100%;} #webView header {position:fixed; top:0; left:0; height:56px; border-bottom:none; z-index:4;width: 100%;} #webView.excel header {background:#51b41b} #webView.word header {background:#1d7ff9} #webView.ppt header {background:#fd8900; z-index:5} #webView.word header.pdf {background:#f95c5c} #webView.pdf header {background:#f95c5c} #webView header h1 {top:14px; left:18px;} body.rtl #webView header h1 {right:18px; left:auto} #webView header div.util_menu li.chat.new img {display:block; position:absolute; left:13px; top:-2px;} /* 20150216 앱으로 보기 추가 */ #webView header div.title dt, #webView header div.title dd {float:left; position:relative; color:#fff;} body.rtl #webView header div.title dt, body.rtl #webView header div.title dd {float:right} body.rtl #webView header div.title dt.ltr {direction:ltr;min-width:64px;} header div.title a {display:inline-block; margin:0 0 0 14px; padding:0 11px; height:28px; text-decoration:none; line-height:26px; color:#fff; border-radius:3px; vertical-align: middle;} body.rtl header div.title a {margin:0 14px 0 0;} header.word div.title a {background:#1c62de;} header.excel div.title a {background:#2c9a00;} header.ppt div.title a {background:#e86c00;} header.pdf div.title a {background:#e24242;} header div.title dd.favorite {} header div.title dd.favorite a {width:15px; height:14px; text-indent:-999em; padding:0; border-radius:0;} header div.title dd.favorite a {background:url(/resources/image/Polaris/new/webView/favorite_off.png) no-repeat} div.ppt header div.title dd.favorite a {background:url(/resources/image/Polaris/new/webView/slide_favorite_off.png) no-repeat} div.excel header div.title dd.favorite a {background:url(/resources/image/Polaris/new/webView/sheet_favorite_off.png) no-repeat} #webView.word header.pdf div.title dd.favorite a {background:url(/resources/image/Polaris/new/webView/pdf_favorite_off.png) no-repeat !important} #webView.word.pdf header div.title dd.favorite a {background:url(/resources/image/Polaris/new/webView/pdf_favorite_off.png) no-repeat !important} div.word header div.title dd.favorite a.on, div.excel header div.title dd.favorite a.on, div.ppt header div.title dd.favorite a.on, #webView.word header.pdf div.title dd.favorite a.on {background:url(/resources/image/Polaris/new/webView/favorite_on.png) no-repeat !important} div.ppt header div.title dd.favorite a.on, #webView.word.pdf header div.title dd.favorite a.on {background:url(/resources/image/Polaris/new/webView/favorite_on.png) no-repeat !important} header div.title dd.favorite ul.favorite {z-index:20;display: none;position:relative;top:-10px;left:-32px;line-height:39px;margin:4px 0 0;text-align:center;/* padding:6px 0 0; */background:url(/maxage1/common/img/tooltip_arrow.png) center top no-repeat;} body.tr header div.title dd.favorite ul.favorite {left:-7px;} body.tr header div.title dd.favorite ul.favorite li {width:34px;} body.tr header div.title dd.favorite ul.favorite.on {left:-28px;} body.tr header div.title dd.favorite ul.favorite.on li {width:76px;} body.rtl header div.title dd.favorite ul.favorite {right:-12px; left:auto} body.rtl header div.title dd.favorite ul.favorite.on {right:-26px; left:auto} body.fr header div.title dd.favorite ul.favorite {left:-46px;} body.fr header div.title dd.favorite ul.favorite.on {left:-42px;} body.fr.pl header div.title dd.favorite ul.favorite {left:-20px;} body.fr.pl header div.title dd.favorite ul.favorite.on {left:-34px;} body.fr.es header div.title dd.favorite ul.favorite {left:-17px;} body.fr.es header div.title dd.favorite ul.favorite.on {left:-26px;} body.cn header div.title dd.favorite ul.favorite {left:-2px;} body.cn header div.title dd.favorite ul.favorite.on {left:-15px;} body.zhTW header div.title dd.favorite ul.favorite {left:-36px;} body.zhTW header div.title dd.favorite ul.favorite.on {left:-50px;} body.ptPT header div.title dd.favorite ul.favorite {left:-24px;} body.ptPT header div.title dd.favorite ul.favorite.on {left:-30px;} body.ptBR header div.title dd.favorite ul.favorite {left:-10px;} body.ptBR header div.title dd.favorite ul.favorite.on {left:-37px;} body.ko header div.title dd.favorite ul.favorite {left:-18px;} body.ko header div.title dd.favorite ul.favorite.on {left:-32px;} body.ja header div.title dd.favorite ul.favorite {left:-21px;} body.ja header div.title dd.favorite ul.favorite.on {left:-21px;} body.en header div.title dd.favorite ul.favorite {left:-1px;} body.en header div.title dd.favorite ul.favorite.on {left:-10px;} body.ru header div.title dd.favorite ul.favorite {left:-52px;} body.ru header div.title dd.favorite ul.favorite.on {left:-72px;} body.de header div.title dd.favorite ul.favorite {left:-11px;} body.de header div.title dd.favorite ul.favorite.on {left:-84px;} body.id header div.title dd.favorite ul.favorite {left:-11px;} body.id header div.title dd.favorite ul.favorite.on {left:-49px;} body.it header div.title dd.favorite ul.favorite {left:-19px;} body.it header div.title dd.favorite ul.favorite.on {left:-64px;} header div.title dd.favorite ul.favorite li {display:inline-block; height:30px; padding:0 10px 0 10px; line-height:31px; font-size:13px; background:#000; border-radius:4px} /* header div.title dd.favorite:HOVER ul.favorite {display:block;} */ header div.title dd.favorite div.favguide {display: none;position:absolute;left:-75px;top:48px;width:374px;padding:22px 0 0;background:url(/resources/image/Polaris/new/webView/tip_topBg.png) top no-repeat;} body.rtl header div.title dd.favorite div.favguide {right:-54px; left:auto;background:url(/resources/image/Polaris/new/webView/tip_topBg02.png) top no-repeat;} header div.title dd.favorite ul.favguide {color: #6b6b6b; padding:0 0 26px; background:url(/resources/image/Polaris/new/webView/tip_btmBg.png) bottom no-repeat;} header div.title dd.favorite ul.favguide li {padding:0 30px 0 73px;} body.rtl header div.title dd.favorite ul.favguide li {padding:0 73px 0 30px} header div.title dd.favorite ul.favguide li.msg {line-height: 20px;} header div.title dd.favorite ul.favguide li.tip {line-height: 36px; font-size:13px; margin-bottom:-5px; font-weight:bold; color:#000; background:url(/resources/image/Polaris/new/webView/bul_tip.png) 24px 6px no-repeat} body.rtl header div.title dd.favorite ul.favguide li.tip {background:url(/resources/image/Polaris/new/webView/bul_tip.png) 320px 6px no-repeat} /* #webView header div.title a {display:inline-block; margin:0 0 0 20px; padding:0 11px; height:26px; text-decoration:none; line-height:24px; color:#fff; border-radius:3px; vertical-align: middle;} 20150216 추가 */ /* #webView.word header div.title a {border:1px solid #165bd5; background:#1c62de;}20150216 추가 */ /* #webView.excel header div.title a {border:1px solid #4d8800; background:#569700;}20150216 추가 */ /* #webView.ppt header div.title a {border:1px solid #d55f00; background:#e66700;}20150216 추가 */ /* #webView.pdf header div.title a {border:1px solid #bd4a4a; background:#d05555;}20150303 추가 */ #webView header div.title div.alert {display:none; float:left; position:absolute; top:40px; left:18px; padding:15px 0 0 0; width:268px; line-height:19px; background:url(/resources/image/Polaris/new/webView/appBox_top.png) top no-repeat;} #webView header div.title div.alert dl {float:left; width:268px; background:url(/resources/image/Polaris/new/webView/appBox_btm.png) bottom no-repeat;} #webView header div.title div.alert dl dt {padding:19px 12px 0 19px; color:#282828; } #webView header div.title div.alert dl dd {padding:0 12px 0 19px;} #webView header div.title div.alert dl dd label {display:inline-block; margin:6px 0 3px; color:#88898b;} #webView header div.title div.alert dl dd.btn {float:right; padding-bottom:16px;} #webView header div.title div.alert dl dd.btn a {width:58px; margin:0 0 0 4px; padding:0; text-align:center;} #webView header div.title div.alert dl dd.btn a.yes {background:#74a3f5; color:#fff; border:1px solid #74a3f5} #webView header div.title div.alert dl dd.btn a.no {background:#fff; color:#757575; border:1px solid #d7d8da} /* 20150216 앱으로 보기 추가 끝 */ #webView header div.util_menu {margin-top:-10px;} body.rtl #webView header div.util_menu {left:0;} #webView header div.util_menu li.account {margin-right:-18px;} #webView header div.util_menu li.account dt a {color:#fff; background:url(/resources/image/Polaris/new/webView/bul_down.png) right no-repeat;} #webView header div.util_menu ul.bonus {margin-top:28px} #webView header ul.bonus li {position:relative; background:none; float:left;} /* GMX-7444 */ #webView header ul.bonus li.notice {position:relative; padding-right:6px;} body.rtl #webView header ul.bonus {float:left;} body.rtl #webView header ul.bonus li {float:right;} body.rtl #webView header div.util_menu li.user {margin-left:30px; margin-right:0} body.rtl #webView header ul.bonus li.notice {padding:0 0 0 19px;} body.rtl #webView header ul.bonus li.share {margin:-1px 0 0 26px;} #webView header ul.bonus li.notice a, #webView header ul.bonus li.share a {display:block; text-indent:-9999em; background:url(/resources/image/Polaris/new/webView/img.png) no-repeat} #webView header ul.bonus li.notice a {width:18px; height:21px; background-position:0 -316px;}/* 20150122 사이즈 수정 */ #webView header ul.bonus li.share a {width:28px; height:20px; background-position:0 -365px;} #webView header ul.bonus li.notice span {position:absolute; top:0px; left:12px; display:inline-block; padding:0 5px; height:15px; background:#fb5555 url(/resources/image/Polaris/new/bullet/num_bg_l.png) left no-repeat; color:#fff; font-family:arial; font-size:10px; border-radius:9px}/* 20150122 알림 */ #webView header ul.bonus li.notice span em {display:inline-block; line-height:15px; font-style:normal; background: url(/resources/image/Polaris/new/bullet/num_bg_r.png) right no-repeat;}/* 20150122 알림 */ #webView header ul.bonus li.notice span.date {display:none} #webView header ul.bonus li.notice span.bg {width:36px; height:36px; left:0; top: 0px; padding:0; background:url(/resources/image/Polaris/new/common/pic_bg03_hover.png) no-repeat; border-radius:0} body.rtl #webView header ul.bonus li.notice span.bg {right:0; left:auto;} #webView header ul.bonus li.notice dl:hover dt span.bg {background:url(/resources/image/Polaris/new/common/pic_bg02_hover.png) no-repeat;} #webView header ul.bonus li.notice dl.read {background:#fff;} #webView header ul.bonus li.notice dl.read dt {background:url(/resources/image/Polaris/new/common/pic_bg02.png) no-repeat;} #webView header ul.bonus li.notice dl.read dt span.bg {background:url(/resources/image/Polaris/new/common/pic_bg02.png) no-repeat;} #webView header ul.bonus li.notice span.link_check {position: absolute;top: 22px; left: 22px; background:transparent} body.rtl #webView header ul.bonus li.notice span.link_check {right:22px; left:auto;} #webView header ul.bonus li.share span {position:absolute; top:-2px; left:13px; display:block; width:15px; height:15px; text-align:center; color:#fff; line-height:14px; font-size:10px; font-family:arial; /* background:url(/resources/image/Polaris/new/webView/menu_comment.png) no-repeat */} header div.util_menu li.chat.share img {display:none; position:absolute; left:14px; top:0px;} #webView p.loading {position:fixed; top:50%; left:50%; margin:-16px 0 0 -16px; z-index:3;} #webView .content {position:absolute; width:100%; top:56px; bottom:32px; } #webView .content.word {} #webView .content .viewer {padding:0 0 32px; overflow:auto;} #webView div.menu {display:none; position:fixed; right:24px; top:55%; margin:-121px 0 0;z-index:5;} #webView div.menu ul.depth1 {padding:20px 0 18px; border-radius:6px; background:url(/resources/image/Polaris/new/webView/menu_bg.png) repeat} #webView div.menu ul.depth1 li {position:relative;} #webView div.menu ul.depth1 a {word-wrap:break-word;} #webView div.menu ul.depth1 a.menu_01, #webView div.menu ul.depth1 a.menu_02, #webView div.menu ul.depth1 a.menu_03, #webView div.menu ul.depth1 a.menu_04, #webView div.menu ul.depth1 a.menu_05 {display:block; width:70px; height:30px; padding:38px 0 0; text-align:center; font-size:12px; color:#fff; background:url(/resources/image/Polaris/new/webView/menu.png) repeat} /* 20150913 */ #webView div.menu ul.depth1 a.menu_01 {background-position:center -11px;} #webView div.menu ul.depth1 a.menu_02 {background-position:center -95px;} #webView div.menu ul.depth1 a.menu_03 {background-position:center -198px;} #webView div.menu ul.depth1 a.menu_03 span {position:absolute; top:5px; left:40px; display:block; width:15px; height:15px; text-align:center; color:#fff; line-height:14px; font-size:10px; font-family:arial; background:url(/resources/image/Polaris/new/webView/menu_comment.png) no-repeat} #webView div.menu ul.depth1 a.menu_04 {background-position:center -295px;}/* 20150213 #webView div.menu ul.depth1 a.menu_04 추가 */ #webView div.menu ul.depth1 a.menu_05 {background-position:center -398px;} /* 20150913 */ #webView div.menu ul.depth1 a:hover {text-decoration: none} body.de #webView div.menu ul.depth1 a.menu_01, body.de #webView div.menu ul.depth1 a.menu_02, body.de #webView div.menu ul.depth1 a.menu_03, body.de #webView div.menu ul.depth1 a.menu_04, body.de #webView div.menu ul.depth1 a.menu_05, body.ptBR #webView div.menu ul.depth1 a.menu_01, body.ptBR #webView div.menu ul.depth1 a.menu_02, body.ptBR #webView div.menu ul.depth1 a.menu_03, body.ptBR #webView div.menu ul.depth1 a.menu_04, body.ptBR #webView div.menu ul.depth1 a.menu_05, body.ptPT #webView div.menu ul.depth1 a.menu_01, body.ptPT #webView div.menu ul.depth1 a.menu_02, body.ptPT #webView div.menu ul.depth1 a.menu_03, body.ptPT #webView div.menu ul.depth1 a.menu_04, body.ptPT #webView div.menu ul.depth1 a.menu_05 {width:90px;} #webView div.menu ul.depth2, aside.panel section.msg ul.btn ul {display:none; position:absolute; top:5px; right:72px; min-width:156px; border:1px solid #a6aaaf; background:#fff; box-shadow:0px 2px 2px #c9c9c9} /* 20150115 aside.panel section.msg ul.btn ul 추가 */ /*#webView div.menu ul.depth1 li.share:hover ul.share {display:block;}*/ #webView div.menu ul.depth1 li.download:hover ul.download {display:block;} #webView div.menu ul.depth2 a, aside.panel section.msg ul.btn ul a {display:block; height:34px; line-height:34px; padding:0 16px 0 11px; color:#242628;}/* 20150115 aside.panel section.msg ul.btn ul a 추가 */ #webView div.menu ul.depth2 a:hover, aside.panel section.msg ul.btn ul a:hover {background:#f6f6f6;}/* 20150115 aside.panel section.msg ul.btn ul a:hover 추가 */ #pageslide {display: none; position: absolute; position: fixed; height: 100%; z-index: 3; top:0; width:394px; background:#fff; border-left:1px solid #d0d0d0;} #webView aside.panel { height: 100%;} aside.panel section.msg {float:left; position:absolute; top:49px; bottom:0; padding:0 22px; z-index:5;} aside.panel section.msg a.btn_close {position:absolute; right:11px; top:11px; width:18px; height:18px; text-indent:-999em; background:url(/resources/image/Polaris/new/webView/img.png) 0 -216px no-repeat;} aside.panel section.msg dl.info {float:left; width:100%; margin:33px 0 14px;} aside.panel section.msg dl.info dt {float:left; padding-top:12px; font-size:16px; color:#000;} aside.panel section.msg dl.info dt span {display:block; width:250px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#282828; font-size:16px;} aside.panel section.msg dl.info dt span.viewcount {color:#787878; font-size:13px; margin:2px 0 0; } aside.panel section.msg dl.info dd {float:right; background:url(/resources/image/Polaris/new/webView/pic_bg.png) no-repeat;} aside.panel section.msg dl.info dd img, aside.panel section.msg div.list dt img {position:relative; z-index:-1;} /* p.btn -> ul.btn 으로 수정 20150115 */ aside.panel section.msg ul.btn {clear:both; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:8px 0;} aside.panel section.msg ul.btn li {position:relative;display: inline-block;} aside.panel section.msg ul.btn a.edit, aside.panel section.msg ul.btn a.share, aside.panel section.msg ul.btn a.download {display:block; height:40px; text-align:center; line-height:40px; color:#134c9e; font-size:13px; } /* 20150913 변경 */ /*aside.panel section.msg ul.btn a.edit.small {width:250px;} aside.panel section.msg ul.btn a.share.small {width:100px; margin-left:30px;} aside.panel section.msg ul.btn a.edit.small {margin-left:-100px;} body.rtl aside.panel section.msg ul.btn a.edit.small {margin:0 -100px 0 0;} body.ru aside.panel section.msg ul.btn a.edit.small {width: 162px; margin-left:-50px;} body.ru aside.panel section.msg ul.btn a.share.small {width:120px;}*/ aside.panel section.msg ul.btn a.edit {width:200px;} aside.panel section.msg ul.btn a.share {width:100px; margin-left:30px;} aside.panel section.msg ul.btn a.edit {margin-left:-64px;} body.rtl aside.panel section.msg ul.btn a.edit {margin:0 -84px 0 0;} body.pl aside.panel section.msg ul.btn a.edit {width: 217px; margin-left:-65px;} /* aside.panel section.msg ul.btn a.edit.small {margin-left:-85px !important;} */ body.ru aside.panel section.msg ul.btn a.edit {width: 162px; margin-left:-50px;} body.ru aside.panel section.msg ul.btn a.share {width:120px;} aside.panel section.msg ul.btn a.share {border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5;} /* 20150213 border-left 추가 */ aside.panel section.msg ul.btn a span {display:inline-block; background:url(/resources/image/Polaris/new/webView/img.png) no-repeat;} aside.panel section.msg ul.btn a.edit span {padding-left:24px; background-position:0 -526px;} /* 20150213 a.edit 추가 */ aside.panel section.msg ul.btn a.share span {padding-left:31px; background-position:0 -584px;} /* 20150213 background-position 수정 */ aside.panel section.msg ul.btn a.download span {padding-left:26px; background-position:0 -639px;} /* 20150213 background-position 수정 */ aside.panel section.msg ul.btn ul {display:none; position:absolute; top: 40px; right:auto; min-width: 130px; left:20px; height: auto;} body.rtl aside.panel section.msg ul.btn ul {right:-227px; max-width:260px;} aside.panel section.msg ul.btn ul.share {min-width: 130px; left:20px} aside.panel section.msg ul.btn ul.download {min-width: 130px; left:15px} aside.panel section.msg ul.btn li.share:hover ul.share {display:block;} aside.panel section.msg ul.btn li.download:hover ul.download {display:block;} aside.panel section.msg ul.btn ul li {display:block;} aside.panel section.msg ul.btn ul a {display:block; text-decoration: none} /* p.btn -> ul.btn 20150115 */ aside.panel section.msg div.link_share {float:left; width:100%; margin:16px 0 24px; padding:0 0 16px; border-bottom:1px solid #e5e5e5;} aside.panel section.msg div.link_share h3 {display:block; color:#787878; font-size:12px;margin-bottom:6px;} /* aside.panel section.msg div.link_share h3 span.link_setting {float: right; margin-right: 19px; font-weight: normal;} */ /* 20150304 성영원 추가 */ /* aside.panel section.msg div.link_share h3 span.link_setting a {color: #1c62de;} */ /* 20150304 성영원 추가 */ aside.panel section.msg div.link_share p {float:left;} aside.panel section.msg div.link_share p.btn_share {float:right;margin-top:-6px;} aside.panel section.msg div.link_share p.btn_share a {display:inline-block; width:32px; height:32px; margin:6px 10px 0 0; text-indent:-999em; background:url(/resources/image/Polaris/new/webView/btn.png) no-repeat;} body.zh aside.panel section.msg div.link_share p.btn_share a {background:url(/resources/image/Polaris/new/share/btn_link.png) no-repeat;} body.rtl aside.panel section.msg div.link_share p.btn_share a {margin:6px 0 0 10px;} aside.panel section.msg div.link_share p.btn_share a.facebook {background-position:0 0;} aside.panel section.msg div.link_share p.btn_share a.twitter {background-position:-42px 0;} aside.panel section.msg div.link_share p.btn_share a.mail {background-position:-126px 0; margin-right:0;} aside.panel section.msg div.link_share p.btn_share a.qq {background-position:-168px 0; margin-right:0;} body.zh aside.panel section.msg div.link_share p.btn_share a.mail {background-position:0 0; margin-right:10px;} body.rtl aside.panel section.msg div.link_share p.btn_share a.mail {margin-left:0} body.zh aside.panel section.msg div.link_share p.btn_share a.qzone {background-position:-119px 0;} aside.panel section.msg div.link_share p.copy {width:218px;height:32px;line-height:32px;vertical-align:middle; margin:0 10px 0 0px; border:1px solid #d3d3d3; border-radius:2px; position: relative;} aside.panel section.msg div.link_share p.copy02 {width: 214px; float: left; margin-top: 12px;font-size: 13px;color: #4f4f4f;} body.rtl aside.panel section.msg div.link_share p.copy {margin:0 0 0 0px; width: 224px;} aside.panel section.msg div.link_share p.copy input {width:163px; padding:0 0 0 8px; border:none;} body.rtl aside.panel section.msg div.link_share p.copy input {text-indent:-104px; padding:0 8px 0 0;} aside.panel section.msg div.link_share p.copy input.no {width:203px;;} aside.panel section.msg div.link_share p.copy a {display:inline-block; width:53px; height:30px; line-height:30px; color:#4f4f4f; background:#f3f3f3; font-size:12px; text-align:center; margin-left: -6px;} body.zh aside.panel section.msg div.link_share p.copy a {width:49px;} body.ru aside.panel section.msg div.link_share p.copy input {width:137px;} body.ru aside.panel section.msg div.link_share p.copy a {width:79px;} aside.panel section.msg div.link_no_share {float:left; width:100%; margin:16px 0 24px; padding:0 0 16px; border-bottom:1px solid #e5e5e5;} aside.panel section.msg div.link_no_share h3 {display:block; color:#787878; font-size:12px;} aside.panel section.msg div.link_no_share p {float:left;} aside.panel section.msg div.link_no_share p.btn_share {float:right;} aside.panel section.msg div.link_no_share p.btn_share a {display:inline-block; width:32px; height:32px; margin:6px 10px 0 0; text-indent:-999em; background:url(/resources/image/Polaris/new/webView/btn.png) no-repeat;} body.zh aside.panel section.msg div.link_no_share p.btn_share a {background:url(/resources/image/Polaris/new/share/btn_link.png) no-repeat;} body.rtl aside.panel section.msg div.link_no_share p.btn_share a {margin:6px 0 0 10px;} aside.panel section.msg div.link_no_share p.btn_share a.facebook {background-position:0 0;} aside.panel section.msg div.link_no_share p.btn_share a.twitter {background-position:-42px 0;} aside.panel section.msg div.link_no_share p.btn_share a.mail {background-position:-126px 0; margin-right:0;} aside.panel section.msg div.link_no_share p.btn_share a.qq {background-position:-168px 0; margin-right:0;} body.zh aside.panel section.msg div.link_no_share p.btn_share a.mail {background-position:0 0; margin-right:10px;} body.rtl aside.panel section.msg div.link_no_share p.btn_share a.mail {margin-left:0} body.zh aside.panel section.msg div.link_no_share p.btn_share a.qzone {background-position:-119px 0;} aside.panel section.msg div.link_no_share p.copy {width:218px; margin:6px 10px 0 0px; border:1px solid #d3d3d3; border-radius:2px; position: relative;} body.rtl aside.panel section.msg div.link_no_share p.copy {margin:6px 0 0 0px; width: 224px;} aside.panel section.msg div.link_no_share p.copy input {width:163px; padding:0 0 0 8px; border:none; } body.rtl aside.panel section.msg div.link_no_share p.copy input {text-indent:-104px; padding:0 8px 0 0;} aside.panel section.msg div.link_no_share p.copy input.no {width:203px;} aside.panel section.msg div.link_no_share p.copy a {display:inline-block; width:53px; height:30px; line-height:30px; color:#4f4f4f; background:#f3f3f3; font-size:12px; text-align:center; margin-left: -6px;} body.zh aside.panel section.msg div.link_no_share p.copy a {width:49px;} body.ru aside.panel section.msg div.link_no_share p.copy input {width:137px;} body.ru aside.panel section.msg div.link_no_share p.copy a {width:79px;} /* p.btn -> ul.btn 20150115 */ aside.panel section.msg div.link_no_share {float:left; width:100%; margin:16px 0 24px; padding:0 0 16px; border-bottom:1px solid #e5e5e5;} aside.panel section.msg div.link_no_share h3 {display:block; color:#787878; font-size:12px;} /* aside.panel section.msg div.link_no_share h3 span.link_setting {float: right; margin-right: 19px; font-weight: normal;} */ /* 20150304 성영원 추가 */ /* aside.panel section.msg div.link_no_share h3 span.link_setting a {color: #1c62de;} */ /* 20150304 성영원 추가 */ aside.panel section.msg div.link_no_share p {float:left;} aside.panel section.msg div.link_no_share p.btn_share {float:right;margin-top:-5px;} aside.panel section.msg div.link_no_share p.btn_share a {display:inline-block; width:32px; height:32px; margin:6px 10px 0 0; text-indent:-999em; background:url(/resources/image/Polaris/new/webView/btn.png) no-repeat;} body.zh aside.panel section.msg div.link_no_share p.btn_share a {background:url(/resources/image/Polaris/new/share/btn_link.png) no-repeat;} body.rtl aside.panel section.msg div.link_no_share p.btn_share a {margin:6px 0 0 10px;} aside.panel section.msg div.link_no_share p.btn_share a.facebook {background-position:0 0;} aside.panel section.msg div.link_no_share p.btn_share a.twitter {background-position:-42px 0;} aside.panel section.msg div.link_no_share p.btn_share a.mail {background-position:-126px 0; margin-right:0;} aside.panel section.msg div.link_no_share p.btn_share a.qq {background-position:-168px 0; margin-right:0;} body.zh aside.panel section.msg div.link_no_share p.btn_share a.mail {background-position:0 0; margin-right:10px;} body.rtl aside.panel section.msg div.link_no_share p.btn_share a.mail {margin-left:0} body.zh aside.panel section.msg div.link_no_share p.btn_share a.qzone {background-position:-119px 0;} aside.panel section.msg div.link_no_share p.copy {width:218px; margin:6px 10px 0 0px; border:1px solid #d3d3d3; border-radius:2px; position: relative;} aside.panel section.msg div.link_no_share p.copy02 {width: 214px; float: left; margin-top: 8px;font-size: 13px;color: #4f4f4f;} body.rtl aside.panel section.msg div.link_no_share p.copy {margin:6px 0 0 0px; width: 224px;} aside.panel section.msg div.link_no_share p.copy input {width:163px; padding:0 0 0 8px; border:none; } body.rtl aside.panel section.msg div.link_no_share p.copy input {text-indent:-104px; padding:0 8px 0 0;} aside.panel section.msg div.link_no_share p.copy input.no {width:203px;} aside.panel section.msg div.link_no_share p.copy a {display:inline-block; width:53px; height:30px; line-height:30px; color:#4f4f4f; background:#f3f3f3; font-size:12px; text-align:center; margin-left: -6px;} body.zh aside.panel section.msg div.link_no_share p.copy a {width:49px;} body.ru aside.panel section.msg div.link_no_share p.copy input {width:137px;} body.ru aside.panel section.msg div.link_no_share p.copy a {width:79px;} aside.panel section.msg div.comment {} aside.panel section.msg div.comment h3 {margin:17px 0 6px; font-size:14px; color:#6d6d6d; font-weight: normal;} /* 20150318 성영원 수정 */ aside.panel section.msg div.comment p.input {position:relative; padding:8px 9px 6px 8px; background:#f3f3f3;} aside.panel section.msg div.comment p.input span.box {display:inline-block; width:332px; height:69px; border:1px solid #c7c7c7; background:#fff;} aside.panel section.msg div.comment p.input span.box:hover {border:1px solid #3c7df0;} aside.panel section.msg div.comment p.input span.txt {display:none; position:absolute; left:16px; top:60px; font-size:11px; color:#6f7174;} body.rtl aside.panel section.msg div.comment p.input span.txt {right:16px; left:auto} aside.panel section.msg div.comment label {position:absolute; left:16px; top:14px; color:#6f7174;} body.rtl aside.panel section.msg div.comment label {right:16px; left:auto} aside.panel section.msg div.comment label.off {display:none;} aside.panel section.msg div.comment textarea {width:100%; height:36px; padding:5px 7px 0; font-size:12px; color:#6f7174; border:none;resize:none;} aside.panel section.msg div.comment textarea#comment_input {width:317px; border: none;overflow: auto;outline: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;resize:none;} aside.panel section.msg div.comment textarea.enter{display:none; width:246px;} aside.panel section.msg div.comment p.input a {position:absolute; top:50px; right:13px; display:inline-block; display:none; height:24px; line-height:24px; padding:0 12px; color:#fff; border-radius:2px; background:#1e82ff;} body.rtl aside.panel section.msg div.comment p.input a {left:13px; right:auto;} aside.panel section.msg div.comment div.list {position:absolute; top:314px; bottom:10px; overflow: auto;/* height: 100%; */} /* 20150626 bottom 수정 */ aside.panel section.msg div.comment div.list.share {top:395px; margin-right: 7px;} /* 20150318 성영원 수정*/ aside.panel section.msg div.comment.google div.list.share {bottom:0} aside.panel section.msg div.comment div.list.share.no {top:299px;} aside.panel section.msg div.comment div.list dl {position:relative; float:left; width:326px; margin:0 0 0 12px; padding:18px 0; border-bottom:1px solid #ececec;} aside.panel section.msg div.comment div.list dt {position:relative; float:left; width:49px; background:url(/resources/image/Polaris/new/webView/pic_bg02.png) no-repeat;} aside.panel section.msg div.comment div.list dt span.me {display:block; position:absolute; top:20px; left:21px; width:17px; height:17px; text-indent:-9999em; background:url(/resources/image/Polaris/new/webView/me.png) no-repeat;} aside.panel section.msg div.comment div.list dd {float:left; width: 262px; color:#5e5e5e; line-height:18px} aside.panel section.msg div.comment div.list dd span.txt {display:block; color:#282828; white-space: pre-wrap; word-wrap:break-word;} /* 20150317 성영원 추가 */ aside.panel section.msg div.comment div.list strong {display:block; font-size: 13px; color: #282828; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 225px;} /* 20150317 성영원 수정*/ aside.panel section.msg div.comment div.list .date {display:block; color:#787878; font-family:arial;} aside.panel section.msg div.comment div.list a.close, aside.panel section.msg div.comment div.list a.write {display:inline-block; position:absolute; top:19px; width:14px; height:14px; text-indent:-9999em; background:url(/resources/image/Polaris/new/webView/img.png) no-repeat;} aside.panel section.msg div.comment div.list a.close {right:0px; background-position:0 -444px} /* 20150318 성영원 수정 */ aside.panel section.msg div.comment div.list a.write {right:28px; background-position:0 -412px} /* 20150318 성영원 수정 */ aside.panel section.msg div.comment div.list a.bottom_btn {display: none;height: 22px; min-width: 50px;padding: 0 7px;margin: 0 0 0 4px;line-height: 22px;border: 1px solid #c1c5cb;border-radius: 2px;font-size: 12px;text-align: center;float: right;color: #fff;border-radius: 2px;color: #505050;background: #fff;} aside.panel section.msg div.comment div.list a.update {background: #1e82ff;color: #fff; border:1px solid #3573e2;} aside.panel section.msg div.comment div.list dl:hover a.write {display:block;} aside.panel section.msg div.comment div.list div#label_nocomment {color: #6f7174; display: none; width: 351px; height: 100%;} /* 20150420 성영원 추가 */ aside.panel section.msg div.comment div.list div#label_nocomment div {position: absolute; top: 35%; width: 100%; padding:100px 0 0; text-align: center; background:url(/resources/image/Polaris/new/webView/no_comment.png) center top no-repeat} /* 20150420 성영원 추가 */ aside.panel section.msg div.comment.google div.list div#label_nocomment div {top:10%;} aside.panel section.msg div.comment p.btn_more {float:left; width:100%; margin: 10px 0 35px; text-align:center;display:none;} aside.panel section.msg div.comment p.btn_more a {display: inline-block; width:154px; height:34px; line-height:34px; font-size:12px; color:#242628; text-align:center; border:1px solid #b8b8b8; border-radius:2px;} aside.panel section.msg div.comment p.no_comment {width:350px; padding:25% 0 0; text-align:center; color:#6f7174;} aside.panel section.msg div.google_ad {display:; background:#fff; position:absolute;bottom:0px;left:0px; padding:0 50px; width:295px;} @media screen and (max-height:640px) { aside.panel section.msg div.google_ad{display:none;} } aside.panel section.msg p.ad_close {display:none; position:fixed;bottom:200px;right:100px; z-index: 3000;} aside.panel section.msg p.ad_close a {display:inline-block;width:25px;height:25px; background:#000;} #webView footer {display: none;position:fixed; bottom:0; width:100%; height:32px; padding:0; background:#fff; border-top:1px solid #d0d0d0;margin-left: -395px;z-index:4;} #webView footer .f_lt {position:fixed; left:14px; bottom:3px;} #webView footer ul.btn, #webView footer ul.paging {float:left; margin:5px 0 0;} #webView footer ul.btn li, #webView footer ul.paging li {float:left; margin:0 0 0 4px;} #webView footer ul.btn a {display:inline-block; height:20px; line-height:20px; padding:0 9px; font-size:11px; border:1px solid #ddd; font-weight:normal; } #webView footer ul.btn a:hover {text-decoration:none} #webView footer .f_rt {margin:0 17px 0 0;} #webView footer dl {float:left; position:relative; margin:7px 0 0 14px;} #webView footer dt span.per {display:inline-block; margin:0 3px; width:; height:16px; border:1px solid #fff; font-size:11px; text-align:center; color:#6a6868;} #webView footer dt span.per:hover {border-radius:2px; border:1px solid #ddd; background:#f1f1f1;cursor:pointer;} #webView footer a.minus.disable, #webView footer a.plus.disable, #webView footer a.minus.dim, #webView footer a.plus.dim {opacity:0.3;filter:alpha(opacity=30);} #webView footer a.minus.dim, #webView footer a.plus.dim {position:static;} #webView footer a.minus, #webView footer a.plus, #webView footer a.pprev, #webView footer a.prev, #webView footer a.next, #webView footer a.nnext {display:inline-block; width:18px; height:18px; text-indent:-9999em; background:url(/resources/image/Polaris/new/webView/img.png) no-repeat} #webView footer a.minus {background-position:0 -36px;} #webView footer a.minus:hover {background-position:0 -54px;} #webView footer a.plus {background-position:0 0;} #webView footer a.plus:hover {background-position:0 -18px;} #webView footer a.pprev {background-position:0 -72px;} #webView footer a.pprev:hover {background-position:0 -90px;} #webView footer a.prev {background-position:0 -108px;} #webView footer a.prev:hover {background-position:0 -126px;} #webView footer a.next {background-position:0 -180px;} #webView footer a.next:hover {background-position:0 -198px;} #webView footer a.nnext {background-position:0 -144px;} #webView footer a.nnext:hover {background-position:0 -162px;} #webView footer dd {position:absolute; right:-5px; bottom:30px; background:#fff; border:1px solid #a6aaaf; text-align:left; border-radius:2px; box-shadow:0px 2px 2px #c9c9c9} #webView footer dd p {display:block; min-width: 155px;} body.id #webView footer dd p {min-width: 185px;} body.ru #webView footer dd p {min-width: 185px;} #webView footer dd p.customize {border-top:1px solid #ebebeb;} #webView footer dd a {display:block; padding:0 25px 0 13px; height:30px; line-height:30px; color:#787878;} body#viewer #webView footer dl dd p a:hover {background:#f6f6f6; text-decoration:none} #webView footer dd a.check {background:url(/resources/image/Polaris/new/webView/check.png) right 11px no-repeat} body#viewer #webView footer dl dd p a.check:hover {background:#f6f6f6 url(/resources/image/Polaris/new/webView/check.png) right 11px no-repeat} #webView footer ul.paging {margin:0px 0 0;} #webView footer ul.paging li.paging {position:relative; background:#f0f0f0; height:24px; width:78px; text-align:center;} #webView footer ul.paging li.paging span {display:inline-block; font-size:11px; line-height:24px;} #webView footer ul.paging li.paging input {position:absolute; left:0; width:78px; height:24px; text-align:center; border:none; background:#f0f0f0;} #webView footer ul.paging li a {margin:3px 0 0;cursor:pointer;} #webView footer p{position: initial;} @media screen and (max-width: 1024px) { #webView header {min-width:100%;} #webView header div.util_menu {/* right:0 */} #webView .content {/* top:0; */} #webView section {border:none;} } #LoadingImage{position: fixed;top: 50%;left: 50%;margin: -16px 0 0 -16px;z-index: 6;} aside.panel section.msg div.comment div.list.share { overflow:hidden; overflow-x:hidden; -webkit-overflow-scrolling:touch; } aside.panel section.msg div.comment div.list.share:hover{ overflow:auto; overflow-x:hidden; } aside.panel section.msg div.comment div.list.share::-webkit-scrollbar,#viewcontents::-webkit-scrollbar{ border-radius:2px; width: 8px; height: 8px; } aside.panel section.msg div.comment div.list.share::-webkit-scrollbar-thumb,#viewcontents::-webkit-scrollbar-thumb{ width: 50px; background:#bebebe; border: 0; border-radius:2px; } aside.panel section.msg div.comment div.list.share::-webkit-scrollbar-track,#viewcontents::-webkit-scrollbar-track{ background:#e8e8e8; border-radius:10px; } header div.util_menu li.chat.share.new img{display: block;position: absolute;left: 18px;top: -4px;} header.view div.util_menu li.account dd, header.word div.util_menu li.account dd, header.excel div.util_menu li.account dd, header.pdf div.util_menu li.account dd{right:0px;} header div.util_menu {margin:33px 0 0 0;} header div.util_menu span.no_member a{color:#fff;} body.rtl header div.util_menu span.no_member {padding-left:25px; padding-right:0;} body.rtl header div.util_menu span.no_member a.login {margin-right:40px; margin-left:0; padding-right:22px; padding-left:0; background-position:right 0} body.rtl header div.util_menu span.no_member a.regist {margin-right:18px; margin-left:0; padding-right:25px; padding-left:0; background-position:right -37px} #viewcontents, #contents , #slide_wrapper{top:56px;} div#footer, #slide_wrapper{bottom:33px;} #slide_wrapper{display: none;} img.contents.pannel{left:-105px;} img.contents.fullmode{left:0px;} #handwrite{background:initial;} #memobtn{cursor:pointer;} div#footer{z-index:3;display: none;} #contents{bottom:65px;} header div.util_menu li.account dd{right:0;} /* 알림 팝업 - 20150122 */ #webView .notice_pop {position:absolute; right:-83px; margin:34px 0 0;} .notice_pop h3 {background: url(/resources/image/Polaris/new/webView/notice_bg.png) no-repeat;} body.rtl #webView .notice_pop {left:-72px; right:auto;} body.rtl .notice_pop h3 {background: url(/resources/image/Polaris/new/webView/notice_rtl_bg.png) no-repeat;} /* 중요 표시 추가 - 20150914 */ aside.panel section.msg ul.btn {position:relative; text-align:center; height:40px; width: 351px;} aside.panel section.msg ul.btn li.download {position:absolute; right:0; width:33px; top:10px} body.rtl aside.panel section.msg ul.btn li.download {left:0; right:auto;} aside.panel section.msg ul.btn li{width:110px;} body.rtl aside.panel section.msg ul.btn li.share {width:130px;} /* aside.panel section.msg ul.btn li.edit, aside.panel section.msg ul.btn li.share {width:150px;} */ aside.panel section.msg ul.btn a.share {border:none} aside.panel section.msg ul.btn a.download {width:33px; margin:0;} aside.panel section.msg ul.btn a span, #webView div.menu ul.depth2 a span {display:inline-block; padding-left:30px; min-height:18px; font-weight:bold; background:url(/resources/image/Polaris/new/webView/img_02.png) no-repeat;} aside.panel section.msg ul.btn a span {color:#0046b9;} aside.panel section.msg ul.btn a.edit span {background-position:0 -9px; padding-left:30px;} body.rtl aside.panel section.msg ul.btn a.edit span {background-position:right -9px; padding:0 45px 0 0;} aside.panel section.msg ul.btn a.share span {margin-left:-9px; background-position:0 -66px} body.rtl aside.panel section.msg ul.btn a.share span {margin: 0 -8px 0 0; background-position:right -66px; padding:0 38px 0 0;}} aside.panel section.msg ul.btn a.favorite span {margin-left:6px; padding-left:28px; background-position:0 -136px} aside.panel section.msg ul.btn a.download span {background-position:right -176px; text-indent:-9999em; width:33px; padding:0;} aside.panel section.msg ul.btn ul.download, #webView div.menu ul.depth2 {display:none; min-width:219px; left:-185px; padding:7px 0 6px; border-radius:3px; z-index:2} #webView div.menu ul.depth2 {right:72px; left:auto;} body.de #webView div.menu ul.depth2 {right:90px;} aside.panel section.msg ul.btn ul.download li {width:auto; text-align:left;} aside.panel section.msg ul.btn ul a,#webView div.menu ul.depth2 a {padding-bottom:3px; padding-top:3px;} aside.panel section.msg ul.btn ul a span, #webView div.menu ul.depth2 a span {display:block; padding-left:44px; color:#282828;} aside.panel section.msg ul.btn ul a.btn_download span, #webView div.menu ul.depth2 a.btn_download span {background-position:7px -227px} aside.panel section.msg ul.btn ul a.btn_drive span, #webView div.menu ul.depth2 a.btn_drive span {background-position:5px -282px} aside.panel section.msg ul.btn ul a.btn_drive.orange span, #webView div.menu ul.depth2 a.btn_drive.orange span {background: url(/resources/image/Polaris/new/webView/orange_img_02.png) no-repeat;background-position:5px -282px} body.rtl aside.panel section.msg ul.btn ul a.btn_download span, body.rtl #webView div.menu ul.depth2 a.btn_download span {background-position:200px -223px} body.rtl aside.panel section.msg ul.btn ul a.btn_drive span,body.rtl #webView div.menu ul.depth2 a.btn_drive span {background-position:196px -282px} body.rtl aside.panel section.msg ul.btn ul a span, body.rtl #webView div.menu ul.depth2 a span {padding:0 44px 0 0; text-align:right;} body.rtl #viewcontents iframe {float:left;} body.rtl aside.panel section.msg div.comment div.list dl {margin:0 12px 0 0; direction:rtl;clear:both;} body.rtl aside.panel section.msg div.comment div.list dt {float:right; background:url(/resources/image/Polaris/new/webView/pic_bg02.png) right no-repeat;} body.rtl aside.panel section.msg div.comment div.list dt span.me {right:21px; left:auto;} body.rtl aside.panel section.msg div.comment div.list a.close {left:0px; right:auto} /* 20150318 성영원 수정 */ body.rtl aside.panel section.msg div.comment div.list strong {text-align:right;} /* 20150317 성영원 수정*/ body.rtl aside.panel section.msg div.comment div.list .date {text-align:right;} body.rtl aside.panel section.msg div.comment div.list a.write {left:28px; right:auto;} /* revision */ aside.panel section.msg.revision {padding:0; width:394px;} aside.panel section.msg.revision h2 {height:44px; padding:0 0 0 22px; line-height:44px; border-bottom:1px solid #e5e5e5; font-size:15px;} body.rtl aside.panel section.msg.revision h2 {padding:0 22px 0 0;} aside.panel section.msg.revision div.revision_notice {display:none; position:relative; padding:96px 22px 26px; line-height:21px; border-bottom:1px solid #e5e5e5; background:url(/resources/image/Polaris/new/webView/revision.png) center 26px no-repeat} body.rtl aside.panel section.msg.revision div.revision_notice {padding:96px 22px 26px; background:url(/resources/image/Polaris/new/webView/revision.png) center 26px no-repeat} aside.panel section.msg.revision.notice div.revision_notice {display:block; text-align:center;} aside.panel section.msg.revision div.revision_notice p.txt {padding:10px 0 0 0; text-align:left} body.rtl aside.panel section.msg.revision div.revision_notice p.txt {padding:10px 0 0 0; text-align:right} aside.panel section.msg.revision div.revision_notice a.btn_upgrade, aside.panel section.msg.revision div.revision_notice a.btn_confirm {display:inline-block; margin:10px 0 0; padding:0 28px; height:30px; line-height:29px; border-radius:3px; background:#1e82ff; color:#fff;} aside.panel section.msg.revision div.revision_notice a.btn_close {position:absolute; right:22px; text-indent:-999em; width:20px;} body.rtl aside.panel section.msg.revision div.revision_notice a.btn_close {left:22px; right:auto;} aside.panel section.msg.revision div.revision_notice a.btn_close.txt {display:none; top:auto;bottom:20px; background:none; text-indent:0; width:auto;} aside.panel section.msg.revision div.revision_list {position:absolute; top:45px; bottom:0; width:100%; overflow:auto} aside.panel section.msg.revision.notice div.revision_list {top:281px;} body.en aside.panel section.msg.revision.notice div.revision_list {top:302px;} body.fr aside.panel section.msg.revision.notice div.revision_list {top:302px;} body.rtl aside.panel section.msg.revision.notice div.revision_list {top: 260px;} body.de aside.panel section.msg.revision.notice div.revision_list {top:323px;} aside.panel section.msg.revision dl {float:left; width:100%; cursor:pointer;border-bottom:1px solid #ececec;} /* aside.panel section.msg.revision dl:hover{background:#f3f9ff;} */ aside.panel section.msg.revision dl.on{background:#f3f9ff;} aside.panel section.msg.revision dl dt, aside.panel section.msg.revision dl dd {float:left;} aside.panel section.msg.revision dl dt {width:69px; text-align:right} aside.panel section.msg.revision dl dt img {padding:13px 19px 0 0;} body.rtl aside.panel section.msg.revision dl dt, body.rtl aside.panel section.msg.revision dl dd {float:right;} body.rtl aside.panel section.msg.revision dl dt {text-align:left} body.rtl aside.panel section.msg.revision dl dt img {padding:13px 0 0 19px;} aside.panel section.msg.revision dl dd {width:305px; word-break:break-all; padding:11px 0 12px; /* border-bottom:1px solid #ececec; */} aside.panel section.msg.revision dl dd strong {display:block;} aside.panel section.msg.revision dl span.btn {display:none;} /* aside.panel section.msg.revision dl:hover span.btn {display:block; margin:11px 0 0;} */ aside.panel section.msg.revision dl.on span.btn {display:block; margin:11px 0 0;} aside.panel section.msg.revision dl span.btn a {color:#1e82ff;} aside.panel section.msg.revision dl span.btn var {padding:0 13px; color:#d4d9dd;} #webView header {height:48px;} #webView header h1 {top:0 !important; left:0;} body.rtl #webView header h1 {right:0; left:auto;} #webView header h1 a {display:inline-block; width:49px; height:48px; background:none;} #webView header h1 a img {display:none} #webView header h1 {width:49px; height:48px; border-right:1px solid; background:url(/resources/image/Polaris/new/webView/form.png) no-repeat;} #webView.word header h1 {border-color:#4a99fa} #webView.word.word header h1 {background-position:-116px 0;} #webView.word.docx header h1, #webView.word.doc header h1 {background-position:0 0; } #webView.word.dotx header h1, #webView.word.dot header h1 {background-position:-58px 0;} #webView.word.hwp header h1 {background-position:-210px 0;} #webView.word.odt header h1 {background-position:-268px 0;} #webView.word.txt header h1 {background-position:0 -70px;} #webView.word.rtf header h1 {background-position:-58px -70px;} #webView.excel header h1 {border-color:#74c349; background-position:-377px 0;} #webView.excel.xlsx header h1, #webView.excel.xls header h1 {background-position:-377px 0;} #webView.excel.xltx header h1, #webView.excel.xlt header h1 {background-position:-435px 0;} #webView.excel.sheet h1 {background-position:-511px 0;} #webView.excel.ods h1 {background-position:-569px 0;} #webView.excel.csv header h1 {background-position:-116px -70px;} #webView.ppt header h1 {border-color:#fda133; background-position:-679px 0;} #webView.ppt.pptx header h1, #webView.ppt.ppt header h1 {background-position:-679px 0;} #webView.ppt.potx header h1, #webView.ppt.pot header h1 {background-position:-737px 0;} #webView.ppt.ppsx header h1, #webView.ppt.pps header h1 {background-position:-795px 0;} #webView.ppt.slide header h1 {background-position:-879px 0;} #webView.ppt.odp header h1 {background-position:-937px 0;} #webView.pdf header h1 {background-position:-1024px 0 !important; border-color:#fa7d7d} #webView.bi header h1 {width:155px; height:28px; margin:10px 0 0 15px;;background:none} /* 20160307 */ #webView.bi header h1 a {width:155px; height:28px; border-right:none; background:url(/resources/image/Polaris/new/webView/logo.png) no-repeat; }/* 20160307 */ #webView header div.title {position:absolute;left:54px;line-height:48px;font-size:13px;/* max-width:390px; */width:634px;} #webView.bi header div.title {left:175px;}/* 20160307 */ body.rtl #webView header div.title {right:60px; left:auto;} body.rtl #webView.bi header div.title {right:175px;}/* 20160307 */ #webView header div.title dt {padding-left:14px;overflow: hidden;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;max-width: 506px;} body.rtl #webView header div.title dt {padding-right:14px; padding-left:0;} #viewcontents, #contents, #slide_wrapper {top:48px;} body.rtl #slide_wrapper {direction:ltr} #webView header div.util_menu li.notice {margin-top:-4px;} #webView header div.util_menu li.notice {margin-right:28px;} #webView header div.util_menu li.user {top:-6px; margin-right:24px} #webView header div.util_menu li.user span {width:24px; height:24px;} #webView header ul.bonus li.user img {width:24px; height:24px; } #webView.word header div.util_menu li.user span.bg {background:url(/resources/image/Polaris/new/webView/pic_bg_word.png) no-repeat} #webView.excel header div.util_menu li.user span.bg {background:url(/resources/image/Polaris/new/webView/pic_bg_excel.png) no-repeat} #webView.ppt header div.util_menu li.user span.bg {background:url(/resources/image/Polaris/new/webView/pic_bg_ppt.png) no-repeat} #webView.word header.pdf div.util_menu li.user span.bg {background:url(/resources/image/Polaris/new/webView/pic_bg_pdf.png) no-repeat} #webView.word.pdf header div.util_menu li.user span.bg {background:url(/resources/image/Polaris/new/webView/pic_bg_pdf.png) no-repeat} #webView.word.pdf.revision header div.util_menu li.user span.bg {background:url(/resources/image/Polaris/new/webView/pic_bg_revision.png) no-repeat} #webView header ul.bonus li.share {margin:-1px 26px 0 0;} #webView.revision header {background:#323436} #webView.revision header h1 {border-color:#323436;} #webView.revision header div.util_menu li.user span.bg {background:url(/resources/image/Polaris/new/webView/pic_bg_revision.png) no-repeat} body.rtl #webView header h1 {border-right:none;} body.rtl #webView.excel header h1 {border-left:1px solid #74c349;} body.rtl #webView.ppt header h1 {border-left:1px solid #fda133;} body.rtl #webView.word.pdf header h1 {border-left:1px solid #fa7d7d;} body.rtl #webView.revision header h1 {border-left:1px solid #323436;} body.rtl #webView.word header h1 {border-left:1px solid #4a99fa} /* Upgrade popup - 20160203 */ .new_popup {position:absolute; left:50%; top:50%; width:574px; margin:-300px 0 0 -286px; border:3px solid #ebebeb; border-radius:5px; z-index: 10; background: #fff; } .new_popup.upgrade {width:382px; margin:-150px 0 0 -191px; border:none;/* box-shadow:2px 2px 2px #f5f5f5;*/} .new_popup.upgrade .newBox {padding:0; border:1px solid #bdbdbd; color:#25272a; border-radius:3px} .new_popup .newBox div.box {} .new_popup .newBox a {text-decoration:none; color:#25272a; } .new_popup .newBox em {font-style:normal;} .new_popup.upgrade .newBox dl {margin:35px 0 0; padding:78px 0 36px; text-align:center; background:url(/resources/image/Polaris/new/webView/update.png) center top no-repeat;} .new_popup.upgrade .newBox dt {font-weight:bold; padding-bottom:12px; color:#25272a; font-size:14px;margin:0 auto;width:360px;} .new_popup.upgrade .newBox dd {margin:0 auto;width:360px;color:#515358;} .new_popup.upgrade .newBox p.btn {padding:12px 0; border-top:1px solid #e6e6e6; text-align:center;} .new_popup .newBox p.btn a {display:inline-block; min-width:66px; margin:0 4px; padding:0 10px; height:26px; line-height:26px; text-align:center; border-radius:2px; border:1px solid #c1c5cb;} .new_popup .newBox p.btn a.blue {border:1px solid #3c7df0; background:#3c7df0; color:#fff;} .new_popup_smart {position:absolute; left:50%; top:50%; width:574px; margin:-300px 0 0 -286px; border:3px solid #ebebeb; border-radius:5px; z-index: 10; background: #fff; } .new_popup_smart.upgrade {width:382px; margin:-150px 0 0 -191px; border:none;/* box-shadow:2px 2px 2px #f5f5f5;*/} .new_popup_smart .newBox {padding:0; border:1px solid #bdbdbd; color:#25272a; border-radius:3px} .new_popup_smart .newBox div.box {} .new_popup_smart .newBox a {text-decoration:none; color:#25272a; } .new_popup_smart .newBox em {font-style:normal;} .new_popup_smart.upgrade .newBox dl {margin:35px 0 0; padding:78px 0 36px; text-align:center; background:url(/resources/image/Polaris/new/webView/update.png) center top no-repeat;} .new_popup_smart.upgrade .newBox dt {font-weight:bold; padding-bottom:12px; color:#25272a; font-size:14px;} .new_popup_smart.upgrade .newBox dd {color:#515358;} .new_popup_smart .newBox p.btn {padding:12px 0; border-top:1px solid #e6e6e6; text-align:center;} .new_popup_smart .newBox p.btn a {display:inline-block; min-width:66px; margin:0 4px; padding:0 10px; height:26px; line-height:26px; text-align:center; border-radius:2px; border:1px solid #c1c5cb;} .new_popup_smart .newBox p.btn a.blue {border:1px solid #3c7df0; background:#3c7df0; color:#fff;} div.loading {position:absolute; top:50%; left:50%; padding:53px 0 0; margin:-27px 0 0 -60px; text-indent:3px; z-index: 100; color:#505050; background:url(/resources/image/Polaris/new/webView/loading.gif) center top no-repeat} div.no_pop {display:none;position:absolute; right:180px;; top:18px; min-width:100px; text-align:right} div.no_pop label {color:#fff; font-size:14px;} #webView div.util_menu dl.pc_open {display:none;float:left;position:relative;margin:25px 25px 0;text-align:right;} body.rtl #webView div.util_menu dl.pc_open {float:right; text-align:left;} #webView div.util_menu dl.pc_open dt label {color:#fff;} #webView div.util_menu dl.pc_open dt label input {margin:0 5px;} #webView div.util_menu dl.pc_open dd {display:none; position:absolute; width:446px; left:-72px; margin:0 0 0 -140px; padding:11px 0 0; background:url(/resources/image/Polaris/new/webView/pcOpen_topBg.png) left top no-repeat;} body.rtl #webView div.util_menu dl.pc_open dd {left:137px;} #webView div.util_menu dl.pc_open dd ul {width:446px; padding:0 0 26px; background:url(/resources/image/Polaris/new/webView/pcOpen_btmBg.png) left bottom no-repeat;} #webView div.util_menu dl.pc_open dd li {float:none;} #webView div.util_menu dl.pc_open dd li.txt {padding:20px 0 0 60px; text-align:left; background:url(/resources/image/Polaris/new/webView/bul_pcOpen.png) 23px 20px no-repeat;} #webView div.util_menu dl.pc_open dd li.txt strong {display:block; margin:0 0 11px;} #webView div.util_menu dl.pc_open dd li.btn {margin:19px 28px 0 0; text-align:right;} #webView div.util_menu dl.pc_open dd li.btn a {color:#1e82ff;} div.doc_open {display:none;position:fixed; width:100%; height:100%; background:#fbfbfb;} div.doc_open div.txt {position:absolute; top:50%; width:100%; height:160px; margin:-80px 0 0; text-align:center;} div.doc_open div.txt h2 {margin:0 0 37px; font-size:18px;} div.doc_open div.txt p.txt {margin:0 0 16px; font-size:13px;} #webView div.doc_open div.txt p.loading {position:static; margin:20px 0 0 0; z-index:3;} div.doc_open div.txt a {display:inline-block; padding:0 38px; height:30px; line-height:30px; color:#151515; border:1px solid #d3d6da; border-radius:3px; background:#fff;} div.doc_open a.web_open {position:fixed; width:100%; bottom:56px; color:#787878; text-align:center} body.rtl .thumbContainer{ margin:15px 0 -5px 26px;} /* 앱에서 문서 열기 */ .new_txt {text-align:center} .new_txt {padding-top:165px;padding-top:205px;text-align:center;} .new_txt .inner {display:inline-block;min-width:600px;max-width:630px;border:1px solid #ededed;background:#fff;} .new_txt .inner02 {display:block;height:200px;margin-top:30px;} .new_txt .inner03 {display:block;text-align:center;} .new_txt .icon {display:block;padding-top:35px;text-align:center;} .new_txt .t01 {display:table;width:100%;min-height: 78px;text-align:center;font-size:14px;color:#282828;padding: 0 0 20px 0;} .new_txt .t01 span{display:table-cell;padding:0 55px;vertical-align:middle;line-height: 1.7;} body.rtl .new_txt .t01 span{direction: ltr;} .new_txt .t02 {line-height:1.6;font-size:13px;color:#282828;} .new_txt .t03 {display:block;text-align:center;padding-top:8px;} .new_txt .t04 {display:inline-block;} .new_txt .t04 li {position:relative;padding-left:16px;text-align:left;line-height:1.6;font-size:13px;color:#787878;} .new_txt .t04 li:after {content:'';display:block;position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:;border-radius:4px;background:#999;} .new_txt .t04 li a {font-size:13px;color:#0046b9;text-decoration:underline;} .new_txt .d_open {display:none;height:32px;padding:0 14px;line-height:32px;font-size:13px;color:#fff;border-radius:3px;background:#444d5c;} .ad_google02 {display:none;clear:both;position:relative;margin:-16px 0 0 -22px;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;background:#f6f6f6;} .ad_google02 .ad_img {position:absolute;top:26px;left:22px;} .ad_google02 .ad_close {position:absolute;top:50%;right:6px;width:20px;height:20px;margin-top:-10px;} .ad_google02 .ad_close a {display:inline-block;width:20px;height:20px;text-indent:-9999em;background:url(/resources/image/Polaris/new/webView/ad_close.png) no-repeat 50% 50%;} .ad_google03 {clear:both;position:fixed;left:50%;bottom:-105px;width:630px;height:105px;margin-left:-315px;border:1px solid #ededed;border-bottom:0;background:#fff;} .ad_google03 .ad_img {position:absolute;top:26px;left:32px;} .ad_google03 .ad_close {position:absolute;top:50%;right:6px;width:20px;height:20px;margin-top:-10px;} .ad_google03 .ad_close a {display:inline-block;width:20px;height:20px;text-indent:-9999em;background:url(/resources/image/Polaris/new/webView/ad_close.png) no-repeat 50% 50%;} .tab {list-style:none;margin:0;padding:0;} .tab li {position:relative;width:83px;height:26px;float:left;cursor:pointer;} .tab li.tabOutClass {color:#515151;font-size:12px;text-align:left;line-height: 2em;background:url('/resources/image/Polaris/sheet_tab_n_middle.png') repeat;} .tabcontainer {width:100px;float:left;cursor:pointer;} .righttcontainer {position:relative;float:left;right:0;top:0;width:11px;height:26px;background:url('/resources/image/Polaris/sheet_tab_n_right.png') repeat;} .leftcontainer{position:relative;float:left;left:0;top:0;width:6px;height:26px;background:url('/resources/image/Polaris/sheet_tab_n_left.png') repeat;} .tab li.focus {position:relative;width:83px;height:26px;float:left;cursor:pointer;color:#515151;background:url('/resources/image/Polaris/sheet_tab_s_middle.png') repeat;} .righttcontainerF {position:relative;float:left;right:0;top:0;width:11px;height:26px;background:url('/resources/image/Polaris/sheet_tab_s_right.png') repeat;} .leftcontainerF {position:relative;float:left;left:0;top:0;width:6px;height:26px;background:url('/resources/image/Polaris/sheet_tab_s_left.png') repeat;} #tabbtncontainer{width:120px;height:32px;float:left;moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;} .tabcontainer.on .leftcontainer {background:url('/resources/image/Polaris/sheet_tab_s_left.png') repeat;} .tabcontainer.on .tabOutClass{background:url('/resources/image/Polaris/sheet_tab_s_middle.png') repeat;} .tabcontainer.on .righttcontainer {background:url('/resources/image/Polaris/sheet_tab_s_right.png') repeat;} #tabbtncontainer .img_btn1 {position:relative;margin-top: 6px;width:20px;height:20px;background-image:url('/resources/image/Polaris/sheet_button_first_n.png');display:inline-block; border:1px solid #e0e0e0;} #tabbtncontainer .img_btn2 {position:relative;display:inline-block;margin-top: 6px;width:20px;height:20px;background-image:url('/resources/image/Polaris/sheet_button_back_n.png');border:1px solid #e0e0e0;} #tabbtncontainer .img_btn3 {position:relative;display:inline-block;margin-top: 6px;width:20px;height:20px;background-image:url('/resources/image/Polaris/sheet_button_next_n.png');border:1px solid #e0e0e0;} #tabbtncontainer .img_btn4 {position:relative;display:inline-block;margin-top: 6px;width:20px;height:20px;background-image:url('/resources/image/Polaris/sheet_button_end_n.png');border:1px solid #e0e0e0;} #tabbtncontainer .img_btn1:hover, #tabbtncontainer .img_btn2:hover, #tabbtncontainer .img_btn3:hover, #tabbtncontainer .img_btn4:hover{border:1px solid #bdbdbd; border-radius:2px} .ad_viwer {position: absolute;bottom:0;right:0;left:0;height:90px;text-align: center;} .ad_viwer .inner {position:relative;width:728px;margin:0 auto;} #ad_close {position:absolute;left:5px;top:5px}