@charset "utf-8";
@import url('./common.css');

body { min-width:300px; background:url('../img/popup/bg_top.gif') repeat-x 0 0; }
body#nmPrintMode {background:none; color: #000000;}
#nmPrintMode #pop_header {display:none;}
#nmPrintMode .btnArea { display:none;}
#pop_header { overflow:hidden; height:30px; }
#pop_header h1 { margin:10px 0 0 15px; padding:0 0 0 10px; background:url('../img/popup/ico_title.gif') no-repeat 0 0; color:#fff; font-weight:bold; letter-spacing:-1px; }
#pop_bodyArea {min-width: 500px; margin:29px 20px 0 20px; }
#pop_bodyArea .btnArea {padding:10px 0; text-align:center;}
#pop_bodyArea .btnArea .btn_confirm {border-color:#7d7d7d; font-weight:bold; box-shadow:1px 1px 0 #ececec;}
#pop_bodyArea .btnArea .btn_confirm2 {padding-left:15px; padding-right:15px; border-color:#b8b8b8;}
#pop_bodyArea .btnArea .btn_cancel {border-color:#b8b8b8;}
#pop_bodyArea .btnArea .btn_pcsave {border-color:#7d7d7d; font-weight:bold; box-shadow:1px 1px 0 #ececec;}
#pop_bodyArea .btnArea02 { margin-top:20px; padding:20px 0 10px; text-align:center; border-top:1px solid #eaeaea; }

#pop_bodyArea .btnArea {font-size:0;}
#pop_bodyArea .btnArea .btn {font-size:12px;}
#pop_bodyArea .btnArea .btn, #pop_bodyArea .btnArea02 .btn {*margin-right:4px;}
.btnArea .btn01 { padding-left:15px; padding-right:15px; border-color:#7d7d7d; font-weight:bold; box-shadow:1px 1px 0 #ececec; }
.btnArea .btn02 { padding-left:15px; padding-right:15px; border-color:#b8b8b8; }

#pop_bodyArea h4 { padding:0 0 7px 10px; color:#333; font-weight:bold; background:url('../img/icon/ico_title.gif') no-repeat 0 3px; }
#pop_bodyArea .txt_h4 { position:relative; font-size:11px; color:#999; padding:0 0 10px 9px; letter-spacing:-1px; }
#pop_bodyArea .chk { margin:-3px 3px 0 0; .margin:-6px 0 -2px -4px; padding:0; }

.bold { font-weight: 700 !important; }

/* PC save */
.pop_PCsave {min-width:380px;}
.pop_PCsave .progress {width:332px; height:33px; margin:0 auto; background:url('../img/popup/set_pcsave.gif') no-repeat 0 0; list-style:none;}
.pop_PCsave .progress li {display:block; width:0; height:0; overflow:hidden; text-indent:-9999px;}
.pop_PCsave .content {height:600px; text-align:center;}
.pop_PCsave .content p {height:17px; font-size:12px; font-weight:bold; color:#333333;}
.pop_PCsave .content p strong {color:#f12d2d;}
.pop_PCsave .content .guide1 {display:inline-block; height:16px; font-size:11px; color:#999; letter-spacing:-1px;}
.pop_PCsave .content .guide2 {display:block; font-size:11px; color:#c2c2c2; letter-spacing:-1px;}
.pop_PCsave .content .setPeriod {padding:0 0 7px;}
.pop_PCsave .content .setPeriod .btn {height:22px; padding-left:3px; padding-right:3px; font-size:11px; color:#333333;}
.pop_PCsave .content .setPeriod .input_date {width:144px; height:18px; padding:0 5px; border:1px solid #cecece;}
.pop_PCsave .content .percentage span {display:block; margin:35px auto 0; padding:0 0 7px; font-family:Tahoma, Dotum; font-size:11px; color:#999999;}
.pop_PCsave .content .percentage span strong {color:#f12d2d;}
.pop_PCsave .content .percentage .graph {width:172px; margin:0 auto;}
.pop_PCsave.step1 .progress {background-position:0 0; margin-bottom:24px;}
.pop_PCsave.step2 .progress {background-position:0 -40px; margin-bottom:37px;}
.pop_PCsave.step3 .progress {background-position:0 -80px; margin-bottom:43px;}
.pop_PCsave.step1 .content {height:144px;}
.pop_PCsave.step1 .content .guide2 {display:block; padding:0 0 25px;}
.pop_PCsave.step2 .content {height:131px;}
.pop_PCsave.step3 .content {height:72px; padding:53px 0 0 0; background:url('../img/popup/set_pcsave.gif') no-repeat center -120px;}
.pop_PCsave.step2 .content p {height:21px; }
.pop_PCsave.step3 .content p {height:21px; }

/* add mail box */
.pop_addBox ul {width:340px; margin:0 auto; list-style:none;}
.pop_addBox ul li dl {height:44px; overflow:hidden;}
.pop_addBox ul li dl dt {float:left; width:112px; padding:6px 0 0;}
.pop_addBox ul li dl dt * {vertical-align:top;}
.pop_addBox ul li dl dt input {margin:2px 0 0 0; *margin:-4px;}
.pop_addBox ul li dl dt label {display:inline-block; height:18px; padding:0 0 0 3px; line-height:18px; font-weight:bold; color:#666666;}
.pop_addBox ul li dl dt .icon {display:inline-block; width:25px; height:18px;background:url('../img/common/set_lnb.gif') no-repeat -50px -130px;}
.pop_addBox ul li dl dd {float:left; padding:0; line-height:15px; font-size:11px; color:#999999; letter-spacing:-1px;}
.pop_addBox ul li dl dd .newBoxName {width:214px; height:18px; padding:0 5px; border:1px solid #c5c5c5; line-height:18px; font-size:11px; color:#c1c1c1;}
.pop_addBox ul li dl dd .newBoxName.active {color:#666666;}
.pop_addBox .mailBoxType_shopping .icon {background-position:0 -400px;}
.pop_addBox .mailBoxType_sns .icon {background-position:0 -370px;}
.pop_addBox .mailBoxType_new dd {padding:5px 0 0 2px;}
.pop_addBox .guide {width:340px; margin:0 auto; padding:20px 0; border-top:1px solid #eaeaea; font-size:11px; color:#999; line-height:15px; letter-spacing:-1px;}

/* auto sort */
.pop_sort .guide1 {padding:0 0 10px; text-align:center; font-size:12px; font-weight:bold; color:#656565;}
.pop_sort .guide1 strong {color:#f02f2a;}
.pop_sort .guide2 {padding:0 0 20px; text-align:center; font-size:11px; color:#999999; line-height:19px; letter-spacing:-1px;}
.pop_sort .guide2 strong {font-weight:normal; color:#343434;}
.pop_sort .mailList {width:292px; margin:0 auto 20px; font-size:11px;}
.pop_sort .mailList .head {padding:4px 10px 3px; border:1px solid #e4e4e4; background:#f8f8f8; color:#999999; letter-spacing:-1px;}
.pop_sort .mailList .head input {margin:0 8px 0 0; *margin:-4px 0 -4px -4px;}
.pop_sort .mailList ul {height:163px; padding:5px 0 0 0; overflow-y:scroll; list-style:none; border:1px solid #e4e4e4; border-top:0;}
.pop_sort .mailList ul li {padding:4px 11px 3px;}
.pop_sort .mailList ul li input {margin:0 8px 0 0; *margin:-4px 0 -4px -4px; vertical-align:top;}

/* fail */
.pop_fail p {width:380px; margin:0 auto; padding:0 0 20px; line-height:18px; color:#666666;}
.pop_fail dl {width:380px; margin:0 auto; padding:0 0 20px;}
.pop_fail dl dt {padding:0 0 7px; font-weight:bold; color:#333333;}
.pop_fail dl dd {padding:0 0 0 8px; line-height:18px; background:url('../img/icon/dot.gif') no-repeat 0 6px; font-size:11px; color:#999999; letter-spacing:-1px;}
.pop_fail dl dd strong {font-weight:normal; color:#ef2e2f;}

/* 임시저장 */
.pop_mail_save p.txt {width:380px; margin:0 auto; padding:0 0 20px; line-height:18px; color:#666666; font-size:14px; font-weight:bold; text-align:center; }
.pop_mail_save p.txt strong { color:#f12d2d; }
.pop_mail_save p.txt a { display:block; font-weight:normal; font-size:11px; color:#999; text-align:center; padding:4px 0 0 0; text-decoration:underline; letter-spacing:-1px; }

/* 주소추가*/
.add_pism{padding: 0 0 28px;border-bottom: 1px solid #dadada ;}
.add_pism .hidden{font-size: 0;width: 0;}
.add_pism input,.add_pism select{width: 118px;height: 21px;font-size: 11px;line-height: 1.91;text-align: left;color: #999999;padding:0 7px;border:1px solid #dadada;}
.add_pism select {width: 118px;height: 25px;border:1px solid #dadada;}
.add_pism button{vertical-align: middle}

/* 주소록 */
.addr_search { position:relative; margin-bottom:10px; padding:10px 0 8px 0; margin-top: 28px; background:#fff; }
.addr_search legend { margin-left:-7px; padding-left:7px; .padding-left:0; color:#666; font-weight:bold; }
.addr_search .searchbox { position:absolute; top:6px; left:0; padding-left:77px; color:#666; }
.addr_search .searchbox .input { width:388px; padding-top:4px; height:17px; color:#999; }
.addr_search .searchbox .btn_area { position:absolute; top:0; left:469px; white-space:nowrap;*top:1px; }
.addr_search .searchbox .btn_area .btn { border-radius:0; padding:2px 7px 0 7px; height:23px; }
:root .addr_search .searchbox .btn_area .btn { padding-top:3px \0/IE9; }
.addr_search .searchbox .btn_area .btn.total { margin-left:5px; }

.addr_total { float:left; }
.addr_total .tab_box { width:257px; }
/* 이름별 */
.addr_total select { width:257px; height:392px; border-top:0; }
.addr_total select.groups_member { width:257px; height:174px; margin-top:2px; margin-bottom:11px; }
.addr_total .input { width:212px; .width:217px; margin-top:-1px; font-size:8pt; }
/* 그룹별 */
.addr_total select.group01 { height:100px; }
.addr_total select.group02 { height:201px; .height:206px; margin-top:-4px; }
/* 네이트온 */
.addr_total .nateon { width:244px; height:355px; margin-bottom:14px; padding:9px 0 9px 11px; border:1px solid #bfbebc; color:#444; line-height:1.2em; overflow:auto; }
.addr_total .nateon dt { margin-bottom:9px; padding-left:19px; background:url('../img/icon/ico_folder_open.gif') no-repeat left top; cursor:pointer; }
.addr_total .nateon dd { padding:0 0 19px 19px; line-height:1.5em; }
.addr_total .nateon a { color:#444; }
.addr_total .nateon dl.close dt { margin-bottom:7px; background-image:url('../img/icon/ico_folder_close.gif'); }
.addr_total .nateon dl.close dd { display:none; }
.nateonTab select {display:block;}
.nateonTab select.groupName {height:100px;}
.nateonTab select.groupMember {height:282px; margin-top:10px; border-top:1px solid #cacaca;}

form[name="address"] .addr_mailto { top: 175px;}
.addr_mailto { position:absolute;left:275px; width:330px; overflow:hidden;top:95px; }
.addr_mailto dl { margin-bottom:8px; }
.addr_mailto dt { height:16px; color:#666; font-weight:bold; letter-spacing:-1px; padding:15px 0 2px 68px; }
.addr_mailto dt .num { color:#f12d2d; }
.addr_mailto dd { float:left; }
.addr_mailto dd.btn_list { width:68px; margin-top:27px; text-align:center; }
.addr_mailto dd.btn_list .btn { margin-bottom:5px; }
:root .addr_mailto dd.btn_list .btn { padding-top:3px;}
.addr_mailto dd.btn_list .btn img { margin-bottom:1px; }
.addr_mailto select { width:255px; height:103px; .height:78px; }
.addr_mailto .long .btn_list { margin-top:120px; }
.addr_mailto .long select { height:301px; margin-bottom:6px; .margin-bottom:-1px; }
.addr_mailto .long .rbtn { text-align:right; padding-bottom:0;}

/* tab */
.tab_box { margin-top:5px; height:23px !important; background:url('../img/popup/bg_tab.gif') repeat-x; }
.tab_box ul { float:left; padding-left:1px; }
.tab_box ul li { display:inline; float:left; height:23px; margin-left:-1px; background:url('../img/popup/bg_tab.gif') no-repeat 0 -23px; }
.tab_box ul li a { float:left; height:16px; margin-left:1px; padding-top:7px; padding-left:9px; padding-right:9px; background:url('../img/popup/bg_tab.gif') no-repeat 100% -23px; color:#999 !important; text-align:center; }
.tab_box ul li.on { background-position:0 -46px; }
.tab_box ul li.on a { background-position:100% -46px; color:#666 !important; font-weight:bold; }
.tab_box ul li span { float:left; height:16px; margin-left:1px; padding-top:7px; padding-left:9px; padding-right:9px; background:url('../img/popup/bg_tab.gif') no-repeat 100% -46px; color:#5577d0 !important; font-weight:bold; text-align:center; }

/* 자주쓰는주소설정 */
.contact_often { margin-top:5px; }
.contact_often { float:left; margin:-4px 0 0 0; }
.contact_often dl { margin-bottom:2px; }
.contact_often dt { height:16px; color:#666; font-weight:bold; letter-spacing:-1px; *letter-spacing: 0; padding:15px 0 0 0; }
.contact_often dt .num { color:#f12d2d; }
.contact_often dd { float:left; }
.contact_often select { width:255px; height:301px; }

/* 미리보기 */
.write_preview { margin:-29px -20px 20px -20px; overflow:auto; overflow:visible; zoom:1;}
.write_preview .subject { padding:20px; font-size:16px; font-weight:bold; color:#666; background:url('../img/common/bg_dline.gif') repeat-x 0 100%; }
.write_preview .write_cont {}

/* 새창쓰기 */
.write_npop { margin:-29px -20px 0 -20px; }


/* 외부계정 추가 */


/* 설정 입력 */
.option_setting { padding:0; border:0; }
.option_setting legend { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }
.option_setting table { width:100%; border-top:1px solid #dadada; border-bottom:1px solid #dadada; line-height:1.2em; font-size:12px; }
.option_setting th { width:125px; padding:12px 0 8px 15px; border-bottom:1px solid #ececec; background:#f9f9f9; color:#333; vertical-align:top; font-weight:normal; text-align:left; }
.option_setting td { padding:12px 15px 8px 15px; border-bottom:1px solid #ececec; color:#666; word-break:break-all; }
.option_setting td img { vertical-align:middle; }
.option_setting td .img { margin:-1px 0 0 0; }
.option_setting td button img { vertical-align:baseline; }
.option_setting td label { padding-right:15px; }
.option_setting td .input { margin:-5px 0 -2px 0; border:1px solid #dadada; }
.option_setting td .radio { margin:-1px 3px 0 0; .margin:-5px 0 -1px -4px; padding:0; }
.option_setting tr.long td p { padding-bottom:6px; _padding-bottom:5px; }
.option_setting tr.b0 th, .option_setting tr.b0 td { border:0; }
.option_setting h4 { padding:0 0 7px 10px; color:#333; font-weight:bold; background:url('../img/icon/ico_title.gif') no-repeat 0 3px; }

.outbox { padding:0 0 20px 0; }
.outbox label { padding:0 15px 5px 0; }
.outbox label img { vertical-align:middle; }
.outbox label { width:110px; display:inline-block; margin-left:5px; }
.outbox label.first { width:115px; }
.outbox label.second { width:90px; }
.outbox label.last { width:50px; }
.outbox .input{ width:180px; }
.outbox .radio { margin:-1px 3px 0 0; .margin:-5px 0 -1px -4px; padding:0; }

.outside_desc { margin:0; padding:10px 0 3px 0; text-align:center; background:#ffffe7; border:1px solid #cecece; }
.outside_desc p { color:#8f7a3a; font-size:11px; line-height:1.6em; letter-spacing:-1px; padding:0 0 4px 0; }
.outside_desc p .desc { padding:1px 0 0 16px; background:url('../img/icon/ico_desc02.gif') no-repeat 0 0; }
.outside_desc strong { padding:1px 0 5px 16px !important; color:#5f4f1f; }

.outside_account_confirm {margin:20px 0 0; padding:0 0 11px 16px; border-bottom:1px solid #ececec; background:url('../img/icon/ico_desc03.gif') no-repeat 0 1px; font-size:11px; line-height:16px; letter-spacing:-1px;}
.outside_account_confirm strong {color:#333; font-weight:normal;}
.outside_account_confirm p {padding:2px 0 8px; color:#999; margin: 3px 0 0}
.outside_account_confirm label {color:#666;}
.outside_account_confirm_ul { color: #999 }

.desc_list { padding:13px 0 0 0; }
.desc_list li { padding:0 0 0 8px; background:url('../img/icon/ico_dot.gif') no-repeat 0 4px; color:#999; font-size:11px; line-height:16px; list-style:none; letter-spacing:-1px; }

/* 외부계정 추가수정 */
.outside_add { margin:0 0 20px 0; }
.outside_add th { width:120px; }
.outside_add td.top { padding:7px 10px 5px 10px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; color:#666; font-weight:bold; }
.outside_add .stxt { color:#999; font-size:11px; letter-spacing:-1px; }
.outside_add td .name { width:330px; }
.outside_add td .email { width:113px; margin-right:5px; }
.outside_add td .pw { width:111px; margin-right:5px; }
.outside_add td .servername { width:125px; margin-right:5px; }

/* 레이어 */
.layer01 { display:none; position:absolute; top:230px; left:50%; width:246px; margin-left:-143px; padding:20px 20px 10px 20px; border:2px solid #666; background:#fff; text-align:center; }
.layer01 .title { color:#333; font-weight:bold; padding:0 0 20px 0; line-height:1.4em; }
.layer01 .title strong { color:#f12d2d; }
.layer01 .stxt { color:#888; font-size:11px; letter-spacing:-1px; font-weight:normal; padding:15px 0; line-height:1.3em; }
.layer01 .btn { padding-left:7px !important; padding-right:7px !important; }

/* T cloud 통합 ID 인증 */
.step_txt { width:650px; height:13px; background:url('../img/popup/set_tcloud_step.gif') no-repeat left top; text-indent:-9999px; overflow:hidden;  }
.step_tcloud { margin:10px 0 25px 0; width:650px; height:40px; background:url('../img/popup/set_tcloud_step.gif') no-repeat left top; text-indent:-9999px; overflow:hidden; }
.step_tcloud.step01 {background-position:0 -23px; }
.step_tcloud.step02 {background-position:0 -63px; }
.step_tcloud.step03 {background-position:0 -103px; }
.step_tcloud.step04 {background-position:0 -143px; }

.tab_list { position:relative; height:25px; border-bottom:1px solid #666; margin:0 0 0 0; }
.tab_list li { float:left; list-style:none; }
.tab_list li a { position:relative; display:block; height:18px; margin-right:-1px; padding:6px 18px 0; text-align:center; font-weight:bold; color:#b9b9b9; border-radius:4px 4px 0 0; border:1px solid #d7d7d7; border-bottom:0; background:#fcfcfc; font-size:11px; letter-spacing:-1px; line-height:15px; z-index:-1; }
.tab_list li a.on { color:#333; border:1px solid #666; border-radius:4px 4px 0 0; border-bottom:0; height:19px; z-index:1; }
.tab_list.long { height:40px; }
.tab_list.long li a { width:125px;  height:33px; }
.tab_list.long li a.on { height:34px; }

.agree_box { clear:both; border:1px solid #666; border-top:0; overflow:auto; height:96px; padding:10px; line-height:18px; }
.txt_agree { padding:7px 0;  font-size:11px; letter-spacing:-1px; color:#666; text-align:right; }

.tbl { width:100%; margin-bottom:20px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; line-height:1.2em; font-size:12px; }
.tbl th { width:125px; padding:12px 0 8px 15px; border-bottom:1px solid #ececec; background:#f9f9f9; color:#333; vertical-align:top; font-weight:normal; text-align:left; }
.tbl td { padding:12px 15px 8px 15px; border-bottom:1px solid #ececec; color:#666; word-break:break-all; }
.tbl tr.long td p { padding-bottom:6px; _padding-bottom:5px; }
.tbl td .stxt { font-size:11px; color:#666; letter-spacing:-1px; padding-bottom:0 !important; }
.tbl td button { vertical-align:middle; margin-top:-2px; }
.tbl td button img { vertical-align:baseline; }
.tbl td .input { margin:-5px 0 -2px 0; }
.tbl td select { margin:-5px 0 -2px 0; }
.tbl td .input.w01 { width:50px; }
.tbl td .input.w02 { width:230px; }
.tbl td .input.w03 { width:170px; }
.tbl td label { padding-right:15px; }
.tbl td .radio { margin:-3px 3px 0 0; .margin:-5px 0 -1px -4px; padding:0; }
.tbl tr.b0 th, .tbl tr.b0 td { border:0; }
.tbl td dl { clear:both; height:20px; }
.tbl td dt { float:left; width:70px; }
.tbl td dd { float:left; }
.tbl td ul.list { margin:5px 0 0 0; }
.tbl td ul.list li { list-style:none; padding:0 0 0 6px; background:url('../img/icon/ico_dot02.gif') no-repeat 0 5px; color:#999; font-size:11px; line-height:16px; letter-spacing:-1px; }
.tbl td .photo { float:left; width:97px; height:97px; margin:-1px 8px 0 0; background:url('../img/popup/bg_photo.gif') no-repeat 0 0; }
.tbl td .upload { float:left; }
.pop_tcloud .msg { margin:10px 0 20px 0; padding:20px; background:#f9f9f9; border-top:1px solid #dadada; border-bottom:1px solid #dadada; line-height:22px; font-size:14px; color:#333; text-align:center; }
.pop_tcloud .msg em { color:#f43b3b; font-style:normal; font-weight:bold; }
.pop_tcloud .title { color:#333; padding-bottom:40px; text-align:center; line-height:16px; }
.pop_tcloud .title .percentage { width:172px; margin:20px auto 0 auto; }
.pop_tcloud .title .percentage span {display:block; margin:0 auto; padding:0 0 7px; font-family:Tahoma, Dotum; font-size:11px; color:#999999;}
.pop_tcloud .title .percentage span strong {color:#f12d2d;}
.pop_tcloud .stxt { color:#666; font-size:12px; letter-spacing:-1px; padding-top:10px; }
.pop_tcloud .stxt2 {font-size:12px; color:#666; padding-top:8px;}
.pop_tcloud .btnArea button {margin-left:5px;}

/* T cloud 파일 첨부 */
.tcloud_file { position:relative; height:521px; margin:-29px -20px 20px -20px; border-bottom:1px solid #7d7d7d; }
.file_ctg { position:absolute; left:0; top:0; width:105px; height:100%; background:#f9f7f1; }
.file_ctg ul { margin:12px; }
.file_ctg li { list-style:none; padding:0 0 17px 0; }
.file_ctg li a { display:block; padding:3px 0 2px 20px; background:url('../img/icon/set_file_type.gif') no-repeat 0 0; font-weight:bold; }
.file_ctg li a.on { text-decoration:underline; }
.file_ctg li.photo a { background-position:0 0; }
.file_ctg li.music a { background-position:0 -360px; }
.file_ctg li.video a { background-position:0 -390px; }
.file_ctg li.etc a { background-position:0 -420px; }
.file_group { position:absolute; left:105px; top:0; width:148px; height:100%; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; overflow-y:auto; overflow-x:hidden; }
.file_group ul { margin:13px 0 0 13px; }
.file_group ul ul { margin:0; }
.file_group li  { list-style:none; padding-bottom:6px; }
.file_group li li { margin-left:10px; }
.file_group li a {  display:block; padding:2px 0 8px 19px; color:#333; font-weight:bold; background:url('../img/popup/ico_group.gif') no-repeat 0 0; }
.file_group li li a { color:#666; padding:2px 0 2px 19px; font-weight:normal;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.file_list { position:relative;}
.file_list .dscroll { position:relative; overflow-y:scroll; overflow-x:hidden; }
.tcloud_file .Pagination {}

.tcloud_list { width:100%; }
.tcloud_list .chk { width:30px; text-align:center; }
.tcloud_list .fname { }
.tcloud_list .ftype { width:70px; }
.tcloud_list .fsize { width:70px; }
.tcloud_list .fdate { width:100px; }
.tcloud_list th { border-bottom:1px solid #eaeaea; border-right:1px solid #f2f2f2; text-align:left; padding-left:10px; }
.tcloud_list th.b0 { border-right:0; }
.tcloud_list th a { display:inline-block; height:16px; padding:7px 8px 0 0; color:#999; font-size:11px; letter-spacing:-1px; font-weight:normal; }
.tcloud_list th a.up {  background:url('../img/icon/ico_arr_up.gif') no-repeat 100% 10px; }
.tcloud_list th a.down {  background:url('../img/icon/ico_arr_down.gif') no-repeat 100% 10px; }
.tcloud_list td { padding:3px 0 0 10px; height:26px; text-align:left; border-bottom:1px solid #f6f6f6; color:#666; }
.tcloud_list td a { color:#666; }
.tcloud_list td.fname { padding-left:7px; }
.tcloud_list td.fsize { text-align:right; padding:5px 10px 0 0; height:24px; font-size:11px; }
.tcloud_list td.fdate { width:82px; font-family:tahoma; font-size:11px; width:1px; }
.tcloud_file .file_loading { top:170px; width:330px; margin:0 0 0 -167px; }
.tcloud_file .file_loading .txt { font-weight:bold; color:#333; padding-bottom:20px }
/* IE7 대응 */
.tcloud_list2 {width:100%;table-layout: fixed;}
.tcloud_list2 .chk {text-align:center;}
.tcloud_list2 th {border-bottom:1px solid #eaeaea; border-right:1px solid #f2f2f2; text-align:left; padding-left:10px;}
.tcloud_list2 th.fdate {*width:95px;}
.tcloud_list2 th.b0 {border-right:0;}
.tcloud_list2 th a {display:inline-block; height:16px; padding:7px 8px 0 0; color:#999; font-size:11px; letter-spacing:-1px; font-weight:normal;}
.tcloud_list2 th a.up {background:url('../img/icon/ico_arr_up.gif') no-repeat 100% 10px;}
.tcloud_list2 th a.down {background:url('../img/icon/ico_arr_down.gif') no-repeat 100% 10px;}
.tcloud_list2 td {height:29px; border-bottom:1px solid #f6f6f6;}
.tcloud_list2 td.fname {padding-left:7px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tcloud_list2 td.fsize {text-align:right; padding:5px 10px 0 0; height:24px; font-size:11px;}
.tcloud_list2 td.fdate {font-family:tahoma; font-size:11px;}
.tcloud_list2 td .ficon {*float:left; *margin-right:5px;}

/* 개인정보 제3자 제공안내 */
.bill_agree { margin-bottom:20px; }
.bill_agree .txt { color:#999; font-size:8pt; letter-spacing:-1px; }
.bill_agree table { width:410px; margin-top:20px; }
.bill_agree table th { width:70px; padding:7px 0 5px 20px; background:#f8f8f8; color:#999; font-size:8pt; border:1px solid #eaeaea; font-weight:normal; text-align:left; }
.bill_agree table td { padding:5px 0 0 20px; color:#666; font-size:9pt; border:1px solid #eaeaea; }

/* 외부메일 추가,삭제 레이어 */
.externalMailSet .title {color:#333; font-weight:bold; padding:0 0 15px 0; line-height:1.4em;}
.externalMailSet .title strong {color:#f12d2d;}
.externalMailSet p {text-align:center;}
.externalMailSet .sSelect {width:290px; margin:20px auto 15px; text-align:left;}
.externalMailSet .sSelect input {float:left; *margin:-4px;}
.externalMailSet .sSelect label {display:block; margin-bottom:5px; padding-left:17px; font-size:11px; color:#999; line-height:16px; letter-spacing:-1px;}
.externalMailSet .sSelect label strong {font-weight:normal; color:#f12d2d;}


/* New Popup */
.nmWriteModePopup .nmContentHeader { display:none; }
.nmWriteModePopup .nmWGbtnArea { margin-right:164px; }
.nmWriteModePopup .nmWGbtnArea .nmAddUser { display:block; right:-164px; }
1 .btn { border-radius:0; }
.nmWriteModePopup.nmWriteModeComplete .nmSendMessage { bottom:0; }

/* 새창보기*/

.viewArea {overflow-x:auto; *position:relative;}
.viewArea .viewTitle {min-width:500px; padding:20px 20px 12px 20px; margin:0 0 2px; border-bottom:1px solid #fadddb;}
#pop_bodyArea .viewArea .viewTitle .subject {position:relative; padding:0 0 6px 0; font-size:14px; font-weight:bold; color:#333333; line-height:21px;background: none}
.viewArea .viewTitle .subject .icon_star {position:absolute; left:0; top:4px; display:block; width:14px; height:14px; overflow:hidden; text-indent:-9999px; background:url('../img/icon/set_read.gif') no-repeat 0 -40px;}
.viewArea .viewTitle .subject .icon_star.on {background-position:-20px -40px;}
.viewArea .viewTitle .detailInfo {position:relative; padding:0 0 0 0; line-height:18px;}
.viewArea .viewTitle .detailInfo .detailInfo {font-size:11px;}
.viewArea .viewTitle .detailInfo dl {padding:0 90px 3px 0;}
.viewArea .viewTitle .detailInfo dl dt {float:left; width:58px; height:16px;}
.viewArea .viewTitle .detailInfo dl dd {min-height:16px; padding:0 0 0 62px; *padding:0; color:#ebebeb;}
.viewArea .viewTitle .detailInfo dl dd * {color:#666666; vertical-align:top;}
.viewArea .viewTitle .detailInfo dl dd .btn_addNateOn {display:inline-block; width:16px; height:16px; overflow:hidden; text-indent:-9999px; background:url('../img/icon/set_read.gif') no-repeat 0 -20px;}
.viewArea .viewTitle .detailInfo dl dd .btn_block {color:#f43b3b;}
.viewArea .viewTitle .detailInfo dl dd.time {position:absolute; right:0; top:0; padding:0; font-family:Tahoma; font-size:11px; color:#666;}
.viewArea .viewTitle .detailInfo .btn_toggle_detail {position:absolute; left:0; top:2px; width:14px; height:14px; overflow:hidden; text-indent:-9999px; background:url('../img/icon/set_read.gif') no-repeat 0 0;}
.viewArea .viewTitle .detailInfo .additionalInfo {display:none;}
.viewArea .viewTitle .detailInfo.open .btn_toggle_detail {background-position:-20px 0;}
.viewArea .viewTitle .detailInfo.open .additionalInfo {display:block;}
.viewArea .viewTitle .detailInfo.open dl {padding-right:0;}
.viewArea .viewTitle .detailInfo.open dl dd.time {display:none;}

.viewArea .files {min-width:500px; /*height:60px; */overflow-x:hidden; overflow-y:auto; border-bottom:1px solid #fadddb;padding:20px;}
.viewArea.noFile .files  {display: none}
.viewArea .files .title {height:24px;}
.viewArea .files .title .name {float:left; padding:0 13px 0 10px; font-size:12px; font-weight:bold; color:#333; background:url('../img/icon/set_read.gif') no-repeat 0 -140px;}
.viewArea .files .title .name strong {color:#f12d2d;}
.viewArea .files .title .name .storage {font-weight:normal;}
.viewArea .files .title .divideBar {float:left; padding:0 5px; font-size:11px; color:#ebebeb;}
.viewArea .files .title .btn_allFiles {float:left; background:none; font-size:11px; letter-spacing:-1px; color:#666666;}
.viewArea .files .file_list {overflow:hidden; margin-bottom:14px;}
.viewArea .files .fBox {float:left; height:20px; margin:0 8px 6px 0; border:1px solid #e0e0e0; border-radius:2px;}
.viewArea .files .fBox .fileName {float:left; width:190px;}
.viewArea .files .fBox .fileName a {display:block; height:20px; margin-right:3px; overflow:hidden; text-overflow:ellipsis; padding-left:25px; background:url('../img/icon/set_file_type.gif') no-repeat 5px -419px; font-size:11px; color:#666; line-height:20px; white-space:nowrap;}
.viewArea .files .fBox .fileName a.jpg {background-position:5px 1px;}
.viewArea .files .fBox .fileName a.bmp {background-position:5px -28px;}
.viewArea .files .fBox .fileName a.gif {background-position:5px -58px;}
.viewArea .files .fBox .fileName a.png {background-position:5px -88px;}
.viewArea .files .fBox .fileName a.doc {background-position:5px -118px;}
.viewArea .files .fBox .fileName a.ppt {background-position:5px -148px;}
.viewArea .files .fBox .fileName a.xls {background-position:5px -178px;}
.viewArea .files .fBox .fileName a.hwp {background-position:5px -208px;}
.viewArea .files .fBox .fileName a.pdf {background-position:5px -238px;}
.viewArea .files .fBox .fileName a.ai {background-position:5px -268px;}
.viewArea .files .fBox .fileName a.psd {background-position:5px -298px;}
.viewArea .files .fBox .fileName a.txt {background-position:5px -328px;}
.viewArea .files .fBox .fileName a.mp3 {background-position:5px -358px;}
.viewArea .files .fBox .fileName a.mov {background-position:5px -388px;}
.viewArea .files .fBox .fileName a.etc {background-position:5px -419px;}
.viewArea .files .fBox .btn_preview {float:left; display:none; height:20px; padding:0 4px 0 4px; border-left:1px solid #efefef; font-size:11px; color:#999; letter-spacing:-1px; line-height:22px;}
.viewArea .files .fBox .btn_tcloud {float:left; display:none; height:20px; padding:0 4px 0 4px; border-left:1px solid #efefef; font-size:11px; color:#999; letter-spacing:-1px; line-height:22px;}
.viewArea .files .fBox.preview .btn_preview {display:block;}
.viewArea .files .fBox.tcloud .btn_tcloud {display:block;}
.viewArea .files .imageList {padding:20px 0; overflow:hidden; list-style:none; clear:both;}
.viewArea .files .imageList li {float:left; margin:0 20px 0 0;}

.btn_print { margin-right:5px; width: 25px;height: 25px;background: url('../img/btn/bg_btn_right.gif') no-repeat -30px 0;position:relative; display:inline-block; vertical-align:middle; *display:inline; *zoom:1;right:17px;top:17px;position: absolute;}
.btn_print:hover { background-position:-30px -25px; }
.btn_print strong {display: block;text-indent: -9999px;}

.popMenu {padding:10px 20px;}
.popMenu .nmBtn{border:0;background:none;color:#aaa;font-size:11px;text-decoration:underline;}

/* image Attach */
.btn_line {margin-top: 20px;border-top: 1px solid #eaeaea; text-align: center;padding-top:20px;}
.image_attach .guide {margin-top:15px;list-style: none}
.image_attach .guide li{margin: 4px 0 0 0;padding: 0 0 0 5px;color: #888;font-size: 11px;}
.image_attach .file_add {margin:10px 0 5px 0;}
.image_attach .file_add .input_box {width: 292px;height: 14px;margin: 0 3px 0 0;padding: 3px 0 0 3px;border: 1px solid #bfbebc;color: #666;float:left;}
.image_attach .file_add .file_box {position: relative;display: inline;float: left;width: 50px;height: 20px;overflow: hidden;cursor: pointer;opacity: 0;filter:alpha(opacity=0)}
.image_attach .file_add .label {position: absolute;left:318px;height:12px;padding:2px 5px 3px; font-size:11px; font-family: dotum;color:#666;letter-spacing: -1px;}
.image_attach form {*margin:0;*padding: 0;*float: left;}
.image_attach .file_add .file_box .file-search {position: absolute;top: 0;right: 0;width: 44px;height: 21px;
	font-size: 20px;opacity: 0;filter: alpha(opacity=0);cursor: pointer;border: 1px solid #ffffff;}
.image_attach .file_add .input2 {width: 346px;height: 14px;padding: 3px 0 0 3px;border: 1px solid #bfbebc;color: #666;}


#pop_bodyArea h2{font-weight:bold;color:#333;padding-left:11px;background:url(../img/icon/ico_arr02.gif) 0 3px no-repeat;margin-bottom: 10px;}
.fortune_txt{border-top:1px solid #dadada;border-bottom:1px solid #dadada;color: #666;padding:14px 0;line-height: 17px;}
.fortune_txt em{font-style: normal;color: #f12d2d;}
.check_apply{padding-top: 12px;}

.h2_sub{font-size: 11px;color: #999;letter-spacing: -1px;padding-left:12px;margin-top:-3px;}
.popMyInfo { clear:both; position:relative; /*width:678px;*/padding-top:12px; }
.popMyInfo .wInfo h3 { padding:8px 15px; color:#666; font-weight: bold; border-top:1px solid #dadada; }
.popMyInfo .wInfo h3.use_service{ border-top:none; border-bottom:1px solid #dadada; }
.popMyInfo .wInfo dl { position:relative; padding:7px 0 8px 140px; color:#666; border-top:1px solid #ececec; background: url(../img/common/bg_my.gif) repeat-y; }
.popMyInfo .wInfo dl.first { border-top:1px solid #dadada; }
.popMyInfo .wInfo dl.last { border-bottom:1px solid #dadada; margin-bottom:11px; }
.popMyInfo .wInfo dt { position:absolute; left:25px; width:115px; padding:4px 0 0; letter-spacing:-1px; color:#333; }
.popMyInfo .wInfo dd * { vertical-align:middle; }
.popMyInfo .wInfo dd .inC { margin-left:5px; }
.popMyInfo .wInfo dl.double { overflow:hidden; zoom:1; width:614px; padding:7px 0 6px 0; }
.popMyInfo .wInfo dl.double dt { padding-left:25px; padding-top:3px; position:static; float:left; }
.popMyInfo .wInfo dl.double dt.narrow { width:45px; }
.popMyInfo .wInfo dl.double dd { float:left; width:145px; }
.popMyInfo .wInfo .subText { padding:5px 0; margin-left:-115px; color:#cc3333; line-height:1.5; }
.popMyInfo .setBtn { padding:20px 0 0; text-align:center; }
.setBtn { text-align:center; }
.setBtn button { width:54px; height:27px; }
.setBtn .btnCancel { background-position:0 0; }
.setBtn .btnConfirm { background-position:0 -28px; margin-left:1px; *margin-left:5px; }

.popMyInfo .wInfo h4.other { margin:0 0 -3px 0; padding-top:21px; }
.popMyInfo .wInfo .famAgree { padding-top:4px; margin-bottom:14px; }
.popMyInfo .wInfo .famAgree p em { color:#cc3333; }
.popMyInfo .wInfo .famAgree table { width:100%; table-layout:fixed; border-top:1px solid #ccc; margin-bottom:9px; margin-top:12px; }
.popMyInfo .wInfo .famAgree table tr th { color:#333; font-weight:normal; background:#f9f9f9; padding-left:21px; text-align:left; }
.popMyInfo .wInfo .famAgree table tr td { color:#666; padding-left:17px; padding-right:10px; }
.popMyInfo .wInfo .famAgree table tr th, .popMyInfo .wInfo .famAgree table tr td { padding-top:12px; padding-bottom:10px; border-bottom:1px solid #ececec; }
.popMyInfo .wInfo .famAgree table tr.end th, .popMyInfo .wInfo .famAgree table tr.end td {border-bottom:1px solid #dadada;}
.popMyInfo .wInfo .famAgree p.agree { font-size:12px; margin:0; padding-bottom: 7px; }
.popMyInfo .wInfo .famAgree p.agree input.inC { margin-top:-3px; }
.popMyInfo .wInfo .famAgree p.agree label { margin-left:5px; }

.popMyInfo .wInfo .famAgree p.agree_txt1 { background:url(../img/common/bg_dot1.gif) 15px 6px no-repeat;padding: 0 0 0 25px; line-height: 14px; font-size: 11px; margin-top:6px; color:#666; letter-spacing: -1px;}


/* 메일쓰기 스미싱 페이지*/
#bodyArea #wrapper {min-height:534px}
.smishing { position: absolute; left: 50%; top: 50%; width: 520px; margin:-100px 0 0 -270px;}
.smishing .capture { width: 410px; height: 181px; background:url(../img/icon/ico_capta.png) no-repeat 0 7px; background-size: auto 142px; color: #000; text-align:left; line-height:30px; font-size: 14px; padding-left: 130px;}
.smishing.voice .capture #captcha_wrap {display:none}
.smishing .capture #captcha_audio_wrap {display:none}
.smishing.voice .capture #captcha_audio_wrap {display:block}
.smishing.voice .capture p.txt {margin-left: -10px;font-size: 11px;letter-spacing: -1px;text-align: center;color: #a4b3ba;display: inline-block;width: 127px;height: 42px;line-height: 20px;}
.smishing .capture { width: 410px; height: 181px; background:url(../img/icon/ico_capta.png) no-repeat 0 7px; background-size: auto 142px; color: #000; text-align:left; line-height:30px; font-size: 14px; padding-left: 130px;}
.smishing .capture .captcha_btn{ display: inline-block; margin-top:7px;}
.smishing .capture .captcha_btn button{ float: left; height: 21px; border: 0; background: url(../img/icon/set_btn_captcha.gif) no-repeat; text-indent: -1000em; overflow: hidden; }
.smishing .capture .captcha_btn .captcha_refresh { width: 47px; margin-right: 5px; background-position: 0 0; margin-left:3px;}
.smishing .capture .captcha_btn .captcha_voice { width: 21px; background-position: -109px 0;}
.smishing .capture .captcha_btn .captcha_voice { width: 21px; background-position: -109px 0;}
.smishing .capture .captcha_btn .captcha_switch { width: 47px;background-position: -51px 0;}

.smishing .capture .wrap_captcha_input .cap_input {  width: 200px; height: 21px; padding-left: 10px; border: 1px solid #CACACA !important; font-size: 13px;}
.smishing .capture .wrap_captcha_input .btn {width: auto;overflow: visible;border: 1px solid #a9a9a9;border-radius: 2px;background: url(../img/btn/bg_btn.gif) repeat-x 0 0;padding: 2px 7px 1px 7px;height: 25px;line-height: 160%;font-size: 12px;color: #323232;vertical-align: middle;}
.smishing .capture .wrap_captcha_input .btn:hover{border: 1px solid #666;}

/* 메일발송 완료 후 주소록 추가 */
.add_address_app {margin:0;padding:0;font-size:0.75em;font-family:'Malgun Gothic', dotum, sans-serif;background:#fff}
.add_address_app *, .add_address_app *:after, .add_address_app *:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.add_address_app .sound_only { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0); }
.add_address_app header,
.add_address_app main,
.add_address_app section { display: block; }
.add_address_app input::placeholder { color: #8d8d8d; }

.add_address_app header h1 { padding: 0 25px; height: 30px; line-height: 30px; color: #fff; background: #373737 url(../img/popup/ico_title.gif) no-repeat 14px 10px; font-weight: bold;}
.add_address_app .regist_section { padding: 30px; min-height: 470px;}
.add_address_app .msg { font-size: 15px; color: #000; line-height: 23px; letter-spacing: -0.94px;}
.add_address_app button { display: inline-flex; justify-content: center; align-items: center; padding: 0 8px; border: 1px solid #bfbebc; height: 25px; background: #fff; color: #000; font-size: 12px; letter-spacing: -1.09px; white-space: nowrap; cursor: pointer;}
.add_address_app .form_area .form_field { height: 314px; }
.add_address_app .form_area input,
.add_address_app .form_area select { border: 1px solid #bfbebc; padding: 0 8px; width: 100%; height: 26px; font-size: 13px; }
.add_address_app .form_area .pims_list { margin: 20px 0; max-height: 206px; overflow: auto; }
.add_address_app .form_area .pims_list li { display: flex; }
.add_address_app .form_area .pims_list li + li {margin: 10px 0 0;}
.add_address_app .form_area .pims_list li label { display: inline-flex; margin: 0 10px 0 0}
.add_address_app .form_area .pims_list li label:first-child { width: 80px; }
.add_address_app .form_area .pims_list li label:last-child { flex: 1; }
.add_address_app .form_area .group { display: flex; padding: 20px 0; }
.add_address_app .form_area .group input,
.add_address_app .form_area .group select { height: 25px; font-size: 12px; color: #666 }
.add_address_app .form_area .group select { padding: 0 4px; }
.add_address_app .form_area .group label:nth-child(1) { width: 120px; }
.add_address_app .form_area .group label:nth-child(2) { margin: 0 4px 0 10px; width: 120px; }
.add_address_app .form_area .group .btn_add { width: 40px; }
.add_address_app .form_area .buttons { margin: 10px 0 0; text-align: center; }