/*basic*/ textarea {resize: none;} body { background-color:#fff; } body, td, th, select,textarea, div input { font-size: 9pt; color: #666; font-family:YoonGothic,Gulim,AppleGothic,Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif; } /* ? */ a:link, a:visited { font-size: 9pt; color:#666; text-decoration:none; } a:hover, a:active { font-size: 9pt; color:#5378a0; text-decoration: underline; } img, a { border: none; outline:0; selector-dummy:expression(this.hideFocus=true); } /*div, span, p {margin:0; padding:0;} */ em { color : #ff6600; font-style:normal; } strong { color : #ff6600 } html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,select,textarea,img { margin: 0; padding: 0; } ul,ol { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } textarea { font-size: 9pt; color: #666; text-align: left; font-family: u;} radio { border:none;} /*div,select,input { font-size: 9pt; color: #666; font-family: ,YoonGothic,Gulim,AppleGothic,Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif; } textarea {font-family: ,Arial,sans-serif;} ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,select,textarea,img { margin: 0; padding: 0; } img, a { border: none; selector-dummy:expression(this.hideFocus=true);}*/ #scroll { overflow-y:scroll; padding:0px; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #999999; scrollbar-3dlight-color: #FFFFFF; scrollbar-shadow-color: #999999; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #ffffff; } /*--------------------------------------------- sender ----------------------------------------------------------*/ #SB{clear:both; width:198px; text-align:left; z-index:100;} /*top*/ #sdTop {float:left; width:198px; height:23px; text-align:center; background:url(http://img.arreo.com/usr/img2/main/sender/sbgTop.gif) no-repeat left top;} #sdTop .topLogo {margin-top:8px;} #sdTop .topClose {float:right; width:30px; margin-right:11px; margin-top:-14px; display:inline} #sdTop02 {float:left; width:198px; height:23px; text-align:center; background:url(http://img.arreo.com/usr/img2/main/sender/sbgTop2.gif) no-repeat left top;} #sdTop02 .topLogo {margin-top:8px;} /*tabMenu*/ #sdTabM {float:left; width:198px; height:17px; background:url(http://img.arreo.com/usr/img2/main/sender/sbgTab.gif) repeat-y left top;} #sdTabM .tabMenu {float:left; margin-left:11px; margin-top:6px;} #sdTabM .otherMenu {float:right; margin-right:9px; margin-top:5px;} /*textArea-sms #sdTxtSMS {clear:both; float:left; width:198px; height:134px; background:url(http://img.netian.com/asp_msg/img/sbgTxt.gif) no-repeat left top;} #sdTxtSMS .txtAreaBtn {float:left; width:17px; margin-left:13px; margin-top:9px;} #sdTxtSMS .txtAreaBtn .btnPd {margin-bottom:3px;} #sdTxtSMS .textBox {float:left; width:100px; height:82px; margin-left:20px; margin-top:9px; font-size:12px; letter-spacing:-0.5px; font-family:,Arial,sans-serif; line-height:14px; color:#ffba00; text-align:left; overflow:hidden; background-color:transparent; border:0; display:inline;} #sdTxtSMS .smsScroll {float:right; height:116px; margin-right:11px; margin-top:9px;} #sdTxtSMS .smsScroll .scrollup {margin-bottom:108px;}*/ /*textArea-sms*/ #sdTxtSMS {clear:both; float:left; width:198px; height:134px; background:url(http://img.arreo.com/usr/img2/main/sender/sbgTxt.gif) no-repeat left top; overflow:hidden; } #sdTxtSMS .txtAreaBtn {float:left; width:17px; margin-left:11px; margin-top:9px;} #sdTxtSMS .txtAreaBtn .btnPd {margin-bottom:3px;} #sdTxtSMS .ppsms{margin-top:-8px;padding-left:5px; width:170px; color:#082050} #sdTxtSMS .ppsms span{vertical-align:1px} #sdTxtSMS #sdFile{padding:5px 15px 15px;} #sdTxtSMS #sdFile input[type="file"]{width:170px;height:21px;} #sdTxtSMS #sdFile p{padding:10px;line-height:1.2;} /*#sdTxtSMS .smmsIframe {float:left; width:150px; height:120px; margin-left:14px; margin-top:9px; background-color:transparent; border:0px solid;overflow-y:auto; overflow-x:hidden;} 20160203*/ #sdTxtSMS .smmsIframe{display:block;width:174px;height:120px;padding:0 0 0 20px;background-color:transparent;border:0;overflow-y:auto;overflow-x:hidden;} /*chae86 #sdTxtSMS .smmsIframe {float:left; width:150px; height:120px; margin-left:14px; margin-top:9px; background-color:transparent; border:0px solid;} */ #sdTxtSMS .smsScroll {float:right; height:116px; margin-right:11px; margin-top:9px;} #sdTxtSMS .smsScroll .scrollup {margin-bottom:108px;} #sdTxtSMS02 {clear:both; float:left; width:198px; height:276px; background:url(http://img.arreo.com/usr/img2/main/sender/sbgTxt.gif) no-repeat left top; overflow:hidden; } .resultBox {float:left; width:110px; height:118px; text-align:center; overflow:hidden; background-color:transparent;} .resultBox .resultOk {margin-top:20px;} .resultBox .resultFail {margin-top:40px; color:#086b71; font-weight:bold; text-align:center;} .resultBox .resultFail img {margin-top:4px;} /*textArea-mms #sdTxtMMS {float:left; width:198px; height:134px; background:url(http://img.netian.com/asp_msg/img/sbgTxt.gif) no-repeat left top;} #sdTxtMMS .txtAreaBtn {float:left; width:17px; margin-left:13px; margin-top:9px;} #sdTxtMMS .txtAreaBtn .btnPd {margin-bottom:3px;} #sdTxtMMS .textBox {float:left; margin-top:2px; margin-left:43px;width:110px; height:30px; font-size:12px; letter-spacing:-0.5px; font-family:,Arial,sans-serif; line-height:14px; color:#ffba00; text-align:left; overflow:hidden; background-color:transparent; border:0;} #sdTxtMMS .image {float:left; width:110px; height:90px; margin-left:14px; margin-top:9px; background-color:transparent; border:0;} #sdTxtMMS .mmsScroll {float:right; height:28px; margin-right:11px; margin-top:3px;} #sdTxtMMS .mmsScroll .scrollup {margin-bottom:16px;}*/ /*ByteArea*/ #sdByte {float:left; width:198px; height:25px; background:url(http://img.arreo.com/usr/img2/main/sender/sbgByte.gif) no-repeat left top;} #sdByte .byteBtn {float:left; margin-left:11px; margin-top:8px; display:inline} #sdByte img {margin-right:2px;} #sdByte .number {float:left; color:#bed7f7; margin-left:40px; margin-top:8px;} #sdByte .number .byteNum {margin-right:2px; color:#fff;} #sdByte .byte {float:right; color:#bed7f7; margin-top:5px; margin-right:13px;} #sdByte .byte .byteInput {width:28px; height:14px; margin-left:2px; padding:2px 2px 0px 0px; border-width:0px; color:#fff; text-align:right; background-color:transparent;} .byteInput {width:28px; height:14px; margin-left:2px; padding:0px 0px 0px 0px; border-width:0px; color:black; text-align:right; background-color:transparent;} /*sendInfoArea*/ #sdInfo {float:left; width:187px; padding-left:11px; padding-bottom:3px; background:url(http://img.arreo.com/usr/img2/main/sender/sbgInfo.gif) repeat-y left top;} #sdInfo img.Bbtn { margin-top:4px;} #sdInfo #Rtop {clear:both; float:left; width:176px;height: 22px;padding-top: 4px;text-align:left;} #sdInfo #Rtop .receiveInfo {float:left; margin-top:6px;} #sdInfo #Rtop .receiveNum {float:right; margin-top:8px; color:#666;} #sdInfo #Rbtn {float:left; width:176px;} #sdInfo #Rbtn .RbtnImg {margin-right:4px;} #sdInfo #Rinput {float:left; width:176px; margin-top:4px;} *html #sdInfo #Rinput {float:left; width:176px; margin-top:-1px;} *+html #sdInfo #Rinput {float:left; width:176px; margin-top:0px;} #sdInfo #Rinput .receiveInput {width:139px; height:14px; padding-left:2px; padding-top:2px; border:1px solid #cacaca; color:#666;} #sdInfo #Rinput .rInputBtn {margin-left:3px; margin-bottom:-4px;} #sdInfo #Rlist {float:left; width:176px; margin-top:4px;} *html #sdInfo #Rlist {float:left; width:176px; margin-top:3px;} #sdInfo #Rlist .receiveList {float:left; width:143px; height:77px; padding-left:2px; padding-top:2px; border:1px solid #cacaca; color:#666; line-height:14px; font-size:12px;} #sdInfo #Rlist .rListBtn {float:left; margin-left:3px; margin-bottom:3px;} #sdInfo #Sinput {float:left; display:block;width:176px; padding:4px 0 1px;color:#666;} #sdInfo #Sinput .numSelect {padding:4px 0 0 2px;} .numSelect p {display:block;height:20px;padding:4px 0 0 0} .numSelect p input{vertical-align:top;margin:2px 3px 0 0} .numSelect p select{height:22px;border:1px solid #aaa} *html .numSelect p {margin-top:0px;} .numSelect .num015 {color:#4484be; font-weight:bold;} .numSelect .num015MT {margin-top:0px;} .numSelect .radio {margin-left:-4px;} #sdInfo #Sinput .sendImg {margin-bottom:-2px; margin-right:2px;} #sdInfo #Sinput .s015Btn {margin-left:24px; margin-bottom:-3px;} #sdInfo #Sinput .sendInput {width:87px; height:14px; margin-left:2px; padding-left:2px; padding-top:2px; border:1px solid #cacaca; color:#666;} #sdInfo #Sinput .sendInput02 {width:73px; height:14px; margin-left:2px; padding-left:2px; padding-top:2px; border:1px solid #cacaca; color:#666;} #sdInfo #Sinput .sInputBtn {margin-left:3px; margin-bottom:-4px;} #sdInfo p.setSend { margin:10px 0 5px 0;} /*cupicon popup*/ #sdInfo01 {float:left; width:187px; padding-left:11px; padding-bottom:3px;} #sdInfo01 img.Bbtn { margin-top:4px;} #sdInfo01 #Rtop {clear:both; float:left; width:176px; height:22px; text-align:left;} #sdInfo01 #Rtop .receiveInfo {float:left; } #sdInfo01 #Rtop .receiveNum {float:right; color:#666;} #sdInfo01 #Rbtn {float:left; width:176px;height:19px;, margin-bottom:6px} #sdInfo01 #Rbtn .RbtnImg {margin-right:4px;} #sdInfo01 #Rbtn .receiveNum {float:left; display:inline-block; color:#666; margin-bottom:5px;} #sdInfo01 #Rinput {float:left; width:176px; margin-top:8px;} *html #sdInfo01 #Rinput {float:left; width:176px; margin-top:-1px;} *+html #sdInfo01 #Rinput {float:left; width:176px; margin-top:0px;} #sdInfo01 #Rinput .receiveInput {width:139px; height:14px; padding-left:2px; padding-top:2px; border:1px solid #cacaca; color:#666;} #sdInfo01 #Rinput .rInputBtn {margin-left:3px; margin-bottom:-4px;} #sdInfo01 #Rlist {float:left; width:176px; margin-top:4px;} *html #sdInfo01 #Rlist {float:left; width:176px; margin-top:3px;} #sdInfo01 #Rlist .receiveList {float:left; width:143px; height:76px; padding-left:2px; padding-top:2px; border:1px solid #cacaca; color:#666; line-height:14px; font-size:12px;} #sdInfo01 #Rlist .rListBtn {float:left; margin-left:3px; margin-bottom:3px;} #sdInfo01 #Sinput {float:left; width:176px; padding-bottom:0px; color:#666;} #sdInfo01 #Sinput .numSelect {margin-top:8px;} .numSelect p {margin-top:4px;} *html .numSelect p {margin-top:0px;} .numSelect .num015 {color:#4484be; font-weight:bold;} .numSelect .num015MT {margin-top:0px;} .numSelect .radio {margin-left:-4px;} #sdInfo01 #Sinput .sendImg {margin-bottom:-2px; margin-right:2px; vertical-align:top} #sdInfo01 #Sinput .s015Btn {margin-left:24px; margin-bottom:-3px;} #sdInfo01 #Sinput .sendInput {width:87px; height:14px; margin-left:2px; padding-left:2px; padding-top:2px; border:1px solid #cacaca; color:#666;} #sdInfo01 #Sinput .sendInput02 {width:176px; height:14px; margin-left:2px; padding-left:2px; padding-top:2px; border:1px solid #cacaca; color:#666;} #sdInfo01 #Sinput .sInputBtn {margin-left:3px; margin-bottom:-4px;} #sdInfo01 p.setSend { margin:10px 0 5px 0;} /*cupicon popup01*/ #sdInfo02 {float:left; width:220px; padding-left:11px; padding-bottom:3px;} #sdInfo02 img.Bbtn { margin-top:4px;} #sdInfo02 #Rtop {clear:both; float:left; width:256px; height:22px; text-align:left; margin-top:10px;} #sdInfo02 #Rtop .receiveInfo {float:left; } #sdInfo02 #Rtop .receiveNum {float:right; color:#666;} #sdInfo02 #Rbtn {float:left; width:176px;height:19px;, margin-bottom:6px;} #sdInfo02 #Rbtn .RbtnImg {margin-right:4px;} #sdInfo02 #Rbtn .receiveNum {float:left; display:inline-block; color:#666; margin-bottom:5px;} #sdInfo02 #Rinput {float:left; width:176px; margin-top:8px;} *html #sdInfo02 #Rinput {float:left; width:176px; margin-top:-1px;} *+html #sdInfo02 #Rinput {float:left; width:176px; margin-top:0px;} #sdInfo02 #Rinput .receiveInput {width:139px; height:14px; padding-left:2px; padding-top:2px; border:1px solid #cacaca; color:#666;} #sdInfo02 #Rinput .rInputBtn {margin-left:3px; margin-bottom:-4px;} #sdInfo02 #Rlist {float:left; width:220px; margin-top:4px;} *html #sdInfo02 #Rlist {float:left; width:256px; margin-top:3px;} #sdInfo02 #Rlist .receiveList {float:left; width:143px; height:76px; padding-left:2px; padding-top:2px; border:1px solid #cacaca; color:#666; line-height:14px; font-size:12px;} #sdInfo02 #Rlist .rListBtn {float:left; margin-left:3px; margin-bottom:3px;} #sdInfo02 #Sinput {float:left; width:220px; padding-bottom:0px; color:#666;} #sdInfo02 #Sinput .numSelect {margin-top:8px;} .numSelect p {margin-top:2px;} *html .numSelect p {margin-top:0px;} .numSelect .num015 {color:#4484be; font-weight:bold;} .numSelect .num015MT {margin-top:0px;} .numSelect .radio {margin-left:-4px;} #sdInfo03 #Sinput {float:left; width:280px; padding-bottom:0px; color:#666;} #sdInfo03 #Sinput .numSelect {margin-top:8px;} #sdInfo02 #Sinput .sendImg {margin-bottom:-2px; margin-right:2px; vertical-align:top} #sdInfo02 #Sinput .s015Btn {margin-left:24px; margin-bottom:-3px;} #sdInfo02 #Sinput .sendInput {width:87px; height:14px; margin-left:2px; padding-left:2px; padding-top:2px; border:1px solid #cacaca; color:#666;} #sdInfo02 #Sinput .sendInput02 {width:176px; height:14px; margin-left:2px; padding-left:2px; padding-top:2px; border:1px solid #cacaca; color:#666;} #sdInfo02 #Sinput .sInputBtn {margin-left:3px; margin-bottom:-4px;} #sdInfo02 p.setSend { margin:10px 0 5px 0;} #time {float:left; width:198px; height:26px; background:url(http://img.arreo.com/usr/img2/main/sender/sbgTime.gif) no-repeat left top;} #time .timeSet {float:left; margin-left:13px; margin-top:7px;} #time .timeset .imgDot {margin-right:4px; margin-bottom:3px;} #time .timeRepeat {float:left; margin-left:15px; margin-top:7px;} #time .timeRepeat .imgDot {margin-right:4px; margin-bottom:3px;} a.timeLink:link, a.timeLink:visited { font-size:12px; color:#666; text-decoration:none; } a.timeLink:hover { font-size:12px; color:#666; text-decoration: underline; } #time2 {float:left; width:198px; height:26px; background:url(http://img.arreo.com/usr/img2/main/sender/sbgTime.gif) no-repeat left top; } #time2 .timeSet {float:left; margin-left:14px; margin-top:6px; color:#666;} #time2 .timeSet input{vertical-align:top;margin:0 1px 0 0} *html #time2 .timeSet { margin-top:2px;} *+html #time2 .timeSet { margin-top:2px;} #time2 .timeSet02 {float:left; margin-left:44px; margin-top:6px; color:#666;} *html #time2 .timeSet02 { margin-top:2px;} *+html #time2 .timeSet02 { margin-top:2px;} .timeSetting { float:left; width:198px; background:url(http://img.arreo.com/usr/img2/main/sender/sbgInfo.gif) repeat-y left top; color:#666; display:inline;} .timeSetting .setBox {width:187px; margin:4px 0 2px 11px; line-height:25px; color:#666;} *html .timeSetting select { position:relative; top:0px; } *html .timeSetting span.setTxt {position:relative; top:-5px;} *html .timeSetting p.reserveTime {margin-top:3px} #layerRepeat { float:left; width:198px; padding:2px 0 2px 13px; line-height:25px; background:url(http://img.arreo.com/usr/img2/main/sender/sbgInfo.gif) repeat-y left top;} *html #layerRepeat { float:left; width:198px; padding:4px 0 0 13px; background:url(http://img.arreo.com/usr/img2/main/sender/sbgInfo.gif) repeat-y left top;} *html #layerRepeat select { margin-bottom:4px;} #layerReserve { float:left; width:198px; padding:2px 0 2px 13px; line-height:25px; background:url(http://img.arreo.com/usr/img2/main/sender/sbgInfo.gif) repeat-y left top;} *html #layerReserve { float:left; width:198px; padding:4px 0 0 13px; background:url(http://img.arreo.com/usr/img2/main/sender/sbgInfo.gif) repeat-y left top;} *html #layerReserve select { margin-bottom:4px;} /*bottom*/ #sdBottom { clear:both; width:198px; height:43px; text-align:center; background:url(http://img.arreo.com/usr/img2/main/sender/sbgBottom.gif) no-repeat left top;} #sdBottom .sendBtn {margin:6px 3px 0 0;} /*------------------------------------------------ popup -----------------------------------------------------------*/ #popupDefault { width:100%; height:100%; table-layout:fixed; word-break:break-all;} #popTopLeft { width:8px; height:30px; background-image: url(http://img.arreo.com/usr/img2/main/sender/pop_SbgTL.gif); background-repeat:no-repeat; background-position: left top;} #popTopCenter { height:30px; background-color:#26488a;} #popTopCenter h1 { float:left; font-size:9pt; color:#fff; text-align:left; font-weight:bold; margin-left:5px; margin-top:3px; } #popTopCenter a { float:right; width:13px; position:relative; top:0px; right:20px; text-align:right; } #popTopRight { width:8px; height:30px; background-image: url(http://img.arreo.com/usr/img2/main/sender/pop_SbgTR.gif); background-repeat: no-repeat; background-position:left top;} #popMiddleLeft { width:8px; height:100%; background-image: url(http://img.arreo.com/usr/img2/main/sender/pop_SbgCL.gif); background-repeat: repeat-y ; background-position: left top;} #popMiddleCenter { height:100%; padding:5px 0;} #popMiddleRight { width:8px; height:100%; background-image: url(http://img.arreo.com/usr/img2/main/sender/pop_SbgCR.gif); background-repeat: repeat-y ; background-position: left top; } #popBottomLeft { width:8px; height:8px; background-image: url(http://img.arreo.com/usr/img2/main/sender/pop_SbgBL.gif); background-repeat: no-repeat; background-position: left top;} #popBottomCenter { height:8px; background-image: url(http://img.arreo.com/usr/img2/main/sender/pop_SbgBC.gif); background-repeat: repeat-x; background-position: left top;} #popBottomRight { width:8px; height:8px; background-image: url(http://img.arreo.com/usr/img2/main/sender/pop_SbgBR.gif); background-repeat: no-repeat; background-position: left top;} /*bottom BTN*/ #popButtonArea { clear:both; width:100%; text-align:center; padding-top:10px; background-color:#fff; } #popButtonArea a { margin:0px 0px; padding:0px; } #popButtonArea02 { clear:both; width:100%; text-align:center; padding-top:9px; background-color:#fff; } #popButtonArea02 a { margin:0px 0px; padding:0px; } #SPopPage {clear:both; float:left; width:100%; height:15px; text-align:center; margin-top:20px;} #SPopPage img {position:relative; top:-1px;} #SPopPage span {color:#cacaca; margin:0px 2px 0 3px; height:12px;} *+html #SPopPage span {color:#cacaca; margin:0px 2px 0 3px; height:12px; padding-bottom:1px;} #SPopPage a {color:#959595; text-decoration:none;} .sendCheck {float:left; margin-left:15px} .sendCheck p.title {width:200px; border:1px solid #bfcfe1; background-color:#e5edf6; padding:7px 0; text-align:center;} .sendCheck div.list {width:200px; height:74px; padding:2px 0 0 2px; border:1px solid #cacaca;line-height:14px; margin-top:5px; overflow-y:auto; overflow-x:hidden} .check { clear:both; width:413px; border-top:1px solid #d7d7d7; text-align:center; padding:15px; margin-top:15px; line-height:18px;} .sendBtn {text-align:center; margin-top:10px} .sendEnd {margin:10px} .sendEndBox{ border:1px solid #dbdbdb} .sendEndBox div {background:url(http://img.arreo.com/usr/img4/arreo/main/sender/img_sendEnd.gif) no-repeat 60 9;border:3px solid #f0f0f0; padding:25px 0 25px 120px; color:#000; font-weight:bold;} .sendEndTxt {margin:15px 0; text-align:center; line-height:18px} .sendEndTable {height:187px; overflow-y:scroll; overflow-x:hidden} table#popboard01 { border-top:2px solid #dedede; border-bottom:1px solid #dedede; width:100%; margin-top:0px; font-size:12px; } table#popboard01 th { background-color: #ededed; padding-left:10px; font-weight:normal; border-bottom:1px solid #e5e3e8; vertical-align:middle; text-align:left;} table#popboard01 td { padding:5px 0 5px 6px; text-align:left; border-bottom:1px solid #e5e3e8;} table#popboard01 input { border:1px solid #ccc; padding:4px 0px 0px 2px; height:20px; text-align:left; font-size:12px; color:#666; font-family:"", ""; } table#popboard01 td .radio { position:relative; top:3px; margin-right:3px; border:none;} table#popboard01 td .selectCategoly {width:130px; height:18px;} table#popboard02 { clear:both; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; margin:0; } table#popboard02 th { background-color:#f3f3f3; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf;padding:4px 0; color:#333; font-weight:normal; text-align:center; } table#popboard02 td { border-bottom:1px solid #e2e2e2; border-right:1px solid #dfdfdf;padding:4px 0px ; color:#666; line-height:18px; text-align:center;} table#popboard02 td div { position:relative;} table#popboard02 td span { position:absolute; right:5px} table#popboard02 td.leftAlign { text-align:left; padding-left:5px} /*layer*/ .preview { clear:both; width:165px; height:200px; border:1px solid #dcdcdc; text-align:center; overflow:auto;} .preview.cont{width:145px; padding:10px;} .preview.cont span.uccPhoto {float:left; width:125px; height:102px;} .preview.cont span.uccText {float:left; width:121px; height:38px; margin:7px 2px 0px 2px; text-align:left;} .preview02 { clear:both; width:145px; height:140px; margin:0 auto;padding:10px 0 0 10px;border:1px solid #dcdcdc; text-align:center; } .preview02 .cont { width:145px; height:120px; /*margin:8px 0 0 12px;*/ margin:0; overflow-y:auto; overflow-x:hidden; } .preview02 .cont textarea {overflow:auto;width:100px; height:84px; /*margin-top:-14px;*/ margin:5px auto;line-height:16px; border:0; outline:0;} .preview02 .cont img{ margin-bottom:1px;} .addModify { border:1px solid #dbd5a7; background-color:#fafbe5; padding:6px 0 2px 5px} .addModify table { margin-top:2px;} .addModify input.text {width:112px; height:15px; border:1px solid #cacaca} .addModify p.modifyBtn{text-align:center; margin-top:2px;} .macroNoti { border:1px solid #dbd5a7; background-color:#fafbe5; padding:12px 0 12px 5px; text-align:center; line-height:18px; letter-spacing:-1px} /* : 20150723*/ .photo_file_add{padding:33px 10px 0;} .photo_file_add > span{overflow:hidden;display:block;} .photo_file_add > span input{float:left;width:166px;height:23px;padding:0 5px;border:1px solid #7f9db9;} .photo_file_add > span a{float:left;display:inline-block;margin-left:3px;} .photo_file_add > ul{clear:both;display:block;margin:20px 0 10px;} .photo_file_add > ul li{line-height:20px;} .photo_file_add > p{line-height:20px;} .photo_file_add > a{display:block;margin-top:10px;text-align:center;} /*--------------UCC--------------*/ /*tabmenu*/ /*#tabMenu { clear:both; display:block; width:96%; height:26px;margin:0 auto;padding-top:3px; padding-left:9px; background-color:#e6e6e6; border-top:1px solid #cccccc; border-right:1px solid #cccccc; border-left:1px solid #cccccc; background-image: url(http://img.arreo.com/usr/img2/main/sender/pop_STabBg.gif); background-repeat:repeat-x; background-position: left top;} *html #tabMenu { clear:both; display:block; width:96%; height:30px;margin:0 auto; padding-top:3px; padding-left:4px; background-color:#e6e6e6; border-top:1px solid #cccccc; border-right:1px solid #cccccc; border-left:1px solid #cccccc; background-image: url(http://img.arreo.com/usr/img2/main/sender/pop_STabBg.gif); background-repeat:repeat-x; background-position: left top;} */ #tabMenu { clear:both; display:block; width:97%; height:26px;margin:0 auto;background:#e6e6e6} #tabMenu ul{ /*width:512px;*/ height:25px;} #tabMenu li { float:left; display: inline; height:25px; text-align:left;} #tabMenu li.on { background:url(http://img.arreo.com/usr/img2/main/sender/pop_STab_ov.gif) no-repeat left top; width:136px; height:26px; padding-top:7px; text-align:center; font-weight:bold; color:#e77979; } #tabMenu li.off { width:136px; height:26px; padding-top:7px; text-align:center;} #tabMenu li.on a{ color:#e77979; font-weight:bold; text-decoration:none;} #tabMenu li.off a{ color:#888; font-weight:bold; text-decoration:none;} #tabMenu li.off a:hover { color:#e77979; text-decoration:none; } #tabMenu li.on02 { background:url(http://img.arreo.com/usr/img2/main/sender/pop_STab03_ov.gif) no-repeat left top; width:33px; height:26px; padding-top:7px; text-align:center; font-weight:bold; color:#e77979;font-size:11px; } #tabMenu li.off02 { width:33px; height:26px; padding-top:7px; text-align:center;font-size:11px;} #tabMenu li.on02 a{ color:#e77979; font-weight:bold; text-decoration:none;font-size:11px;} #tabMenu li.off02 a{ color:#888; font-weight:bold; text-decoration:none;font-size:11px;} #tabMenu li.off02 a:hover { color:#e77979; text-decoration:none; font-size:11px;} #tabMenu li.on03 { background:url(http://img.arreo.com/usr/img2/main/sender/pop_STab04_ov.gif) no-repeat left top; width:62px; height:26px; padding-top:7px; text-align:center; font-weight:bold; color:#e77979;font-size:11px; } #tabMenu li.off03 { width:62px; height:26px; padding-top:7px; text-align:center;font-size:11px;} #tabMenu li.on03 a{ color:#e77979; font-weight:bold; text-decoration:none;font-size:11px;} #tabMenu li.off03 a{ color:#888; font-weight:bold; text-decoration:none;font-size:11px;} #tabMenu li.off03 a:hover { color:#e77979; text-decoration:none; font-size:11px;} /*category*/ #category {float:left; width:548px; height:63px; border:1px solid #d8d2be; margin-top:9px;} *html #category {float:left; width:550px; height:63px; border:1px solid #d8d2be; margin-top:9px;} #category ul { margin-top:8px; margin-right:12px; margin-bottom:12px; margin-left:12px; line-height:22px;} #category li { float:left; height:25px; display:inline; text-align:left;} #category li.on a { color:#FF6600; text-decoration:none;} #category li.off a { color:#666; text-decoration:none;} #category li.off a:hover { color:#FF6600; text-decoration:underline; } #category .line {margin-left:5px; margin-right:5px; color:#cecece;} select.cateSelect { margin-left:10px; } /*#category {float:left; width:548px; height:63px; border:1px solid #d8d2be; margin-top:9px; padding:8px 12px 12px 12px;} *html #category {float:left; width:550px; height:63px; border:1px solid #d8d2be; margin-top:9px; display:inline; } #category span { float:left; height:25px; text-align:left; line-height:22px;} #category span.on a { color:#FF6600; text-decoration:none;} #category span.off a { color:#666; text-decoration:none;} #category span.off a:hover { color:#FF6600; text-decoration:underline; } #category span.line {margin-left:5px; margin-right:5px; color:#cecece;} select.cateSelect { margin-left:10px; }*/ /* #uccCon #uccBox {float:left; width:125px; height:152px; border:1px solid #dcdcdc; padding:1px;} *html #uccCon #uccBox {float:left; width:129px; height:156px; border:1px solid #dcdcdc; padding:1px;} #uccCon #uccBox .uccPhoto {float:left; width:125px; height:102px;} #uccCon #uccBox textarea {float:left; width:121px;height:42px; margin:3px 0 0 3px; text-align:left; border:0; overflow: hidden; word-wrap:break-word;word-break:break-all;} * #uccCon #uccBox .uccText {float:left; width:121px; height:38px; margin:5px 2px 0px 2px;} #uccCon .uccTitle .imgDot {margin-right:4px; margin-bottom:3px;} .uccConPd {float:left; margin-right:10px;} *html #uccCon #uccSmsBox {float:left; width:129px; height:106px; border:1px solid #dcdcdc;} */ #photoArea {float:left; width:550px; margin-top:15px;} #uccArea02 {float:left; width:550px; margin-top:0px;} *html #uccCon #uccBox {float:left; width:129px; height:156px; border:1px solid #dcdcdc; padding:1px;} #uccCon .uccTitle .imgDot {margin-right:4px; margin-bottom:3px;} .uccConPd {float:left; margin-right:10px;} *html #uccCon #uccSmsBox {float:left;} /* */ #uccArea {overflow:hidden;clear:both;padding:10px 0;} #uccCon{float:left;display:block;width:140px;margin-left:12px;} /*sms */ #uccSmsBox{width:100%;height:170px;outline:1px solid #ccc} #uccSmsBox textarea {width:98%;height:100%;margin-left:2%;border:0;outline:0;overflow-x:hidden;overflow-y:scroll;word-wrap:break-word;word-break:break-all;} #uccCon .uccTitle{position:relative;padding:5px 0;} #uccCon .uccTitle > a{display:inline-block;width:80%;text-align:center;} #uccCon .uccTitle > span { position:absolute; right:0;} /*mms*/ #uccCon #uccBox{width:100%;height:170px;border:1px solid #ccc;margin-left:px;} #uccCon #uccBox .uccText{} #uccCon #uccBox .uccText textarea {width:98%;height:170px !important;margin-left:2%;outline:0;border:0;overflow-x:hidden;overflow-y:scroll;word-wrap:break-word;word-break:break-all;} #uccCon #uccBox .uccPhoto {width:98%; height:120px;} #uccCon #uccBox .uccPhoto img{width:100%;height:120px;} #uccCon #uccSmsBox .smsTxt a {color:#666; text-decoration:none;} /*-----------ADDRESS-----------*/ #addressBox {clear:both; float:left; width:460px;} #addressBox #addressLeft {float:left; width:222px; height:314px; margin-right:8px; border:1px solid #cfcfcf;} *html #addressBox #addressLeft {float:left; width:224px; height:316px; margin-right:8px; border:1px solid #cfcfcf;} #addressBox #addressCenter {float:left; width:226px; height:314px; border:1px solid #cfcfcf;} *html #addressBox #addressCenter {float:left; width:228px; height:316px; border:1px solid #cfcfcf;} /*address left*/ .iconPd {margin-left:4px; margin-right:2px;} .iconBtn {margin-left:4px; margin-right:0px;} .buddyPd {margin-left:28px; margin-right:2px;} .groupPd {margin-left:17px; margin-right:3px;} .addLeftList {float:left; width:222px; height:314px; overflow:auto; overflow-x:hidden; scrollbar-face-color: #ffffff; scrollbar-shadow-color:#b5b5b5; scrollbar-highlight-color:#b5b5b5; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #b5b5b5; } .addLeftList li { height:19px; text-align:left; padding:3px 0px 0px 7px;} *html .addLeftList li, *+html .addLeftList li {width:224px; height:21px; text-align:left; padding:1px 0px 0px 3px;} .addLeftList li.addLeftSelect {background-color:#b0ccec;} .addLeftList li.addAll {height:21px; text-align:left; padding:8px 0px 0px 7px; background-color:#e6e6e6;} *html .addLeftList li.addAll {height:27px; text-align:left; padding:3px 0px 0px 3px; background-color:#e6e6e6;} *+html .addLeftList li.addAll {height:25px; text-align:left; padding:4px 0px 0px 3px; background-color:#e6e6e6;} a.leftAddM:link, a.leftAddM:visited { font-size:9pt; color:#666; text-decoration:none; } a.leftAddM:hover { font-size:9pt; color:#666; text-decoration:underline; } a.leftAddMSelect:link, a.leftAddMSelect:visited { font-size:9pt; color:#113477; text-decoration:none; } a.leftAddMSelect:hover { font-size:9pt; color:#113477; text-decoration:underline; } a.leftAddDel:link, a.leftAddDel:visited { font-size:9pt; color:#666; text-decoration:none; } a.leftAddDel:hover { font-size:9pt; color:#666; text-decoration:underline; } /*address Right*/ /*.addListTop {float:left; width:226px; height:29px; border-bottom:1px solid #cfcfcf; background-color:#e6e6e6;} *html .addListTop {float:left; width:226px; height:27px; border-bottom:1px solid #cfcfcf; background-color:#e6e6e6;}*? ?*/ #iframeAddress {clear:both; float:left; width:226px; height:286px; margin-bottom:1px; padding:0px; background:none; background-color:transparent; text-align:left; } #iframePage {clear:both; float:left; width:226px; height:25px; margin-bottom:1px; padding:0px; background:none; background-color:transparent; text-align:left; } *html #iframePage {clear:both; float:left; width:226px; height:27px; margin-bottom:1px; padding:0px; background:none; background-color:transparent; text-align:left; } #addMainPage {clear:both; width:226px; height:19px; background-color:#ededed; text-align:center; padding-top:8px;} *html #addMainPage {clear:both; width:226px; height:27px; background-color:#ededed; text-align:center; padding-top:8px;} #addMainPage img {position:relative; top:-1px;} #addMainPage .btnNumPd {margin-left:10px; margin-right:10px;} *+html #addMainPage span {color:#cacaca; margin:0px 1px 0 2px; height:12px; padding-bottom:1px;} #addMainPage a:link, a:visited { font-size: 9pt; color:#666; text-decoration:none; } #addMainPage a:hover, a:active { font-size: 9pt; color:#ff6600; text-decoration: underline; } table.list01 { text-align:center; } table.list01 .alignLeft { text-align:left; padding-left:8px; } *html table.list01 .alignLeft { text-align:left; padding-left:5px; } table.list01 th { height:27px; background:#e6e6e6; font-weight:lighter; padding-top:4px; text-align:center;} table.list01 th img.arrowDown { margin-left:3px; } table.list01 td { height:22px; border-bottom:1px solid #e2e2e2; padding-top:2px; text-align:center; } *html table.list01 td { height:20px; border-bottom:1px solid #e2e2e2; padding-top:1px; text-align:center; } table.list01 td.moz { text-align:right; padding-right:20px;} table.list01 td img.forwardicon { position:relative; top:-1px; } /*----------------save------------------------*/ .StxtBox {width:90%;padding:10px 5%;border:1px solid #d8d2be;} *html .StxtBox {width:340px; border:1px solid #d8d2be; margin-top:9px; padding:9px 9px 7px 9px;} .StxtBox .imgDot {margin-right:4px; margin-bottom:3px;} .StxtBoxPoint {width:100%; text-align:left; } .StxtBoxPoint li { background:url(http://img.arreo.com/usr/img2/main/sender/icon_dot.gif) no-repeat left 5px; padding-left:6px; line-height:16px;} .ScategoryBox {width:90%;padding:3px 5% 15px; margin-top:7px;background-color:#eee;border:1px solid #ddd} .ScategoryBox .scateTitle {margin-top:10px; margin-bottom:2px; margin-left:10px;} .ScategoryBox .scateTitle02 {margin-top:12px; margin-bottom:2px; margin-left:10px; font-weight:bold;} .ScategoryBox .ScateRadio {margin-left:10px;} .ScategoryBox .ScateInput {width:212px; height:18px; margin-left:8px; padding-left:2px; padding-top:2px; border:1px solid #cacaca; color:#666;} .searchArea {clear:both; float:left; width:550px; height:22px; text-align:right; margin-top:7px; margin-bottom:6px;} .searchArea input { border:1px solid #ccc; padding-top:2px; padding-left:2px; height:20px; text-align:left; } .searchArea img { margin-left:4px; } /*----------------overlap---------------------*/ table#overlapTable { border-top:2px solid #dedede; border-bottom:1px solid #dedede; width:340px; margin-top:10px; font-size:12px; } table#overlapTable th { background-color:#ededed; padding:5px 0 3px 5px; height:28px; text-align:center; border-bottom:1px solid #e5e3e8;} table#overlapTable td { padding:5px 0 3px 5px; height:28px; text-align:left; border-bottom:1px solid #e5e3e8;} table#overlapTable td .checkbox { position:relative -2px top; border:none;} table#overlapTable td em { color:#ff6600;} /*----------------special---------------------*/ .iframeSpecial {width:190px; height:174px; margin-top:10px;} .iframeSpecial_01 {width:223px; height:229px; margin-top:5px;} /*------------------------layer----------------------------*/ #menuBox {float:left; width:92px; border:2px solid #26488a; background-color:#dedede; padding-left:0px;} #menuBox #mRight {float:left; width:92px; background-color:#ffffff; padding-top:0px; padding-bottom:0px; } #menuBox #mRight .mTD {border-bottom:1px solid #d9d9d9; padding:7px 7px 4px 0px; text-align:right; } #menuBox #mRight .mTDEnd {padding:7px 7px 4px 0px; text-align:right; } a.mlink {font-size:12px;} a.mlink:link, a.mlink:visited, a.mlink:active {color:#666; text-decoration:none;} a.mlink:hover {color:#ff6600; text-decoration:none;} #latestBox {float:left; width:194px; height:146px; border:2px solid #000;} *html #latestBox {float:left; width:198px; height:150px; border:2px solid #000;} table#latestList { margin-top:0px; margin-left:2px;} table#latestList td {height:15px; border-bottom:1px solid #e2e2e2; padding-top:4px;} *html table#latestList td {height:20px; border-bottom:1px solid #e2e2e2; padding-top:4px;} table#latestList span {float:left;} table#latestList td img {margin-right:-2px;} a.latestLink {font-size:12px;} a.latestLink:link, a.latestLink:visited {color:#666; text-decoration:none;} a.latestLink:hover {color:#ff6600; text-decoration:none;} #newBox {float:left; width:194px; height:146px; border:2px solid #000;} *html #newBox {float:left; width:198px; height:150px; border:2px solid #000;} table#newList {/*width:189px; margin-top:0px; margin-left:2px;*/width:96%;margin:0 auto;} table#newList td {height:15px; border-bottom:1px solid #e2e2e2; padding:4px 4px 1px;} table#newList td.ls_child1 { width:21px; } table#newList td.ls_child2 { width:110px; } table#newList td.ls_child3 { width:65px; } table#newList td.ls_child4 { width:154px; } *html table#newList td {height:20px; border-bottom:1px solid #e2e2e2; padding-top:4px;} table#newList span {float:left;} table#newList td img {float:right; margin-right:-2px;} a.newLink {font-size:12px;} a.newLink:link, a.latestLink:visited {color:#666; text-decoration:none;} a.newLink:hover {color:#ff6600; text-decoration:none;} #specialBox {float:left; width:194px; height:208px; border:2px solid #26488a;} *html #specialBox {float:left; width:198px; height:212px; border:2px solid #26488a;} table#specialList {text-align:center; font-size:12px; margin-top:9px; margin-left:13px; border-left:1px solid #e2e2e2; border-top:1px solid #e2e2e2;} *html table#specialList {text-align:center; margin-top:9px; margin-left:13px; border-left:1px solid #e2e2e2; border-top:1px solid #e2e2e2;} table#specialList td {height:15px; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; padding-top:4px;} *html table#specialList td {height:20px; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; padding-top:4px;} table#specialList span {float:left;} table#specialList td img {float:right; margin-right:-2px;} a.latestLink {font-size:12px;} a.latestLink:link, a.latestLink:visited {color:#666; text-decoration:none;} a.latestLink:hover {color:#ff6600; text-decoration:none;} .altAllArea {clear:both; float:left; width:144px;} .altAllArea .altArrowArea {float:left; width:4px;} .altAllArea .altArrowArea img {margin-top:20px;} .altAllArea .altBox {float:left; width:112px; border:2px solid #ff6600; padding:10px 10px 8px 10px; background-color:#fffbdd; line-height:16px;} *html .altAllArea .altBox {float:left; width:112px; border:2px solid #ff6600; padding:10px 10px 8px 10px; background-color:#fffbdd; line-height:16px;} .altAllArea .altBox .point1 {font-weight:bold; color:#5c9306;} .altAllArea .altBox .point2 {font-weight:bold; color:#3dc308;} .altByteArea {clear:both; float:left; width:176px;} .altByteArea .altArrowArea {float:left; width:4px;} .altByteArea .altArrowArea img {margin-top:10px;} .altByteArea .altByte {float:left; width:146px; border:3px solid #ff6600; padding:10px 10px 8px 10px; background-color:#fff; line-height:16px;} *html .altByteArea .altByte {float:left; width:146px; border:3px solid #ff6600; padding:10px 10px 8px 10px; background-color:#fff; line-height:16px;} .altByte .altTxt {float:left; width:100%;} .altByte .altTxt .point1 {color:#000;} .altByte .altLine {float:left; width:100%; height:1px; border-bottom:1px solid #ff6600; margin:4px 0 8px 0;} .altByte .checkSMS {float:left; width:100%; margin:0px 0 0 0px; color:#666;} .altByte .checkSMS input {margin-bottom:-2px;} .altByte .checkMMS {float:left; width:100%; margin:0 0 0 0px; color:#666;} .altByte .checkMMS input {margin-bottom:-2px;} .altByte .btn {float:left; width:100%; margin-top:6px; text-align:center;} .altDomainArea {clear:both; float:left; width:242px;} .altDomainArea .altArrowArea {float:left; width:4px;} .altDomainArea .altArrowArea img {margin-top:10px;} .altDomainArea .altDomain {float:left; width:212px; border:3px solid #ff6600; padding:10px; background-color:#fff; line-height:17px;} *html .altDomainArea .altDomain {float:left; width:212px; border:3px solid #ff6600; padding:10px; background-color:#fff; line-height:17px;} .altDomain .altTxt {float:left; width:100%; color:#2e3841;} .alt015Area {clear:both; float:left; width:120px;} .alt015Area .altArrowArea {float:left; width:4px;} .alt015Area .altArrowArea img {margin-top:10px;} .alt015 {float:left; width:90px; border:3px solid #ff6600; padding:10px 10px 8px 10px; background-color:#fff; line-height:16px;} *html .alt015 {float:left; width:90px; border:3px solid #ff6600; padding:10px 10px 8px 10px; background-color:#fff; line-height:16px;} .alt015 .altTxt {float:left; width:90px;} .alt015 .altTxt .point1 {color:#000; font-weight:bold;} .apArea {width:196px; height:228px; border:1px solid #b2b2b2;} .selectArea {margin:8px 0px 0px 14px;} table.calendar {width:167px; height:106px; border-top:1px solid #cdd2e9; border-right:1px solid #cdd2e9; margin:6px 0px 6px 0px;} table.calendar th {height:12px; border-left:1px solid #cdd2e9; text-align:center;} table.calendar td {height:15px; padding-top:3px; border-left:1px solid #cdd2e9; border-bottom:1px solid #cdd2e9; text-align:center; font-size:11px;} table.calendar .red {color:#FF0000;} table.calendar .select { background-color:#ccffff;} .dateArea {width:100%; height:18px; background-color:#efefef; font-weight:bold; color:#669900; margin-top:8px; padding-top:8px; text-align:center;} .btnArea {width:100%; height:22px; background-color:#dfdfdf; font-weight:bold; color:#669900; margin-top:1px; padding-top:3px; text-align:center;} /*----------------------------iframe-------------------------------------*/ .IframeBG {background-color:transparent;} .textIfr {width:100%; height:100px; position:absolute; padding:0 0 0 0; z-index:1;} .smsmmsBox {float:left; width:100%; height:120px; /*background-color:transparent;*/background:#e2f1f9;} #subjectDiv{} #subjectDiv input{width:150px;height:22px;font-size:12px;border:1px solid #97c0d5;background:#f5f5f5} /* .smsmmsBox {float:left; width:100%; height:120px; background-color:transparent; overflow-y:auto; overflow-x:hidden; scrollbar-face-color:#e2f1f9; scrollbar-shadow-color:#4e87bb; scrollbar-highlight-color:#4e87bb; scrollbar-3dlight-color:#e2f1f9; scrollbar-darkshadow-color:#e2f1f9; scrollbar-track-color:#e2f1f9; scrollbar-arrow-color:#315190;} */ .smsmmsBox02 {float:left; width:97%; height:260px; background-color:transparent; overflow-y:auto; overflow-x:hidden; display:inline; padding:0 0 0 40px; margin-top:10px;} .smsmmsBox02 img { width:110px; height:90px;} .smsmmsBox02 textarea {float:left; width:100px; height:116px; margin:4px 0 0 -4px; line-height:14px; color:#000; background-color:transparent; border:0px; display:inline; overflow: visible;} *html .smsmmsBox02 textarea { margin:4px 0 0 -8px} /*.image {float:left; background-color:transparent; border:0; margin-left:-8px} .textBox {float:left; width:150px; height:110px; margin:2px 0 0 0px; line-height:16px; color:#000; background-color:transparent; border:0px; display:inline; overflow:scroll; overflow-y:scroll; overflow-x:hidden; resize:none; padding:0 30px 0 0;} .stextBox{ float:left; width:130px; height:110px; margin:2px 20px 0 0px; line-height:16px; color:#000; background-color:transparent; border:0px; display:inline; overflow:visible;} *html .stextBox {height:26px; margin:4px 0 0 0;} :root .stextBox { width:155px; } 20160204*/ .image { /*background-color:transparent;*/ background:#e2f1f9; border:0; margin:0 0 0 15px;} .textBox{display:block;width:130px;height:110px;margin:8px 0 0 20px; padding:0 25px 0 0px;line-height:16px;/*background-color:transparent;*/background:#e2f1f9;overflow:auto; color:#000; border:0;outline:0;} *html .textBox {margin:4px 0 0 0;} *+html .textBox {margin:4px 0 0 0;} .stextBox {display:block;width:150px; /*height:100px;*/ height:85px;margin:2px 10px 0 10px;padding:0 25px 0 0; line-height:16px;/*background-color:transparent;*/background:#e2f1f9;overflow:visible; color:#000; border:0;outline:0;} *html .stextBox {height:26px; margin:4px 0 0 0;} :root .stextBox { width:150px; } /*------------------------------------------------ layer01 -----------------------------------------------------------*/ #Linput .receiveInput01 {width:35px; height:20px; padding-left:2px; padding-top:2px; border:1px solid #cdcdcd; color:#666;} /*paging*/ .paging11{display:block;margin:20px 0;text-align:center;} .paging11 > div{display:inline-block} .paging11 > div a{display:inline-block;width:19px;height:19px;line-height:22px;margin:0;border:1px solid #999;font-size:11px;color:#666;vertical-align:middle} .paging11 > div a:hover{border:1px solid #777;} .paging11 > div em{display:inline-block;width:19px;height:19px;line-height:22px;margin:0;background:#777;border:1px solid #777;font-style:normal;font-weight:bold;font-size:11px;color:#fff;vertical-align:middle} .paging11 > div .page{display:inline-block;width:19px;height:19px;line-height:19px;margin:0;border:1px solid #999;text-indent:-999999em;vertical-align:middle} .paging11 > div .prev{background:url("http://img.arreo.com/usr/img11/com/page_prev.png") 50% 50% no-repeat;} .paging11 > div .next{background:url("http://img.arreo.com/usr/img11/com/page_next.png") 50% 50% no-repeat;} .paging11 > div .first{background:url("http://img.arreo.com/usr/img11/com/page_first.png") 50% 50% no-repeat;} .paging11 > div .last{background:url("http://img.arreo.com/usr/img11/com/page_last.png") 50% 50% no-repeat;} .paging11 > p{display:inline-block} .paging11 > p input[type="text"]{width:20px;height:19px;padding:0 5px;border:1px solid #ccc;outline:0;} .paging11 > p a{display:inline-block;padding:0 7px;height:20px;line-height:23px;background:#777;font-size:12px;color:#fff !important;vertical-align:top} /*layer_015 : 201509 */ #layer_015_join{position:absolute;left:-220px;top:419px;} #layer_015_join_in{} /*event2015.css*/ /* :20160304*/ body.pop_wrap{overflow:hidden;border:1px solid #777} #popupDefault{display:block;margin:0;padding:0;} #popupDefault .p_head{position:relative;height:40px;background:#777;} #popupDefault .p_head h3{position:absolute;left:10px;top:6px;color:#fff;font-size:16px;font-family:"Noto Sans KR";font-weight:400} #popupDefault .p_head a{position:absolute;right:7px;top:10px;display:block;width:15px;height:14px;background:url("http://img.arreo.com/usr/img11/com/btn_close_02.png") no-repeat;text-indent:-9999em;} #popupDefault .p_tab{display:block;width:95%;margin:0 auto;border-bottom:1px solid #aaa} #popupDefault .p_tab ul{overflow:hidden;margin:0 0 -3px 15px;height:32px;padding:20px 0 0 0;} #popupDefault .p_tab ul li{float:left;margin:0 2px;} #popupDefault .p_tab ul li a{display:block;width:200px;height:28px;line-height:30px;border-radius:5px 5px 0 0;border:1px solid #d8d8d8;border-bottom:none;background:#f8f8f8;;text-align:center;font-family:Dotum;text-decoration:none;font-size:12px;color:#888;} #popupDefault .p_tab ul li.active a {width:200px;margin-top:-3px;padding-top:3px;border:1px solid #aaa;border-bottom:2px solid #fff;background:#fff;font-weight:bold;color:#3b6ecf} #popupDefault .p_content{height:430px;} #popupDefault .p_content .tab_area {display: none;} #popupDefault .p_content .tab_area.active {display: block;} #popupDefault .p_content #photo2{padding:10px 0 0 20px;} #popupDefault .p_content #photo1{position:relative;padding:20px 0 0 20px;/*width:700px;margin:0 auto;padding:20px 0 0 10px;20160502*/} #popupDefault .p_content #photo1:after{content:"";display:block;clear:both;} #popupDefault .p_content #photo1 #file_input{float:left;width:210px;/*width:380px;20160502*/} #popupDefault .p_content #photo1 #file_input label{position:relative;overflow:hidden;display:inline-block; vertical-align:middle;width:103px;height:22px;text-align:center;line-height:22px; border:1px solid #aaa;background:linear-gradient(#fff 50%, #eeeff1 50%);color:#000;cursor:pointer;} #popupDefault .p_content #photo1 #file_input form{margin:10px 0;*width:200px;/*width:350px;height:330px;20160502*/} #popupDefault .p_content #photo1 #file_input form #image1{width:100% !important;height:100% !important;} #popupDefault .p_content #photo1 #file_info{float:left;width:305px;*width:290px;padding:20px 0 0 0;/*width:305px;padding:20px 0 0 5px;20160502*/} #popupDefault .p_content #photo1 #file_info > ul{display:block;margin:15px 0;} #popupDefault .p_content #photo1 #file_info > ul li{margin:5px 0;padding-left:10px;letter-spacing:-0.01em;background:url("http://img.arreo.com/usr/img4/arreo/msg/bullet_01.gif") 3px 5px no-repeat;} #popupDefault .p_content #photo1 #file_info > p{margin:0 0 0 18px;line-height:18px;color:#557ac8} #popupDefault .p_content #photo1 #file_info > p span{margin:0 0 0 -17px;} #popupDefault .p_content #photo1 > p{clear:both;position:absolute;top:290px;left:40%} #popupDefault .p_content #photo1 > p a{display:block;width:133px;height:25px;padding:15px 0 0 0;background:#3162c1;text-align:center;font-weight:bold;text-decoration:none;color:#fff;} #popupDefault .p_content #photo1 > p a:hover{background:#2450a5;} /* */ #popupDefault .p_body{padding:10px;} /* 20161101 */ #popupDefault .p_btn{text-align:center} #popupDefault .p_btn a{display:inline-block;margin:0 2px;height:16px;padding:5px 20px 2px;background:#999;color:#fff;text-decoration:none} #popupDefault .p_btn a:hover{background:#888} #popupDefault .p_btn a:first-child{background:#da9160} #popupDefault .p_btn a:first-child:hover{background:#d27e47} .pop_wrap.addr{width:880px;height: 848px;}/* */ /*w650 20180503*/ .pop_wrap.addr #addr_pop_wrap .addr_cont{height:800px;} .pop_wrap.addr #addr_pop_wrap .addr_cont .addr_left{height:715px;} .pop_wrap.addr #addr_pop_wrap .addr_cont .addr_left .list{height: 686px;} .pop_wrap.addr #addr_pop_wrap .addr_cont .addr_right{height:719px;} .pop_wrap.addr2{width:620px;height: 570px;}/* 20180529*/ .pop_wrap.addr2 #addr_pop_wrap .head_top{width:590px;} .pop_wrap.addr2 #addr_pop_wrap .addr_cont{width:600px;height:560px;} .pop_wrap.addr2 #addr_pop_wrap .addr_cont .addr_left{height:445px;} .pop_wrap.addr2 #addr_pop_wrap .addr_cont .addr_left .list{height: 415px;} .pop_wrap.addr2 #addr_pop_wrap .addr_cont .addr_right{width:365px;height:445px;} #layerAddress{border:3px solid #36599e}/* */ .layer_pop .p_head{position:relative;height:27px;background:#36599e;background:#7b7b7b} .layer_pop .p_head h3{position:absolute;left:10px;top:6px;color:#fff;font-size:12px;} .layer_pop .p_head a{position:absolute;right:6px;top:6px;} /* : 20160926*/ .pop_wrap.mailbox{height:575px;} .p_body .mail_notRead02{overflow:hidden;padding:5px;} .p_body .mail_notRead02 > span{float:left;width:45%;margin-top:10px;} .p_body .mail_notRead02 > div{float:right;overflow:hidden;width:48%;vertical-align:middle;} .p_body .mail_notRead02 > div select{float:left;width:80px;margin-right:5px;height:22px;border:1px solid #bbb} .p_body .mail_notRead02 > div input{float:left;width:130px;padding:0 5px;height:20px;border:1px solid #bbb} .p_body .mail_notRead02 > div a{float:right;} .p_body .mailbox_btn{padding:5px;background:#dae6f3;border-top:1px solid #bfcfe1;border-bottom:1px solid #bfcfe1} .p_body .mailbox_list table{width:100%;} .p_body .mailbox_list table thead tr th{padding:10px 0;background:#f4f4f4;font-weight:normal;color:#333} .p_body .mailbox_list table tbody tr td{padding:9px 0;border-top:1px solid #e0e0e0;text-align:center;} .p_body .mailbox_list table tbody tr td.txt{text-align:left} .p_body #Page{padding:10px;text-align:center} /* :20161026*/ .p_body.p_time dl{padding-bottom:8px} .p_body.p_time dl dt input{margin-right:2px;vertical-align:middle} .p_body.p_time dl dd{margin-top:5px;padding:10px;} .p_body.p_time dl dd p{padding:4px;} .p_body.p_time dl dd p input[type="text"]{width:140px;height:22px;padding:0 5px;border:1px solid #ccc;background:#fff;outline:0;} .p_body.p_time dl dd p select{width:70px;height:24px;border:1px solid #ccc;outline:0;} .p_body.p_time dl dd p img{vertical-align:top;margin-left:5px;} /* */ #layerCallback{position:absolute; display:none; top:20px; left:1px; padding:70px 4px 5px 4px;background-color:rgba(0,0,0,0.6)} #layerCallback p{line-height:18px;color:#fff;} #layerCallback span{display:block;width:150px;margin:30px auto 0;} #layerCallback span a{display:inline-block;padding:10px 20px 8px;;background:#d56565;border-radius:2px;text-align:center;color:#fff} #layerCallback span a:hover{background:#da3e3e}