@charset "utf-8";
/* CSS Document */

/* 대량이메일 작성 */
.wr_so {font-size:15px; font-weight:600; padding-bottom:10px}
.wr_recbx {overflow:hidden; position:relative}
.mail_guide {position:absolute; top:55px; right:5px; font-size:13px}
.mail_guide a {display:block; padding:5px 5px 5px 28px;background:url(/images/common/bg_guide.png) no-repeat 0 2px; }
.mail_guide a:hover {font-weight:bold}

.wr_sender {overflow:hidden;background:#ededed;border-left:1px solid #9a9a9a;border-right:1px solid #9a9a9a;border-bottom:1px solid #9a9a9a;padding:20px 0}
.wr_sender .grp_bx {width:310px; float:left; margin-left:20px}
.wr_sender .grp_bx > p {padding:5px 0; font-size:14px; font-weight:600}
.wr_sender .grp_bx > p span > a {font-size:12px}

.fix-sender {width:100%;height:200px;background:#fff;border:1px solid #dadada;position:relative;padding-top:25px; margin-top:10px /* header-bg height값 */}
.fix-sender .header-bg {background:#7b7b7b;height:25px; /* header-bg height값 */ position: absolute;top:0;right:0;left:0;border-bottom:1px solid #dadada}
.fix-sender .table-wrapper {overflow-x:hidden;overflow-y:auto;height:100%;}
.tb_sender {width:100%;border-collapse:collapse}
.tb_sender td {border-bottom:1px solid #dadada;padding:5px; text-align:center; font-size:13px; }
.tb_sender td.lf {padding-left:15px !important; text-align:left !important}
.tb_sender td.bg {background:#eafdff}
.tb_sender td + td {border-left:1px solid #dadada}
.tb_sender th {padding:0px; /* reset */; text-align:center;}
.tb_sender th .th-text {position:absolute;top:0;width:inherit;line-height:25px; /* header-bg height값 */border-left:1px solid #bcbcbc; font-size:12px; text-align:center; color:#fff}
.tb_sender th:first-child .th-text {border-left:none}

.wr_sender .each_bx {width:410px; float:right; margin-right:20px}
.wr_sender .each_bx > p {padding:5px 0; font-size:14px; font-weight:600}


.mail_step2_bx {overflow:hidden; margin-top:20px}
.mail_step2_bx > dl.wr_tit {overflow:hidden;padding:15px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.mail_step2_bx > dl.wr_tit dt {float:left;width:10%;font-size:16px;font-weight:600}
.mail_step2_bx > dl.wr_tit dd {float:right;width:90%}

.mail_step2_bx > dl.wr_txt {overflow:hidden;padding:10px 0;}
.mail_step2_bx > dl.wr_txt dt {font-size:16px;font-weight:600; padding-bottom:15px}
.mail_step2_bx > dl.wr_txt dt > span {float:right; padding-right:10px}
.mail_step2_bx > dl.wr_txt dt > span a {display:inline-block; background:#eae4da; border:1px solid #cdc2b8;font-size:11px;vertical-align: middle; cursor: pointer;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; padding:4px 10px}
.mail_step2_bx > dl.wr_txt dd {}

.mail_step2_bx > dl.wr_file {overflow:hidden;padding:15px 0;border-bottom:1px solid #ccc}
.mail_step2_bx > dl.wr_file dt {float:left; width:10%;font-size:16px;font-weight:600}
.mail_step2_bx > dl.wr_file dd {float:right; width:90%}
.mail_step2_bx > dl.wr_file dd > ul li {padding-bottom:5px}
.mail_step2_bx > dl.wr_file dd > ul li em {color:#F30; font-size:14px; font-weight:600}
.mail_step2_bx > dl.wr_file dd > p {padding-top:5px;line-height:18px}
.mail_step2_bx > dl.wr_file dd > ul li a.wr_add {display:inline-block;background:#000;font-size:11px;color:#fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:6px 10px}

.mail_step3_bx {overflow:hidden; margin-top:20px}
.mail_step3_bx > p {font-size:13px; padding:10px 0}
.tb_mailset {border-top:1px solid #ccc; border-left:1px solid #ccc}
.tb_mailset th {background:#eee;padding:10px 15px;border-bottom:1px solid #ccc;font-size:13px }
.tb_mailset td {border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 15px; font-size:13px}
.tb_mailset td p {padding:5px 0}
.tb_mailset td > p.info {color:#8b8b8b; font-size:12px !important}
.tb_mailset td textarea {width:97%; height:50px; overflow-y:auto; font-size:11px; line-height:18px; font-family:dotum; padding:5px; margin-top:5px; background:#f7f7f7}
.tb_mailset td input.emp {background:#e1f7ff;border:1px solid #c4dde6; height:21px; line-height:21px}

.btn_yell {display:inline-block;background:#eae4da;border:1px solid #cdc2b8;height:25px;line-height:25px;color:#000;padding:0px 15px;font-size:11px;font-family:dotum;letter-spacing:-0.8px;font-weight:bold;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}

.list_num {padding:5px 0; font-size:14px; color:#000}
.list_num > span {color:#0097d6; font-weight:600}
.list_num > em {color:#aaa}
.list_num > a {display:inline-block; background:#eae4da url(/images/coupon/btn_cp_reset.png) no-repeat 5px 3px;border:1px solid #cdc2b8; font-size:11px; color:#000;height:20px;line-height:20px;padding:0px 8px 0px 25px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}

.ml_btns {overflow:hidden}

/* 대량이메일 설정 */
.setinfo_bx { background:#f0eee8; border:5px solid #dad5cc; padding:20px 0}
.setinfo_bx .info_bx {margin:0 20px; padding:10px 0; border-bottom:1px solid #d9d7d0}
.setinfo_bx .info_bx:after {clear:both;display:table;content:"";line-height:0}
.setinfo_bx .info_bx:last-child {border-bottom:0}
.setinfo_bx .info_bx li {float:left; margin-right:15px; padding-left:20px; vertical-align:middle; font-size:14px;height:30px;line-height:30px;}
.setinfo_bx .info_bx li input[type="text"] {height:23px; line-height:23px}

.tb_mailset2 {border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc}
.tb_mailset2 th {background:#e6e1d3;border-bottom:1px solid #ccc;}
.tb_mailset2 td {text-align:left; padding:15px 0 15px 15px;border-bottom:1px solid #ccc;}
.tb_mailset2 td > p {padding:8px 0; color:#8b8b8b}
.tb_mailset2 td > textarea {width:95%;height:40px;font-size:12px;line-height:18px;color:#000;background:#f7f7f7; padding:3px}


/* 템플릿 등록 */
.tpl_bx {overflow:hidden}
.tpl_bx dl.tpl_title {overflow:hidden; width:100%; padding-bottom:10px; border-bottom:1px solid #ccc}
.tpl_bx dl.tpl_title dt {float:left;width:15%;padding:4px 0px 0 0;color:#000;font-size:14px;font-weight:600}
.tpl_bx dl.tpl_title dd {float:left;width:85%;}
.tpl_bx dl.tpl_title dd input[type="text"] {width:100%;height:28px;line-height:28px;background:#f0ede1;border:1px solid #d8d5c7; font-size:13px;}
.tpl_bx dl.tpl_con {overflow:hidden; width:100%;margin-top:10px}
.tpl_bx dl.tpl_con dt {color:#000;font-size:14px;font-weight:600;padding-bottom:10px}
.tpl_bx dl.tpl_con dd textarea {width:100%;height:300px;}

/* 대량이메일 소개 */
.em_txt {overflow:hidden}
.em_txt dt {font-size:22px;color:#bd7134;padding:5px 0;font-weight:bold}
.em_txt dd > p {font-size:18px;color:#be8440;padding:5px 0 8px 0}
.em_txt dd {font-size:14px;line-height:20px;}

.em_feature {overflow:hidden}
.em_feature > li {padding:10px 0; height:128px}
.em_feature > li > dl {overflow:hidden; margin-left:200px;height:128px; border-bottom:1px dotted #8e8e8e}
.em_feature > li > dl > dt {color:#c96a0e; font-size:20px; font-weight:600; padding-top:10px;}
.em_feature > li > dl > dd {font-size:15px; line-height:20px; padding:10px 0}

.em_feature > li.bg_01 { background:url(/images/mail/bg_over_01.png) no-repeat 25px 0}
.em_feature > li.bg_02 { background:url(/images/mail/bg_over_02.png) no-repeat 25px 0}
.em_feature > li.bg_03 { background:url(/images/mail/bg_over_03.png) no-repeat 25px 0}
.em_feature > li.bg_04 { background:url(/images/mail/bg_over_04.png) no-repeat 25px 0}
.em_feature > li.bg_05 { background:url(/images/mail/bg_over_05.png) no-repeat 25px 0}
.em_feature > li.bg_06 { background:url(/images/mail/bg_over_06.png) no-repeat 25px 0}