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

.guide {position:absolute; top:15px; right:10px; font-size:13px}
.guide a {display:block; padding:5px 5px 5px 28px;background:url(/images/common/bg_guide.png) no-repeat 0 2px; }
.guide a:hover {font-weight:bold}

/* sms **/
.sms_bx {overflow:hidden; padding-top:30px; position:relative}
.sms_bx:after{clear:both;display:table;content:"";line-height:0}

.sms_bx .cp_bx {width:245px; height:581px; float:left; background:url(/images/message/bg_cp_sms.png) no-repeat;}
.sms_bx .cp_bx .cp {width:209px;margin:55px 0 0 16px}
.sms_bx .cp_bx .cp .text {width:100%;overflow: hidden;height:311px}
.sms_bx .cp_bx .cp .text > input {margin-bottom:6px;padding:0 3px;width:208px;height:31px;line-height:31px;font-size:12px;color:#000;font-family: gulim, '굴림';border:1px solid #d1d1d1;background:#fff}
.sms_bx .cp_bx .cp .text > textarea {padding:3px 3px;margin:0;width:202px;resize:none;min-height: 261px;line-height: 15px;font-size: 12px;color: #000;font-family: gulim, '굴림';border: 0;background: transparent;overflow:hidden; overflow-y:auto;}
.sms_bx .cp_bx .cp .byte {padding-left:8px;color:#e76700;letter-spacing:-0.5px;}
.sms_bx .cp_bx .cp .byte > #msg_sign {color:#e76700; font-weight:800}
.sms_bx .cp_bx .cp .byte span.msg_bytes {padding:3px 2px 0 2px;width:30px;height: 25px;line-height: 25px;font-size: 12px;font-family: gulim, '굴림';font-weight:800;text-align:right;color:#e76700;border:0;background: transparent;}
.sms_bx .cp_bx .cp .byte span.limit_bytes {color:#000;font-weight:normal !important}
.sms_bx .cp_bx .cp .byte a.s_btn {float:right;margin-right:8px}

.sms_bx .cp_bx .cp .button {text-align:center;margin-top:20px;}
.sms_bx .cp_bx .cp .button a {display:inline-block;margin:0 1px;width:65px;height:30px;line-height:30px;font-size:12px;font-weight:800;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#fff; background:#74858e}
.sms_bx .cp_bx .cp .button a:hover {background:#64727a}
.sms_bx .cp_bx .cp .call_num {margin:10px 0}
.sms_bx .cp_bx .cp .call_num > span {font-size:13px;padding:5px 10px 0 5px}
.sms_bx .cp_bx .cp .call_num > select {width:136px;padding:1px 2px;height:22px;font-size: 12px;color: #333;line-height:22px;vertical-align:middle;border:1px solid #ccc;cursor:pointer;}
.sms_bx .cp_bx .cp .call_num > p {margin-left:5px}
.sms_bx .cp_bx .cp .call_num > p input {width:98px;background:#565b5e;font-size:12px;letter-spacing:-1px;text-align:center;padding:7px 0 8px 0;color:#fff;margin:10px 1px 0 1px;border:0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.sms_bx .cp_bx .cp .call_num > p input:hover {background:#000}
.sms_bx .cp_bx .msg_icon {position:absolute;top:18px;left:195px}

.sms_bx .send_bx {width:520px;float:right;margin-top:15px}

.sms_bx .send_bx .regi_mass {overflow:hidden;border-bottom:1px solid #e2e2e2;padding-bottom:10px}
.sms_bx .send_bx .regi_mass:after{clear:both;display:table;content:"";line-height:0}
.sms_bx .send_bx .regi_mass dt {font-size:15px; width:82px; float:left;color:#000;padding-top:5px}
.sms_bx .send_bx .regi_mass dd {float:left;width:430px;border:0px solid #000}
.sms_bx .send_bx .regi_mass dd input.add_list {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 }
.sms_bx .send_bx .regi_mass dd input.add_list:hover {background:#e3d9c7;}
.sms_bx .send_bx .regi_mass dd input.each_info {height:20px;line-height:20px;color:#000; background:#f2f2f2 }

.file_sample {display:inline-block;background:#fff url(/images/common/bg_smpl.png) no-repeat 5px 7px; border:1px solid #cdc2b8;height:25px;ine-height:25px;color:#000;font-size:11px;font-family:dotum;letter-spacing:-0.8px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:0 2px 0 18px; vertical-align:middle;font-weight:600 }
.file_sample a.btn_fsmp {display:inline-block;margin:2px 1px;padding:0 3px;background:#7e7e7e; font-size:11px; height:21px; line-height:21px;color:#fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; text-align:center; font-weight:400}

.sms_bx .send_bx .regi_each {margin-top:10px; border-bottom:1px solid #e2e2e2;padding-bottom:10px}
.sms_bx .send_bx .regi_each dt {font-size:15px;color:#000; padding-bottom:10px}
.sms_bx .send_bx .regi_each dd { background:#f2f2f2; border:1px solid #dadada;padding:10px 0 10px 8px}
.sms_bx .send_bx .regi_each dd input.each_info {width:70px;height:23px;line-height:23px;color:#818181 }
.sms_bx .send_bx .regi_each dd input.each_num {width:110px;height:23px;line-height:23px;border:1px solid #f0edca;background:#fffee3}

.sms_bx .send_bx .receive_bx {margin-top:10px;overflow:hidden;position:relative}
.sms_bx .send_bx .receive_bx > p {margin-top:10px;font-size:15px;}
.sms_bx .send_bx .receive_bx > p > span {padding-left:10px;color:#666;font-size:14px}
.sms_bx .send_bx .receive_bx > p > span > em {color:#1f99d5;font-weight:bold;font-size:14px}
.sms_bx .send_bx .receive_bx  p.btn_del { position:absolute;top:0px;right:0px}

.sms_bx .send_bx .receive_bx .change_list {height:300px;margin-top:10px;background:#f1f1f1;border:1px solid #dadada}
/* 스크롤 */
.sms_bx .send_bx .receive_bx .change_list .sc_bx {width:100%;height:300px;overflow:auto}
.sms_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl {table-layout:fixed}
.sms_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl th {padding:7px 0; background:#7b7b7b; color:#fff}
.sms_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl th.merge { cursor:pointer}
.sms_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl td {height:25px; line-height:25px;padding:0 2px;border-bottom:1px solid #dadada;border-left:1px solid #dadada;text-align:center;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.sms_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl td:first-child {border-left:0;}
.sms_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl td.del a {display:block; height:25px;line-height:25px;font-size:11px;font-family:Arial;font-weight:bold;color:#aaa}
.sms_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl td.del a:hover {color:#000}
.sms_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl td.em {background:#fffee3}

.sms_bx .send_bx .receive_bx .change_list .ctop ul {padding:7px 0;overflow:hidden;background:#7b7b7b;border:1px solid #bbb;padding-right:18px}
.sms_bx .send_bx .receive_bx .change_list .ctop ul li {float:left;width:15%;color:#fff;text-align:center;}
.sms_bx .send_bx .receive_bx .change_list .ctop ul li:hover, .sms_bx .send_bx .receive_bx .change_list .ctop ul li > span:hover {color:#9ee9ff;cursor:pointer}
.sms_bx .send_bx .receive_bx .change_list .ctop ul li > span {color:#fff}
.sms_bx .send_bx .receive_bx .change_list .ctop ul li.c1 {width:10%}
.sms_bx .send_bx .receive_bx .change_list .ctop ul li.c2 {width:22%;}
.sms_bx .send_bx .receive_bx .change_list .ctop ul li.c7 {width:8%}
.sms_bx .send_bx .receive_bx .change_list .cnum {max-height:269px; overflow:hidden;border-left:1px solid #dadada;border-right:1px solid #dadada;border-bottom:1px solid #dadada;background:#f2f2f2;overflow:hidden;overflow-y:auto}
.sms_bx .send_bx .receive_bx .change_list .cnum ol {clear:both;position:relative;overflow:hidden;}
.sms_bx .send_bx .receive_bx .change_list .cnum ol li {float:left; width:15%; height:28px;line-height:28px;text-align:center;color:#7b7b7b;font-size:11px;vertical-align:middle;background:url(/images/message/line_excel.png) repeat-y top right;border-top:1px solid #fff;border-bottom:1px solid #ccc;white-space:nowrap; overflow:hidden;}
.sms_bx .send_bx .receive_bx .change_list .cnum ol li:last-child {background:none}
.sms_bx .send_bx .receive_bx .change_list .cnum ol li.c1 {width:10%}
.sms_bx .send_bx .receive_bx .change_list .cnum ol li.c2 {width:22%; background:#fffee3 url(/images/message/line_excel.png) repeat-y top right;font-size:11px;}
.sms_bx .send_bx .receive_bx .change_list .cnum ol li.c7 {width:8%}
.sms_bx .send_bx .receive_bx .change_list .cnum ol li.c7 a {display:block; height:25px;line-height:25px;font-size:11px;font-family:Arial;font-weight:bold;color:#aaa}
.sms_bx .send_bx .receive_bx .change_list .cnum ol li.c7 a:hover {color:#000}
.sms_bx .send_bx .receive_bx .change_list .cnum ol li div {line-height:25px; font-size:11px;color:#000;cursor:default}

.sms_bx .send_bx .sum {padding:0 0 15px 0;border-bottom:1px solid #d5d5d5;overflow:hidden}
.sms_bx .send_bx .sum p {float:right;height:20px;background:url(/images/message/bg_totalcost.png) no-repeat;font-size:16px;padding-left:30px}

.last_msg {overflow:hidden; margin-top:20px}
.last_msg ul li {margin:0 20px 20px 0 !important; float:left}
.last_msg ul:after{clear:both;display:table;content:"";line-height:0}
.last_msg ul li:last-child {margin-right:0;}
.last_msg ul li .last_bx {width:208px !important;}/*width:172px;*/
.last_msg ul li .last_bx p.date {background:url(/images/message/bg_last.png) no-repeat 10px 7px;border-top:1px solid #dbe0e9;border-left:1px solid #dbe0e9;border-right:1px solid #dbe0e9;text-align:right;padding:8px; font-size:11px;font-weight:800;}
.last_msg ul li .last_bx textarea {border:1px solid #dbe0e9;background:#edf1fa;width:202px !important /*width:166px*/; height:120px;font-size:12px;line-height:15px;font-family: gulim, '굴림' !important;padding:2px;overflow-y:auto;overflow:hidden}
.last_msg ul li .last_bx p.last_btn {background:#7c7f84;position:relative;padding:2px 0;width:100%;height:18px;}
.last_msg ul li .last_bx p.last_btn input {color:#fff; font-size:11px;border:0;background:transparent;font-family:"돋움체";padding-right:6px;}
.last_msg ul li .last_bx p.last_btn span {position:absolute;top:2px;right:0px;}
.last_msg ul li .last_bx p.date span.week1{color:#cb0000 !important}
.last_msg ul li .last_bx p.date span.week2,
.last_msg ul li .last_bx p.date span.week3,
.last_msg ul li .last_bx p.date span.week4,
.last_msg ul li .last_bx p.date span.week5,
.last_msg ul li .last_bx p.date span.week6{color:#555 !important}
.last_msg ul li .last_bx p.date span.week7{color:#0080e3 !important}

.recom_sms {margin-top:20px}
.last_msg .tab_sms {overflow:hidden;border-bottom:1px solid #b1b1b1;margin-bottom:15px;}
.last_msg .tab_sms li {float:left; padding:5px 15px !important;border-right:1px solid #bdcbd4;font-size:13px;letter-spacing:-0.5px;margin:0 0 15px 0 !important}
.last_msg .tab_sms li a:hover {color:#f27d00}
.last_msg .tab_sms li.sel {color:#0091d8;font-weight:bold}
.last_msg .tab_sms li.sel a {color:#f27d00;font-weight:bold}
.last_msg .tab_sms li:last-child {border:none}

.recom_lms {margin-top:20px}
.recom_lms ul.tab_lms {overflow:hidden; border-bottom:1px solid #b1b1b1; padding-bottom:15px;}
.recom_lms ul.tab_lms li {float:left; padding:5px 14px; border-right:1px solid #bdcbd4; font-size:13px; letter-spacing:-0.5px;}
.recom_lms ul.tab_lms li a:hover {color:#0091d8}
.recom_lms ul.tab_lms li.sel {color:#0091d8; font-weight:bold}
.recom_lms ul.tab_lms li.sel a {color:#0091d8;font-weight:bold}
.recom_lms ul.tab_lms li:last-child {border:none}

/* 미리보기 */
.preview_sms {width:241px;height:509px;margin:0 auto;background:url(/images/message/bg_cp_sms_preview.png) no-repeat; overflow:hidden}
.preview_sms .cp_pre {width:209px;margin:55px 0 0 16px}
.preview_sms .cp_pre .text {width:100%;overflow: hidden;height:370px}
.preview_sms .cp_pre .text input {margin-bottom:6px;padding:0 3px;width:208px;height:31px;line-height:31px;font-size:12px;color:#000;font-family:gulim, '굴림';border:1px solid #d1d1d1;background:#fff}
.preview_sms .cp_pre .text textarea {padding:3px 3px;margin:0;width:100%;min-height:330px;line-height:15px;font-size:12px;color:#000;font-family:gulim, '굴림';border:0;background:transparent;overflow:hidden;overflow-y:auto;}
.preview_sms .cp_pre .text .msg_con {padding:3px 3px;margin:0;width:98%;min-height:330px;height:330px;line-height:15px;font-size:12px;color:#000;font-family:gulim, '굴림';border:0;overflow:hidden; overflow-y:auto;}
.preview_sms .cp_pre .text .msg_con > div {width:100%}
.preview_sms .cp_pre .text .msg_con > div img {width:100%}

/* sms end */


/* mms **/

.mms_bx {padding-top:30px; position:relative;}
.mms_bx:after{clear:both;display:table;content:"";line-height:0}

.mms_bx .cp_bx {width:245px; height:582px; float:left; background:url(/images/message/bg_cp_mms.png) no-repeat; }
.mms_bx .cp_bx .cp {width:209px;margin:55px 0 0 17px;}
.mms_bx .cp_bx .cp .text {width:100%;overflow: hidden;height:300px;}
.mms_bx .cp_bx .cp .text > input {margin-bottom:6px;padding:0 3px;width:201px;height:30px;line-height:30px;font-size:12px;color:#000;font-family: gulim, '굴림';border:1px solid #d1d1d1;background:#fff}
.mms_bx .cp_bx .cp .text .multy {position:relative;width:208px;height:255px;overflow-x:hidden;overflow-y:auto; border:0px solid #000}
.mms_bx .cp_bx .cp .text .multy .mms_img_preview img {width:98%; text-align:center;padding-bottom:1px}
.mms_bx .cp_bx .cp .text .multy .isSel {border:1px solid #008000} /* 문자에 추가한 이미지 선택했을때 */
.mms_bx .cp_bx .cp .text .multy .isUnSel {border:1px solid #FFFFFF} /* 문자에 추가한 이미지 선택을 해지했을떄 */
.mms_bx .cp_bx .cp .text .multy > textarea {padding:3px 3px;margin:0;width:202px;height:240px;resize:none;line-height:15px;font-size:12px;color: #000;font-family: gulim, '굴림';background:transparent;border:0;overflow:hidden;WORD-BREAK:break-all;}
.mms_bx .cp_bx .cp .mms_img {overflow:hidden; margin-top:10px; width:100%}
/*.mms_bx .cp_bx .cp .mms_img > div {width:58px; height:86px; border:1px solid #d3d3d3; background:#ececec url(/images/message/bg_mms_imgtxt.png) no-repeat 50% 35px; margin-left:15px;}*/
.mms_bx .cp_bx .cp .mms_img > ul {margin-left:5px}
.mms_bx .cp_bx .cp .mms_img > ul:after{clear:both;display:table;content:"";line-height:0}
.mms_bx .cp_bx .cp .mms_img > ul li {margin-bottom:3px; float:left}
.mms_bx .cp_bx .cp .mms_img > ul li.btn_addimg label {display:block;width:81px;height:30px;line-height:30px;padding-left:18px;text-align:center;background:#504542 url(/images/message/bg_imgbtn_01.png) no-repeat 8px 5px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;color:#fff;cursor: pointer;}
.mms_bx .cp_bx .cp .mms_img > ul li.btn_addimg input[type=file] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
/*.mms_bx .cp_bx .cp .mms_img > ul li input.btn_addimg {width:80px; background:#504542;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:5px 0; color:#fff;border:0} */
.mms_bx .cp_bx .cp .mms_img > ul li a.btn_edtimg {display:block;width:81px;height:30px;line-height:30px;padding-left:18px;background:#504542 url(/images/message/bg_imgbtn_02.png) no-repeat 8px 5px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; color:#fff;text-align:center; margin-left:2px}
.mms_bx .cp_bx .cp .byte {padding-left:8px;color:#e76700; letter-spacing:-0.5px;}
.mms_bx .cp_bx .cp .byte > #msg_sign {color:#e76700; font-weight:800}
.mms_bx .cp_bx .cp .byte span.msg_bytes {padding:3px 2px 0 2px;width:30px;height:25px;line-height:25px;font-size:12px;font-family:gulim, '굴림';font-weight:800;text-align:right;color:#e76700;border:0;background: transparent;}
.mms_bx .cp_bx .cp .byte span.limit_bytes {color:#000;font-weight:normal !important}
.mms_bx .cp_bx .cp .byte a.s_btn {float:right;margin-right:8px}

.mms_bx .cp_bx .cp .button {text-align:center;margin-top:5px;}
.mms_bx .cp_bx .cp .button a {display:inline-block;margin:0 1px;width:65px;height:25px;line-height:25px;font-size:12px;font-weight:800;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#fff; background:#74858e; }
.mms_bx .cp_bx .cp .button a:hover {background:#64727a}
.mms_bx .cp_bx .cp .call_num {margin:10px 0}
.mms_bx .cp_bx .cp .call_num > span {font-size:13px; padding:5px 10px 0 5px}
.mms_bx .cp_bx .cp .call_num > select {width:136px;padding:1px 2px;height:22px;font-size: 12px;color: #333;line-height: 22px;vertical-align: middle; border: 1px solid #ccc;cursor: pointer;}
.mms_bx .cp_bx .cp .call_num > p {margin-left:5px}
.mms_bx .cp_bx .cp .call_num > p input {width:98px;background:#565b5e; font-size:12px; letter-spacing:-1px;text-align:center; padding:7px 0 8px 0; color:#fff; margin:10px 1px 0 1px; border:0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px }
.mms_bx .cp_bx .cp .call_num > input:hover {background:#000}
.mms_bx .cp_bx .msg_icon {position:absolute; top:18px; left:195px}

.mms_bx .send_bx {width:520px; float:right; margin-top:15px}
.mms_bx .send_bx .regi_mass {overflow:hidden; border-bottom:1px solid #e2e2e2; padding-bottom:10px}
.mms_bx .send_bx .regi_mass:after{clear:both;display:table;content:"";line-height:0}
.mms_bx .send_bx .regi_mass dt {font-size:15px; width:82px; float:left; color:#000; padding-top:5px}
.mms_bx .send_bx .regi_mass dd {float:left; width:425px;}
.mms_bx .send_bx .regi_mass dd input.add_list {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 }
.mms_bx .send_bx .regi_mass dd input.add_list:hover {background:#e3d9c7;}
.mms_bx .send_bx .regi_mass dd input.each_info {height:20px;line-height:20px;color:#000; background:#f2f2f2 }

.mms_bx .send_bx .regi_each {margin-top:10px; border-bottom:1px solid #e2e2e2;padding-bottom:10px}
.mms_bx .send_bx .regi_each dt {font-size:15px;color:#000; padding-bottom:10px}
.mms_bx .send_bx .regi_each dd { background:#f2f2f2; border:1px solid #dadada; padding:10px 0 10px 8px}
.mms_bx .send_bx .regi_each dd input.each_info {width:70px;height:23px;line-height:23px; color:#818181 }
.mms_bx .send_bx .regi_each dd input.each_num {width:110px;height:23px;line-height:23px; border:1px solid #f0edca;background:#fffee3}

.mms_bx .send_bx .receive_bx {margin-top:10px; overflow:hidden; position:relative}
.mms_bx .send_bx .receive_bx > p {margin-top:10px; font-size:15px;}
.mms_bx .send_bx .receive_bx > p > span {padding-left:10px; color:#000}
.mms_bx .send_bx .receive_bx > p > span > em {color:#1f99d5; font-weight:bold}
.mms_bx .send_bx .receive_bx  p.btn_del { position:absolute; top:0px; right:0px}

.mms_bx .send_bx .receive_bx .change_list {height:300px;margin-top:10px; background:#f1f1f1;border:1px solid #dadada}
/* 스크롤 */
.mms_bx .send_bx .receive_bx .change_list .sc_bx {width:100%;height:300px;overflow:auto;background:#f1f1f1; }
.mms_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl {table-layout: fixed}
.mms_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl tr:hover {background:#fff}
.mms_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl th {padding:7px 0; background:#7b7b7b; color:#fff}
.mms_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl th.merge {cursor:pointer}
.mms_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl td {height:25px; line-height:25px;padding:0 2px;border-bottom:1px solid #dadada;border-left:1px solid #dadada;text-align:center;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.mms_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl td:first-child {border-left:0;}
.mms_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl td.del a {display:block; height:25px; line-height:25px; font-size:11px; font-family:Arial; font-weight:bold; color:#aaa}
.mms_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl td.del a:hover {color:#000}
.mms_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl td.em {background:#fffee3}
.mms_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl td.em:hover {background:#fff}

.mms_bx .send_bx .receive_bx .change_list .ctop ul {padding:7px 0;overflow:hidden; background:#7b7b7b;border:1px solid #bbb; padding-right:18px}
.mms_bx .send_bx .receive_bx .change_list .ctop ul li {float:left;width:15%;color:#fff;text-align:center;}
.mms_bx .send_bx .receive_bx .change_list .ctop ul li:hover, 
.mms_bx .send_bx .receive_bx .change_list .ctop ul li > span:hover {color:#9ee9ff;cursor:pointer}
.mms_bx .send_bx .receive_bx .change_list .ctop ul li > span {color:#fff}
.mms_bx .send_bx .receive_bx .change_list .ctop ul li.c1 {width:10%}
.mms_bx .send_bx .receive_bx .change_list .ctop ul li.c2 {width:22%;}
.mms_bx .send_bx .receive_bx .change_list .ctop ul li.c7 {width:8%}

.mms_bx .send_bx .receive_bx .change_list .cnum {max-height:269px;overflow:hidden;border-left:1px solid #dadada;border-right:1px solid #dadada;border-bottom:1px solid #dadada;background:#f2f2f2;overflow:hidden;overflow-y:auto;}
.mms_bx .send_bx .receive_bx .change_list .cnum ol {clear:both;position:relative; overflow:hidden;}
.mms_bx .send_bx .receive_bx .change_list .cnum ol li {float:left; width:15%; height:28px; line-height:28px; text-align:center; color:#7b7b7b; font-size:11px; vertical-align:middle; background:url(/images/message/line_excel.png) repeat-y top right; border-top:1px solid #fff;border-bottom:1px solid #ccc;white-space:nowrap; overflow:hidden;}
.mms_bx .send_bx .receive_bx .change_list .cnum ol li:last-child {background:none}
.mms_bx .send_bx .receive_bx .change_list .cnum ol li.c1 {width:10%}
.mms_bx .send_bx .receive_bx .change_list .cnum ol li.c2 {width:22%; background:#fffee3 url(/images/message/line_excel.png) repeat-y top right;font-size:11px;}
.mms_bx .send_bx .receive_bx .change_list .cnum ol li.c7 {width:8%}
.mms_bx .send_bx .receive_bx .change_list .cnum ol li.c7 a {display:block; height:25px; line-height:25px; font-size:11px; font-family:Arial; font-weight:bold; color:#aaa}
.mms_bx .send_bx .receive_bx .change_list .cnum ol li.c7 a:hover {color:#000}
.mms_bx .send_bx .receive_bx .change_list .cnum ol li div {line-height:25px; font-size:11px; color:#000; cursor:default}
.mms_bx .send_bx .sum {padding:0 0 15px 0; border-bottom:1px solid #d5d5d5 ; overflow:hidden}
.mms_bx .send_bx .sum p {float:right; height:20px; background:url(/images/message/bg_totalcost.png) no-repeat; font-size:16px; padding-left:30px}

.mms_edit {width:272px; height:502px;position:absolute; top:5px; left:260px; z-index:400;background:url(/images/message/bg_mmsedit.png) no-repeat}
.mms_edit .mms_edit_bx {width:240px;margin:15px 0 0 15px}
.mms_edit .mms_edit_bx .mms_edit_tit {position:relative;font-size:14px;color:#9c9c9c;padding:3px 0 8px 15px; margin-bottom:10px;background:url(/images/message/bl_edit.png) no-repeat 0 3px}
.mms_edit .mms_edit_bx .mms_edit_tit a {position:absolute; top:0; right:0}

.mms_edit .mms_edit_bx .btn_area {padding:5px 0 10px 0; overflow:hidden}
.mms_edit .mms_edit_bx .btn_area li {height:20px;line-height:20px;color:#fff;font-size:11px;}
.mms_edit .mms_edit_bx .btn_area li.reset {float:left;}
.mms_edit .mms_edit_bx .btn_area li.reset a {color:#fff; display:block; background:url(/images/message/icon_reset.png) no-repeat 0 3px; padding-left:20px}
.mms_edit .mms_edit_bx .btn_area li.file {float:right;text-align:center;}
.mms_edit .mms_edit_bx .btn_area li.file label {display:inline-block;width:80px;height:20px;line-height:20px;color: #fff;font-size:11px;vertical-align: middle; cursor: pointer;background:#da8551;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.mms_edit .mms_edit_bx .btn_area li.file input[type=file] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.mms_edit .mms_edit_bx .mms_edit_img {background:#ececec; height:360px; }
.mms_edit .mms_edit_bx .mms_edit_img > ul {width:157px; padding:100px 0 0 40px;}
.mms_edit .mms_edit_bx .mms_edit_img > ul li {font-size:15px; line-height:22px;text-align:center; margin-bottom:10px;}
.mms_edit .mms_edit_bx .mms_edit_img > ul li.file2 {height:45px;line-height:45px !important; font-size:14px; color:#fff; text-align:center;background:url(/images/message/btn_mms_regimg.png) no-repeat 0 0px}
.mms_edit .mms_edit_bx .mms_edit_img > ul li.file2 label {display:inline-block;width:157px;height:45px;line-height:45px;color: #fff;font-size:14px;vertical-align: middle; cursor: pointer;}
.mms_edit .mms_edit_bx .mms_edit_img > ul li.file2 input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}

.mms_edit .mms_edit_bx .btn_area2  {padding:5px 0 10px 0; overflow:hidden; margin-top:5px}
.mms_edit .mms_edit_bx .btn_area2 li {height:20px;line-height:20px;color:#fff;font-size:11px;}
.mms_edit .mms_edit_bx .btn_area2 li.add_txt {float:left; color:#fff;}
.mms_edit .mms_edit_bx .btn_area2 li.add_txt a {color:#fff;}
.mms_edit .mms_edit_bx .btn_area2 li.edit_fin {float:right}
.mms_edit .mms_edit_bx .btn_area2 li.edit_fin span {color:#a68c85; padding-right:10px}
.mms_edit .mms_edit_bx .btn_area2 li.edit_fin input.btn_editfin {height:20px;line-height:20px;vertical-align: middle;letter-spacing:-0.5px;width:50px;color: #fff;font-size:12px;background:#da8551;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border:0}

.recom_mms {margin-top:20px}
.recom_mms ul.tab_mms {overflow:hidden; border-bottom:1px solid #b1b1b1; padding-bottom:15px;}
.recom_mms ul.tab_mms li {float:left; padding:5px 14px; border-right:1px solid #bdcbd4; font-size:13px; letter-spacing:-0.5px;}
.recom_mms ul.tab_mms:after {clear:both;display:table;content:"";line-height:0}
.recom_mms ul.tab_mms li a:hover {color:#f27d00}
.recom_mms ul.tab_mms li.sel {color:#f27d00; font-weight:bold}
.recom_mms ul.tab_mms li.sel a {color:#f27d00;font-weight:bold}
.recom_mms ul.tab_mms li:last-child {border:none}
.recom_mms ul.recom_socate {overflow:hidden;border-bottom:1px dashed #b1b1b1; padding:10px 0; background:#f0f0f0;}
.recom_mms ul.recom_socate li {float:left; padding:5px 14px 5px 16px; font-size:13px; letter-spacing:-0.5px; background:url(/images/common/icon_arrow.png) no-repeat 5px 10px;}
.recom_mms ul.recom_socate li:first-child {margin-left:10px;}
.recom_mms ul.recom_socate li a {color:#666;}
.recom_mms ul.recom_socate li.sel a {font-weight:600; color:#000}

/* mms에서 저장한문자*/
.recom_mms ul.save_bx li {margin:0 20px 20px 0 !important; float:left}
.recom_mms ul.save_bx:after{clear:both;display:table;content:"";line-height:0}
.recom_mms ul.save_bx li:last-child {margin-right:0;}
.recom_mms ul.save_bx li .last_bx {width:208px !important;}/*width:172px;*/
.recom_mms ul.save_bx li .last_bx p.date { background:url(/images/message/bg_last.png) no-repeat 10px 7px; border-top:1px solid #dbe0e9; border-left:1px solid #dbe0e9;border-right:1px solid #dbe0e9; text-align:right; padding:8px; font-size:11px; font-weight:800;}
.recom_mms ul.save_bx li .last_bx textarea { border:1px solid #dbe0e9; background:#edf1fa; width:202px !important /*width:166px*/; height:120px; font-size:12px; line-height:15px; font-family: gulim, '굴림' !important; padding:2px;overflow-y:auto;overflow:hidden}
.recom_mms ul.save_bx li .last_bx p.last_btn { background:#7c7f84; position:relative; padding:2px 0;width:100%; height:18px;}
.recom_mms ul.save_bx li .last_bx p.last_btn input {color:#fff; font-size:11px; border:0; background:transparent; font-family:"돋움체"; padding-right:6px;}
.recom_mms ul.save_bx li .last_bx p.last_btn span { position:absolute; top:2px; right:0px;}
.recom_mms ul.save_bx li .last_bx p.date span.week1{color:#cb0000 !important}
.recom_mms ul.save_bx li .last_bx p.date span.week2,
.recom_mms ul.save_bx li .last_bx p.date span.week3,
.recom_mms ul.save_bx li .last_bx p.date span.week4,
.recom_mms ul.save_bx li .last_bx p.date span.week5,
.recom_mms ul.save_bx li .last_bx p.date span.week6{color:#555 !important}
.recom_mms ul.save_bx li .last_bx p.date span.week7{color:#0080e3 !important}


.recom_mms ul.recom_mmslist {overflow:hidden; margin-top:20px;}
.recom_mms ul.recom_mmslist:after {clear:both;display:table;content:"";line-height:0}
.recom_mms ul.recom_mmslist li {float:left;border:1px solid #c5c5c5; margin:0 25px 20px 0; position:relative}
.recom_mms ul.recom_mmslist li:last-child { margin:0}
.recom_mms ul.recom_mmslist li img {width:132px; height:200px; cursor:pointer}
.recom_mms ul.recom_mmslist li > p {width:100%; background:rgba(0,0,0,0.8); opacity:0.8; text-align:right; position:absolute; bottom:0; left:0;}
.recom_mms ul.recom_mmslist li > p > a {font-size:11px; color:#fff; font-weight:600; display:block; padding:5px}

/* 미리보기 */
.preview_mms {width:241px;height:559px;margin:0 auto;background:url(/images/message/bg_cp_mms_preview.png) no-repeat; overflow:hidden}
.preview_mms .cp_pre {width:209px;margin:55px 0 0 16px}
.preview_mms .cp_pre .text {width:100%;overflow: hidden;height:413px}
.preview_mms .cp_pre .text input {margin-bottom:6px;padding:0 3px;width:200px;height:31px;line-height:31px;font-size:12px;color:#000;font-family:gulim, '굴림';border:1px solid #d1d1d1;background:#fff}
.preview_mms .cp_pre .text textarea {padding:3px 3px;margin:0;width:97%;min-height:370px;line-height:15px;font-size:12px;color:#000;font-family:gulim, '굴림';border:0;background:transparent;overflow:hidden;overflow-y:auto;}
.preview_mms .cp_pre .text .msg_con {padding:3px 3px;margin:0;width:96%;min-height:365px;height:365px;line-height:15px;font-size:12px;color:#000;font-family:gulim, '굴림';border:0;overflow:hidden; overflow-y:auto;}
.preview_mms .cp_pre .text .msg_con > div {width:100%}
.preview_mms .cp_pre .text .msg_con > div img {width:100%}

/* mms end */

/* 특수문자 */
#letters{position:absolute;z-index:99;right:55px;top:80px;padding:10px;width:441px;border:3px solid #b0a09b;background:#f6f5f0}
#letters h3{position:relative;line-height:30px;font-size:12px; color:#883f17}
#letters h3 a{position:absolute;z-index:1;top:0;right:0;display:block;line-height:11px;font-size:11px;font-weight:400;color:#fff; background:#69615b; padding:3px 5px;border-radius:2px;-moz-border-radius:2px; -webkit-border-radius:2px;}
#letters > div{margin-bottom:10px}
#letters .special table{width:100%; background:#fff}
#letters .special td{width:21px;height:20px;font-size:12px;font-family:gulim,'굴림';text-align:center;vertical-align:middle;border:1px solid #ddd;cursor:pointer}
#letters .emoticon table{width:100%;background:#fff}
#letters .emoticon td{width:54px;height:20px;text-align:center;border:1px solid #ddd;cursor:pointer;font-size:13px;}

/* 포토 카테고리 */
.photo_cate {margin-top:20px}
.photo_cate ul.tab_photo {overflow:hidden; background:#ececec; border-top:3px solid #c1c1c1; padding-bottom:5px;}
.photo_cate ul.tab_photo li {float:left; padding:15px 14px; background:url(/images/message/line_ph.png) no-repeat top right; font-size:13px; letter-spacing:-0.5px;}
.photo_cate ul.tab_photo:after {clear:both;display:table;content:"";line-height:0}
.photo_cate ul.tab_photo li a:hover {color:#008ace}
.photo_cate ul.tab_photo li.sel {color:#0e9e66; font-weight:bold}
.photo_cate ul.tab_photo li.sel a {color:#0e9e66;font-weight:bold}
.photo_cate ul.tab_photo li:last-child {border:none; background:none}
.photo_cate ul.ph_socate {overflow:hidden;border-bottom:1px solid #ececec; padding:10px 0; background:#fff;}
.photo_cate ul.ph_socate li {float:left; padding:5px 14px 5px 16px; font-size:13px; letter-spacing:-0.5px; background:url(/images/message/icon_ph_arrow.png) no-repeat 5px 10px;}
.photo_cate ul.ph_socate li:first-child {margin-left:10px;}
.photo_cate ul.ph_socate li a {color:#555353;}
.photo_cate ul.ph_socate li.sel a {font-weight:600; color:#86ae2f}
.photo_cate ul.ph_list {overflow:hidden; margin-top:20px;}
.photo_cate ul.ph_list:after {clear:both;display:table;content:"";line-height:0}
.photo_cate ul.ph_list li {float:left;border:1px solid #c5c5c5; margin:0 25px 20px 0; position:relative}
.photo_cate ul.ph_list li:last-child { margin:0}
.photo_cate ul.ph_list li img {width:132px; height:200px; cursor:pointer}
.photo_cate ul.ph_list li > p {width:100%; background:rgba(0,0,0,0.8); opacity:0.8; text-align:right; position:absolute; bottom:0; left:0;}
.photo_cate ul.ph_list li > p > a {font-size:11px; color:#fff; font-weight:600; display:block; padding:5px}


/* 기간별 통계내역 */
.search_bx, .search_bx2 {border:5px solid #d1cbc9; background:#f1eeed; font-size:14px; padding:15px 0; text-align:center}
.search_bx span {padding-left:15px}
.inpt_calen {background:#fff; border:1px solid #c6c3c2; padding:3px 0}
.period_txt {margin:30px 0 10px 0; overflow:hidden; font-size:13px;}
.period_txt > span { display:inline-block;font-size:16px; line-height:28px; padding:0 0 0 40px; font-weight:600; color:#d93800; background:url(/images/message/icon_period_day.png) no-repeat}
.period_txt > a {float:right;}
.inpt_st {background:#fff; border:1px solid #c6c3c2; padding:0px 3px !important; font-size:16px !important; height:28px !important; line-height:28px !important}

.search_bx2 {border:5px solid #d1cbc9; background:#f1eeed; font-size:13px; padding:15px 15px;}
.search_bx2 > dl {overflow:hidden;}
.search_bx2 > dl:after{clear:both;display:table;content:"";line-height:0}
.search_bx2 > dl dt {float:left; width:100px; text-align:left; padding:8px 0 8px 10px; color:#736057; font-weight:bold}
.search_bx2 > dl dd {float:left; width:630px; text-align:left; padding:8px 0; border-bottom:1px dashed #b2aeac; color:#000;}
.search_bx2 > dl dd a.icon_day {display:inline-block; background:#4b4544; font-size:11px; letter-spacing:-0.5px; padding:5px 7px; color:#fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px }
.search_bx2 > dl dd span {padding-right:15px}
.search_bx2 > dl dd:last-child {border:0}

/* 주소록 */
.add_group_bx {border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;overflow:hidden;margin-bottom:30px}
.add_group {background:#d7d2cf;  overflow:hidden; padding:15px; margin:2px 0}
.add_group .grp_select {padding-bottom:10px;overflow:hidden}
.add_group .grp_select select {padding-left:5px; font-size:14px; font-weight:bold; border:1px solid #999}
.add_group .grp_regi {overflow:hidden; background:#efedec; border-top:1px dashed #b9b2ad;border-bottom:1px dashed #b9b2ad; padding:10px 5px; position:relative}
.add_group .grp_regi .fl {overflow:hidden; }
.add_group .grp_regi .fl > span {padding-right:18px}
.add_group .grp_regi .fl2 > span {float:left;padding-top:10px;padding-right:5px;}
.add_group .grp_regi .fl2 > input {margin:5px;}
.add_group .grp_regi .fl2 > input.btn_style_06 { position:absolute !important; top:3px !important; right:2px !important;}

.add_bx {border:5px solid #d5d0cb; padding:10px; margin-top:30px}
.add_bx > p:first-child {border-bottom:1px solid #dcdbd7}
.add_bx p {padding:10px 0; text-align:center}
.add_bx label {padding-right:10px}
.add_bx span {padding:0 10px}

/* 080 수신거부 */
.law_bx {margin:20px 0 30px 0;background:#f0ecea;border:1px solid #c8bebe;padding:15px 20px}
.law_bx dl dt {font-size:16px;font-weight:400;color:#41312d;padding:5px 0}
.law_bx dl dd {line-height:18px; font-size:13px}
.law_bx dl dd > a {display:block;width:150px;text-align:center;background:#423c3c;padding:5px 0; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px; font-size:11px; color:#fff; margin-top:5px}

.ser_bx {margin-top:15px; border:1px solid #e4e4e4;}
.ser_bx > dl {padding:30px 40px 0 40px;}
.ser_bx > dl dt {font-size:18px; font-weight:600; color:#ce7c12; padding:5px 0 5px 50px}
.ser_bx > dl dt.num01 {background:url(/images/message/rej_intro_num01.png) no-repeat}
.ser_bx > dl dt.num02 {background:url(/images/message/rej_intro_num02.png) no-repeat}
.ser_bx > dl dt.num03 {background:url(/images/message/rej_intro_num03.png) no-repeat}
.ser_bx > dl dt.num04 {background:url(/images/message/rej_intro_num04.png) no-repeat}
.ser_bx > dl dd {padding:10px 0 30px 50px; font-size:14px; margin-bottom:30px; border-bottom:1px dashed #d2d2d2}
.ser_bx > dl dd > p {padding-top:10px}
.ser_bx > dl dd:last-child {border:0}

.process_bx {border:1px solid #e0e0e0; background:#ededed; text-align:center; padding:15px 0}
.process_down_bx {margin-top:35px; text-align:center; font-size:16px}
.process_down_bx > p {padding-bottom:10px}
.process_down_bx > a {display:block; margin:0 auto; background:#515151 url(/images/message/icon_download.png) no-repeat 35px 13px; border:1px solid #2d2d2d;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;width:260px;color:#fff; padding:15px 0 15px 15px}
.process_down_bx .reject_tel {font-family:Arial; font-size:40px; font-weight:800; color:#000; margin-bottom:15px}
.process_down_bx .reject_tel > span {font-family:'Nanum Gothic'; font-size:20px; font-weight:600}
.process_down_bx .reject_contact {border-top:1px solid #000; border-bottom:1px solid #000; padding:20px 0; text-align:center}
.process_down_bx .reject_contact .tb_rej {width:560px !important; margin:0 auto}
.process_down_bx .reject_contact .tb_rej td {color:#000}

.rej_guide_bx {background:url(/images/message/rej_guide_02.png) no-repeat 20px 15px; padding:15px 0 25px 0; border-top:1px dashed #b8b8b8;border-bottom:1px dashed #b8b8b8; margin-top:25px;}
.rej_guide_bx dl {padding-left:180px;}
.rej_guide_bx dl dt {font-size:14px; font-weight:bold;padding:10px 5px }
.rej_guide_bx dl dd {font-size:14px; line-height:25px}
.rej_guide_txt {margin-top:35px; font-size:16px; font-weight:600; line-height:28px}
.rej_guide_txt span > a {color:#1f99d5}


.cost_txt {font-size:16px; line-height:28px}
.cost_txt span {color:#927770; font-size:18px;font-weight:600}

.cost_bx {margin:20px 0; background:#808080; padding:10px 10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.cost_bx dl {overflow:hidden; }
.cost_bx dl dt {float:left;width:70px;font-size:16px;padding:8px 0 8px 65px; color:#fff;background:url(/images/message/icon_cost.png) no-repeat 20px 0;}
.cost_bx dl dd {float:left;width:550px;font-size:16px;padding:8px 0 8px 20px; color:#fff; background:url(/images/message/line_cost.png) no-repeat 0 5px}
.cost_bx dl dd span.st_01 {color:#b9efff}
.cost_bx dl dd span.st_02 {color:#fee1ba}

.src_sendnum {padding:10px 0;text-align:center; border:1px solid #d0ccbe; background:#eeece6}
.sendnum_rslt {margin-top:20px; width:100%; max-height:330px; border:1px solid #ccc;overflow:hidden;overflow-y:auto;}
.sendnum_rslt > ul li {border-bottom:1px solid #ccc; padding:6px 10px; font-size:13px; position:relative}
.sendnum_rslt > ul li:hover {background:#f8f8f8; color:#000}
.sendnum_rslt > ul li a {display:inline-block; background:#666; position:absolute; top:3px; right:10px;}

/* gw css */
.gw_rej_scrh {overflow:hidden;}

/* 검색 조회 박스 */
.search_survey {border:5px solid #d1cbc9; background:#f1eeed; font-size:13px; padding:15px 15px; position:relative}
.search_survey .src_bx {width:780px; position:relative;margin:0 auto}
.search_survey  dl {overflow:hidden; width:650px; }
.search_survey  dl:after{clear:both;display:table;content:"";line-height:0}
.search_survey  dl dt {float:left; width:100px; text-align:left; padding:8px 0 8px 10px; color:#736057; font-weight:bold; text-align:center}
.search_survey  dl dd {float:left; width:500px; text-align:left; padding:8px 0; border-bottom:1px dashed #b2aeac; color:#000;}
.search_survey  dl dd a.icon_day {display:inline-block; background:#4b4544; font-size:11px; letter-spacing:-0.5px; padding:5px 7px; color:#fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px }
.search_survey  dl dd span {padding-right:15px}
.search_survey  dl dd:last-child {border:0}

/* 카카오 알림톡 */
.alrim_bx {padding-top:30px; position:relative;}
.alrim_bx:after{clear:both;display:table;content:"";line-height:0}

.alrim_bx .cp_bx {width:270px; height:695px; float:left; background:url(/images/message/bg_cp_cacao.png) no-repeat; }
.alrim_bx .cp_bx .cp {width:242px;margin:13px 0 0 14px;}
.alrim_bx .cp_bx .cp .set {padding:7px 0}
.alrim_bx .cp_bx .cp .set a.btn_recp {display:inline-block;width:40px; height:13px; background:url(/images/coupon/btn_cp_reset.png) no-repeat; padding:0 0 0 20px;color:#575757;margin:0 20px 0 5px;font-size:11px;}
.alrim_bx .cp_bx .cp .talk_bx {width:240px; height:340px;overflow:hidden;margin-top:43px}
.alrim_bx .cp_bx .cp .talk_bx .descript {margin-top:130px;text-align:center;font-size:16px;line-height:22px; color:#000}
.alrim_bx .cp_bx .cp .talk_bx .descript > p {margin-top:15px; text-align:center}
.alrim_bx .cp_bx .cp .talk_bx .descript > p a.btn_tem {display:block; width:150px; padding:5px 0; margin:0 auto; text-align:center; background:#e3c32c; border:1px solid #c1a524}
.alrim_bx .cp_bx .cp .talk_bx .descript > p a.btn_tem:hover {background:#ebca2d}
.alrim_bx .cp_bx .cp .talk_bx .alrim_txt {overflow: hidden;margin:12px 10px 0 10px; background:#fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.alrim_bx .cp_bx .cp .talk_bx .alrim_txt dt {background:#fee800; text-align:center;padding:5px 0}
.alrim_bx .cp_bx .cp .talk_bx .alrim_txt dd {background:#f6f9fb;padding:10px 5px}
.alrim_bx .cp_bx .cp .talk_bx .alrim_txt dd > textarea {width:99%;min-height:250px;line-height:18px;font-size:12px;color:#000;font-family:gulim, '굴림';border:0;background:transparent;overflow:hidden;overflow-y:auto}
.alrim_bx .cp_bx .cp  p.sms_tit {font-size:13px; font-weight:600; padding:8px 0 5px 0;color:#000; text-align:center}
.alrim_bx .cp_bx .cp .text_talk_bx {border:1px solid #d1d1d1; background:#fff}
.alrim_bx .cp_bx .cp .text_talk_bx textarea {padding:3px 3px;margin:5px 0 0 0;width:234px;min-height:165px;line-height:15px;font-size:12px;color:#000;font-family:gulim, '굴림';border:0;background:transparent;overflow:hidden; overflow-y:auto;}
.alrim_bx .cp_bx .cp .talk_bx .text_talk_bx p.talk_byte {text-align:right; margin:0 10px;padding-top:5px;color:#000}
.alrim_bx .cp_bx .cp .talk_bx .text_talk_bx p.talk_byte > span {color:#F60; font-weight:600}

.alrim_bx .cp_bx .cp .text_talk_dis {border:1px solid #e3e3e3; background:#f4f4f4}
.alrim_bx .cp_bx .cp .text_talk_dis textarea {padding:3px 3px;margin:5px 0 0 0;width:234px;min-height:195px;line-height:15px;font-size:12px;color:#000;font-family:gulim, '굴림';border:0;background:transparent;overflow:hidden; overflow-y:auto;}
.alrim_bx .cp_bx .cp .text_talk_dis textarea::-webkit-input-placeholder {color:#e3e3e3 !important}
.alrim_bx .cp_bx .cp .text_talk_dis textarea:-moz-placeholder {color:#e3e3e3 !important}
.alrim_bx .cp_bx .cp .text_talk_dis textarea:-ms-input-placeholder {color:#e3e3e3 !important}
.alrim_bx .cp_bx .cp .text_talk_dis .byte {display:none}


/*.alrim_bx .cp_bx .cp .text {width:100%;overflow: hidden;height:300px;}
.alrim_bx .cp_bx .cp .text > input {margin-bottom:6px;padding:0 3px;width:201px;height:30px;line-height:30px;font-size:12px;color:#000;font-family: gulim, '굴림';border:1px solid #d1d1d1;background:#fff}
.alrim_bx .cp_bx .cp .text .multy {position:relative;width:208px;height:255px;overflow-x:hidden;overflow-y:auto; border:0px solid #000}
.alrim_bx .cp_bx .cp .text .multy .mms_img_preview img {width:98%; text-align:center;padding-bottom:1px}*/
/* .alrim_bx .cp_bx .cp .text .multy .isSel {border:1px solid #008000} 문자에 추가한 이미지 선택했을때 */
/*.alrim_bx .cp_bx .cp .text .multy .isUnSel {border:1px solid #FFFFFF}  문자에 추가한 이미지 선택을 해지했을떄 */
/*.alrim_bx .cp_bx .cp .text .multy > textarea {padding:3px 3px;margin:0;width:202px;height:240px;resize:none;line-height:15px;font-size:12px;color: #000;font-family: gulim, '굴림';background:transparent;border:0;overflow:hidden;WORD-BREAK:break-all;}
.alrim_bx .cp_bx .cp .mms_img {overflow:hidden; margin-top:10px; width:100%}

.alrim_bx .cp_bx .cp .mms_img > ul {margin-left:5px}
.alrim_bx .cp_bx .cp .mms_img > ul:after{clear:both;display:table;content:"";line-height:0}
.alrim_bx .cp_bx .cp .mms_img > ul li {margin-bottom:3px; float:left}
.alrim_bx .cp_bx .cp .mms_img > ul li.btn_addimg label {display:block;width:81px;height:30px;line-height:30px;padding-left:18px;text-align:center;background:#504542 url(/images/message/bg_imgbtn_01.png) no-repeat 8px 5px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;color:#fff;cursor: pointer;}
.alrim_bx .cp_bx .cp .mms_img > ul li.btn_addimg input[type=file] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}

.alrim_bx .cp_bx .cp .mms_img > ul li a.btn_edtimg {display:block;width:81px;height:30px;line-height:30px;padding-left:18px;background:#504542 url(/images/message/bg_imgbtn_02.png) no-repeat 8px 5px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; color:#fff;text-align:center; margin-left:2px} */
.alrim_bx .cp_bx .cp .byte {padding-left:8px;color:#e76700; letter-spacing:-0.5px;margin-top:3px}
.alrim_bx .cp_bx .cp .byte > #msg_sign {color:#e76700; font-weight:800}
.alrim_bx .cp_bx .cp .byte span.msg_bytes {padding:3px 2px 0 2px;width:30px;height:25px;line-height:25px;font-size:12px;font-family:gulim, '굴림';font-weight:800;text-align:right;color:#e76700;border:0;background: transparent;}
.alrim_bx .cp_bx .cp .byte span.limit_bytes {color:#000;font-weight:normal !important}
.alrim_bx .cp_bx .cp .byte a.s_btn {float:right;margin-right:8px}

.alrim_bx .cp_bx .cp .button {text-align:center;margin-top:10px;}
.alrim_bx .cp_bx .cp .button a {display:inline-block;margin:0 1px;width:72px;height:25px;line-height:25px;font-size:12px;font-weight:800;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#fff; background:#74858e; }
.alrim_bx .cp_bx .cp .button a:hover {background:#64727a}
.alrim_bx .cp_bx .cp .call_num {margin:10px 0}
.alrim_bx .cp_bx .cp .call_num > span {font-size:13px; padding:5px 10px 0 10px;}
.alrim_bx .cp_bx .cp .call_num > select {width:160px;padding:1px 2px;height:22px;font-size: 12px;color: #333;line-height: 22px;vertical-align: middle; border: 1px solid #ccc;cursor: pointer;}
.alrim_bx .cp_bx .cp .call_num > p {margin-left:8px}
.alrim_bx .cp_bx .cp .call_num > p input {width:110px;background:#565b5e; font-size:12px; letter-spacing:-1px;text-align:center; padding:5px 0 8px 0; color:#fff; margin:10px 1px 0 1px; border:0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px }
.alrim_bx .cp_bx .cp .call_num > input:hover {background:#000}
.alrim_bx .cp_bx .msg_icon {position:absolute; top:18px; left:195px}

.alrim_bx .send_bx {width:490px; float:right; margin-top:5px}
.alrim_bx .send_bx h3 {margin-bottom:10px; padding-bottom:5px; border-bottom:1px dotted #9f9f9f;color:#5f2b2b;font-size:15px;font-weight:normal}
.alrim_bx .send_bx h3 > span {background:url(/images/coupon/bg_num.png) no-repeat; display:inline-block;width:36px;height:30px;line-height:30px;text-align:center;color:#fff;font-weight:normal;margin-right:10px}
.alrim_bx .set_alrim {overflow:hidden;margin-top:5px}
.alrim_bx .set_alrim dt {width:82px;height:25px;float:left;color:#a92617;font-size:14px;margin-bottom:3px;}
.alrim_bx .set_alrim dd {width:400px;height:25px;float:left;font-size:13px;line-height:18px;margin-bottom:3px;}
.alrim_bx .set_alrim dd > span {margin-left:15px}
.alrim_bx .send_bx .call_num > span {color:#a92617;font-size:14px; padding-right:15px}
.alrim_bx .send_bx .call_num > select {width:160px;padding:1px 2px;height:25px;font-size: 12px;color: #333;line-height: 22px;vertical-align: middle; border: 1px solid #ccc;cursor: pointer; vertical-align:middle}
.alrim_bx .send_bx .call_num > input {width:110px;background:#565b5e; font-size:12px; letter-spacing:-1px;text-align:center; padding:5px 0 8px 0; color:#fff; margin:0px 1px 0 1px; border:0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; vertical-align:middle }
.alrim_bx .send_bx .call_num > input:hover {background:#000}

.alrim_bx .send_bx .regi_mass {overflow:hidden; border-bottom:1px solid #e2e2e2; padding-bottom:5px}
.alrim_bx .send_bx .regi_mass:after{clear:both;display:table;content:"";line-height:0}
.alrim_bx .send_bx .regi_mass dt {font-size:15px; width:82px; float:left; color:#000; padding-top:5px}
.alrim_bx .send_bx .regi_mass dd {float:left; width:400px;}
.alrim_bx .send_bx .regi_mass dd input {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 }
.alrim_bx .send_bx .regi_mass dd input:hover {background:#e3d9c7;}

.alrim_bx .send_bx .regi_each {margin-top:5px; border-bottom:1px solid #e2e2e2;padding-bottom:5px}
.alrim_bx .send_bx .regi_each dt {font-size:15px;color:#000; padding-bottom:8px}
.alrim_bx .send_bx .regi_each dd { background:#f2f2f2; border:1px solid #dadada; padding:10px 0 10px 8px}
.alrim_bx .send_bx .regi_each dd input.each_info {width:73px;height:23px;line-height:23px; color:#818181;padding: 2px 0 2px 2px !important; }
.alrim_bx .send_bx .regi_each dd input.each_num {width:96px;height:23px;line-height:23px; border:1px solid #c4dde6; background:#e1f7ff;padding: 2px 0 2px 2px !important;}

.alrim_bx .send_bx .receive_bx {margin-top:10px; overflow:hidden; position:relative}
.alrim_bx .send_bx .receive_bx > p {margin-top:10px; font-size:15px;}
.alrim_bx .send_bx .receive_bx > p > span {padding-left:10px; color:#000}
.alrim_bx .send_bx .receive_bx > p > span > em {color:#1f99d5; font-weight:bold}
.alrim_bx .send_bx .receive_bx  p.btn_del { position:absolute; top:0px; right:0px}

.alrim_bx .send_bx .receive_bx .change_list {height:220px;margin-top:10px; background:#f1f1f1;border:1px solid #dadada}
/* 스크롤 */
.alrim_bx .send_bx .receive_bx .change_list .sc_bx {width:100%;height:220px;overflow:auto;background:#f1f1f1; }
.alrim_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl {table-layout: fixed}
.alrim_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl tr:hover {background:#fff}
.alrim_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl th {padding:7px 0; background:#7b7b7b; color:#fff}
.alrim_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl th.merge {cursor:pointer}
.alrim_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl td {height:25px; line-height:25px;padding:0 2px;border-bottom:1px solid #dadada;border-left:1px solid #dadada;text-align:center;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.alrim_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl td:first-child {border-left:0;}
.alrim_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl td.del a {display:block; height:25px; line-height:25px; font-size:11px; font-family:Arial; font-weight:bold; color:#aaa}
.alrim_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl td.del a:hover {color:#000}
.alrim_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl td.em {background:#f1fcff}
.alrim_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl td.em:hover {background:#fff}

.alrim_bx .send_bx .receive_bx .change_list .ctop ul {padding:7px 0;overflow:hidden; background:#7b7b7b;border:1px solid #bbb; padding-right:18px}
.alrim_bx .send_bx .receive_bx .change_list .ctop ul li {float:left;width:15%;color:#fff;text-align:center;}
.alrim_bx .send_bx .receive_bx .change_list .ctop ul li:hover, 
.alrim_bx .send_bx .receive_bx .change_list .ctop ul li > span:hover {color:#9ee9ff;cursor:pointer}
.alrim_bx .send_bx .receive_bx .change_list .ctop ul li > span {color:#fff}
.alrim_bx .send_bx .receive_bx .change_list .ctop ul li.c1 {width:10%}
.alrim_bx .send_bx .receive_bx .change_list .ctop ul li.c2 {width:22%;}
.alrim_bx .send_bx .receive_bx .change_list .ctop ul li.c7 {width:8%}

.alrim_bx .send_bx .receive_bx .change_list .cnum {max-height:269px;overflow:hidden;border-left:1px solid #dadada;border-right:1px solid #dadada;border-bottom:1px solid #dadada;background:#f2f2f2;overflow:hidden;overflow-y:auto;}
.alrim_bx .send_bx .receive_bx .change_list .cnum ol {clear:both;position:relative; overflow:hidden;}
.alrim_bx .send_bx .receive_bx .change_list .cnum ol li {float:left; width:15%; height:28px; line-height:28px; text-align:center; color:#7b7b7b; font-size:11px; vertical-align:middle; background:url(/images/message/line_excel.png) repeat-y top right; border-top:1px solid #fff;border-bottom:1px solid #ccc;white-space:nowrap; overflow:hidden;}
.alrim_bx .send_bx .receive_bx .change_list .cnum ol li:last-child {background:none}
.alrim_bx .send_bx .receive_bx .change_list .cnum ol li.c1 {width:10%}
.alrim_bx .send_bx .receive_bx .change_list .cnum ol li.c2 {width:22%; background:#f1fcff url(/images/message/line_excel.png) repeat-y top right;font-size:11px;}
.alrim_bx .send_bx .receive_bx .change_list .cnum ol li.c7 {width:8%}
.alrim_bx .send_bx .receive_bx .change_list .cnum ol li.c7 a {display:block; height:25px; line-height:25px; font-size:11px; font-family:Arial; font-weight:bold; color:#aaa}
.alrim_bx .send_bx .receive_bx .change_list .cnum ol li.c7 a:hover {color:#000}
.alrim_bx .send_bx .receive_bx .change_list .cnum ol li div {line-height:25px; font-size:11px; color:#000; cursor:default}
.alrim_bx .send_bx .sum {padding:15px 0; border-bottom:1px solid #d5d5d5 ; overflow:hidden}
.alrim_bx .send_bx .sum p {float:right; height:20px; background:url(/images/message/bg_totalcost.png) no-repeat; font-size:16px; padding-left:30px}

/* 카카오 친구톡 */
.frd_bx {padding-top:30px; position:relative;}
.frd_bx:after{clear:both;display:table;content:"";line-height:0}

.frd_bx .cp_bx {width:270px; height:695px; float:left; background:url(/images/message/bg_cp_cacao.png) no-repeat; }
.frd_bx .cp_bx .cp {width:242px;margin:13px 0 0 14px;}
.frd_bx .cp_bx .cp .set {padding:7px 0}
.frd_bx .cp_bx .cp .set a.btn_recp {display:inline-block;width:40px; height:13px; background:url(/images/coupon/btn_cp_reset.png) no-repeat; padding:0 0 0 20px;color:#575757;margin:0 20px 0 5px;font-size:11px;}
/* 말풍선모양*/
.frd_bx .cp_bx .cp .talk_bx {width:240px; height:340px;overflow:hidden;margin-top:43px}
.frd_bx .cp_bx .cp .talk_bx .frd_area {background:url(/images/message/bg_frd.png) no-repeat 0 10px; margin:15px 10px 0 10px}
.frd_bx .cp_bx .cp .talk_bx .frd_area .frd_txt {overflow: hidden;margin:0 0 0 9px;padding:5px;background:#f6f9fb;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.frd_bx .cp_bx .cp .talk_bx .frd_area .frd_txt > textarea {width:99%;min-height:285px;line-height:18px;font-size:12px;color:#000;font-family:gulim, '굴림';border:0;background:transparent;overflow:hidden;overflow-y:auto;}
/* 알림톡과 같은 모양*/
.frd_bx .cp_bx .cp .talk_bx .alrim_txt {overflow: hidden;margin:12px 10px 0 10px; background:#fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.frd_bx .cp_bx .cp .talk_bx .alrim_txt dt {background:#fee800; text-align:center;padding:5px 0}
.frd_bx .cp_bx .cp .talk_bx .alrim_txt dd {background:#f6f9fb;padding:10px 5px}
.frd_bx .cp_bx .cp .talk_bx .alrim_txt dd > textarea {width:99%;min-height:250px;line-height:18px;font-size:12px;color:#000;font-family:gulim, '굴림';border:0;background:transparent;overflow:hidden;overflow-y:auto}

.frd_bx .cp_bx .cp  p.sms_tit {font-size:13px; font-weight:600; padding:8px 0 5px 0;color:#000; text-align:center}
.frd_bx .cp_bx .cp .text_talk_bx {border:1px solid #d1d1d1; background:#fff}
.frd_bx .cp_bx .cp .text_talk_bx textarea {padding:3px 3px;margin:5px 0 0 0;width:234px;min-height:165px;line-height:15px;font-size:12px;color:#000;font-family:gulim, '굴림';border:0;background:transparent;overflow:hidden; overflow-y:auto;}
.frd_bx .cp_bx .cp .talk_bx .text_talk_bx p.talk_byte {text-align:right; margin:0 10px;padding-top:5px;color:#000}
.frd_bx .cp_bx .cp .talk_bx .text_talk_bx p.talk_byte > span {color:#F60; font-weight:600}

.frd_bx .cp_bx .cp .text_talk_dis {border:1px solid #e3e3e3; background:#f4f4f4}
.frd_bx .cp_bx .cp .text_talk_dis textarea {padding:3px 3px;margin:5px 0 0 0;width:234px;min-height:195px;line-height:15px;font-size:12px;color:#000;font-family:gulim, '굴림';border:0;background:transparent;overflow:hidden; overflow-y:auto;}
.frd_bx .cp_bx .cp .text_talk_dis textarea::-webkit-input-placeholder {color:#e3e3e3 !important}
.frd_bx .cp_bx .cp .text_talk_dis textarea:-moz-placeholder {color:#e3e3e3 !important}
.frd_bx .cp_bx .cp .text_talk_dis textarea:-ms-input-placeholder {color:#e3e3e3 !important}
.frd_bx .cp_bx .cp .text_talk_dis .byte {display:none}


.frd_bx .cp_bx .cp .talk_bx p.talk_byte {text-align:right; margin:0 10px;padding-top:5px;color:#000}
.frd_bx .cp_bx .cp .talk_bx p.talk_byte > span {color:#F60; font-weight:600}
.frd_bx .cp_bx .cp .text_talk {padding:3px 3px;margin:5px 0 0 0;width:234px;min-height:125px;line-height:15px;font-size:12px;color:#000;font-family:gulim, '굴림';border:0;background:transparent;overflow:hidden; overflow-y:auto;}

/*.frd_bx .cp_bx .cp .text {width:100%;overflow: hidden;height:300px;}
.frd_bx .cp_bx .cp .text > input {margin-bottom:6px;padding:0 3px;width:201px;height:30px;line-height:30px;font-size:12px;color:#000;font-family: gulim, '굴림';border:1px solid #d1d1d1;background:#fff}
.frd_bx .cp_bx .cp .text .multy {position:relative;width:208px;height:255px;overflow-x:hidden;overflow-y:auto; border:0px solid #000}
.frd_bx .cp_bx .cp .text .multy .mms_img_preview img {width:98%; text-align:center;padding-bottom:1px}*/
/* .frd_bx .cp_bx .cp .text .multy .isSel {border:1px solid #008000} 문자에 추가한 이미지 선택했을때 */
/*.frd_bx .cp_bx .cp .text .multy .isUnSel {border:1px solid #FFFFFF}  문자에 추가한 이미지 선택을 해지했을떄 */
/*.frd_bx .cp_bx .cp .text .multy > textarea {padding:3px 3px;margin:0;width:202px;height:240px;resize:none;line-height:15px;font-size:12px;color: #000;font-family: gulim, '굴림';background:transparent;border:0;overflow:hidden;WORD-BREAK:break-all;}
.frd_bx .cp_bx .cp .mms_img {overflow:hidden; margin-top:10px; width:100%}

.frd_bx .cp_bx .cp .mms_img > ul {margin-left:5px}
.frd_bx .cp_bx .cp .mms_img > ul:after{clear:both;display:table;content:"";line-height:0}
.frd_bx .cp_bx .cp .mms_img > ul li {margin-bottom:3px; float:left}
.frd_bx .cp_bx .cp .mms_img > ul li.btn_addimg label {display:block;width:81px;height:30px;line-height:30px;padding-left:18px;text-align:center;background:#504542 url(/images/message/bg_imgbtn_01.png) no-repeat 8px 5px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;color:#fff;cursor: pointer;}
.frd_bx .cp_bx .cp .mms_img > ul li.btn_addimg input[type=file] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}

.frd_bx .cp_bx .cp .mms_img > ul li a.btn_edtimg {display:block;width:81px;height:30px;line-height:30px;padding-left:18px;background:#504542 url(/images/message/bg_imgbtn_02.png) no-repeat 8px 5px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; color:#fff;text-align:center; margin-left:2px} */
.frd_bx .cp_bx .cp .byte {padding-left:8px;color:#e76700; letter-spacing:-0.5px; margin-top:3px}
.frd_bx .cp_bx .cp .byte > #msg_sign {color:#e76700; font-weight:800}
.frd_bx .cp_bx .cp .byte span.msg_bytes {padding:3px 2px 0 2px;width:30px;height:25px;line-height:25px;font-size:12px;font-family:gulim, '굴림';font-weight:800;text-align:right;color:#e76700;border:0;background: transparent;}
.frd_bx .cp_bx .cp .byte span.limit_bytes {color:#000;font-weight:normal !important}
.frd_bx .cp_bx .cp .byte a.s_btn {float:right;margin-right:8px}

.frd_bx .cp_bx .cp .button {text-align:center;margin-top:10px;}
.frd_bx .cp_bx .cp .button a {display:inline-block;margin:0 1px;width:72px;height:25px;line-height:25px;font-size:12px;font-weight:800;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#fff; background:#74858e; }
.frd_bx .cp_bx .cp .button a:hover {background:#64727a}
.frd_bx .cp_bx .cp .call_num {margin:10px 0}
.frd_bx .cp_bx .cp .call_num > span {font-size:13px; padding:5px 10px 0 10px;}
.frd_bx .cp_bx .cp .call_num > select {width:160px;padding:1px 2px;height:22px;font-size: 12px;color: #333;line-height: 22px;vertical-align: middle; border: 1px solid #ccc;cursor: pointer;}
.frd_bx .cp_bx .cp .call_num > p {margin-left:8px}
.frd_bx .cp_bx .cp .call_num > p input {width:110px;background:#565b5e; font-size:12px; letter-spacing:-1px;text-align:center; padding:5px 0 8px 0; color:#fff; margin:10px 1px 0 1px; border:0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px }
.frd_bx .cp_bx .cp .call_num > input:hover {background:#000}
.frd_bx .cp_bx .msg_icon {position:absolute; top:18px; left:195px}

.frd_bx .send_bx {width:490px; float:right; margin-top:5px}
.frd_bx .send_bx h3 {margin-bottom:10px; padding-bottom:5px; border-bottom:1px dotted #9f9f9f;color:#5f2b2b;font-size:15px;font-weight:normal}
.frd_bx .send_bx h3 > span {background:url(/images/coupon/bg_num.png) no-repeat; display:inline-block;width:36px;height:30px;line-height:30px;text-align:center;color:#fff;font-weight:normal;margin-right:10px}
.frd_bx .set_alrim {overflow:hidden;margin-top:5px}
.frd_bx .set_alrim dt {width:82px;height:25px;float:left;color:#a92617;font-size:14px;margin-bottom:3px;}
.frd_bx .set_alrim dt.inner {color:#aa8d8a !important}
.frd_bx .set_alrim dd {width:400px;height:25px;float:left;font-size:13px;line-height:18px;margin-bottom:3px;}
.frd_bx .set_alrim dd > input {height:16px !important; line-height:16px !important; vertical-align:middle}
.frd_bx .set_alrim dd > span {margin-left:15px}
.frd_bx .send_bx .call_num > span {color:#a92617;font-size:14px; padding-right:15px}
.frd_bx .send_bx .call_num > select {width:160px;padding:1px 2px;height:25px;font-size: 12px;color: #333;line-height: 22px;vertical-align: middle; border: 1px solid #ccc;cursor: pointer; vertical-align:middle}
.frd_bx .send_bx .call_num > input {width:110px;background:#565b5e; font-size:12px; letter-spacing:-1px;text-align:center; padding:5px 0 8px 0; color:#fff; margin:0px 1px 0 1px; border:0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; vertical-align:middle }
.frd_bx .send_bx .call_num > input:hover {background:#000}
.frd_bx .send_bx .regi_mass {overflow:hidden; border-bottom:1px solid #e2e2e2; padding-bottom:0px}
.frd_bx .send_bx .regi_mass:after{clear:both;display:table;content:"";line-height:0}
.frd_bx .send_bx .regi_mass dt {font-size:15px; width:82px; float:left; color:#000; padding-top:5px}
.frd_bx .send_bx .regi_mass dd {float:left; width:400px;}
.frd_bx .send_bx .regi_mass dd input {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 }
.frd_bx .send_bx .regi_mass dd input:hover {background:#e3d9c7;}

.frd_bx .send_bx .regi_each {margin-top:5px; border-bottom:1px solid #e2e2e2;padding-bottom:5px}
.frd_bx .send_bx .regi_each dt {font-size:15px;color:#000; padding-bottom:5px}
.frd_bx .send_bx .regi_each dd { background:#f2f2f2; border:1px solid #dadada; padding:5px 0 5px 8px}
.frd_bx .send_bx .regi_each dd input.each_info {width:73px;height:23px;line-height:23px; color:#818181;padding: 2px 0 2px 2px !important; }
.frd_bx .send_bx .regi_each dd input.each_num {width:96px;height:23px;line-height:23px; border:1px solid #c4dde6; background:#e1f7ff;padding: 2px 0 2px 2px !important;}

.frd_bx .send_bx .receive_bx {margin-top:10px; overflow:hidden; position:relative}
.frd_bx .send_bx .receive_bx > p {margin-top:10px; font-size:15px;}
.frd_bx .send_bx .receive_bx > p > span {padding-left:10px; color:#000}
.frd_bx .send_bx .receive_bx > p > span > em {color:#1f99d5; font-weight:bold}
.frd_bx .send_bx .receive_bx  p.btn_del { position:absolute; top:0px; right:0px}

.frd_bx .send_bx .receive_bx .change_list {height:220px;margin-top:10px; background:#f1f1f1;border:1px solid #dadada}
/* 스크롤 */
.frd_bx .send_bx .receive_bx .change_list .sc_bx {width:100%;height:220px;overflow:auto;background:#f1f1f1; }
.frd_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl {table-layout: fixed}
.frd_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl tr:hover {background:#fff}
.frd_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl th {padding:7px 0; background:#7b7b7b; color:#fff}
.frd_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl th.merge {cursor:pointer}
.frd_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl td {height:25px; line-height:25px;padding:0 2px;border-bottom:1px solid #dadada;border-left:1px solid #dadada;text-align:center;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.frd_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl td:first-child {border-left:0;}
.frd_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl td.del a {display:block; height:25px; line-height:25px; font-size:11px; font-family:Arial; font-weight:bold; color:#aaa}
.frd_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl td.del a:hover {color:#000}
.frd_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl td.em {background:#f1fcff}
.frd_bx .send_bx .receive_bx .change_list .sc_bx .tb_cl td.em:hover {background:#fff}

.frd_bx .send_bx .receive_bx .change_list .ctop ul {padding:7px 0;overflow:hidden; background:#7b7b7b;border:1px solid #bbb; padding-right:18px}
.frd_bx .send_bx .receive_bx .change_list .ctop ul li {float:left;width:15%;color:#fff;text-align:center;}
.frd_bx .send_bx .receive_bx .change_list .ctop ul li:hover, 
.frd_bx .send_bx .receive_bx .change_list .ctop ul li > span:hover {color:#9ee9ff;cursor:pointer}
.frd_bx .send_bx .receive_bx .change_list .ctop ul li > span {color:#fff}
.frd_bx .send_bx .receive_bx .change_list .ctop ul li.c1 {width:10%}
.frd_bx .send_bx .receive_bx .change_list .ctop ul li.c2 {width:22%;}
.frd_bx .send_bx .receive_bx .change_list .ctop ul li.c7 {width:8%}

.frd_bx .send_bx .receive_bx .change_list .cnum {max-height:269px;overflow:hidden;border-left:1px solid #dadada;border-right:1px solid #dadada;border-bottom:1px solid #dadada;background:#f2f2f2;overflow:hidden;overflow-y:auto;}
.frd_bx .send_bx .receive_bx .change_list .cnum ol {clear:both;position:relative; overflow:hidden;}
.frd_bx .send_bx .receive_bx .change_list .cnum ol li {float:left; width:15%; height:28px; line-height:28px; text-align:center; color:#7b7b7b; font-size:11px; vertical-align:middle; background:url(/images/message/line_excel.png) repeat-y top right; border-top:1px solid #fff;border-bottom:1px solid #ccc;white-space:nowrap; overflow:hidden;}
.frd_bx .send_bx .receive_bx .change_list .cnum ol li:last-child {background:none}
.frd_bx .send_bx .receive_bx .change_list .cnum ol li.c1 {width:10%}
.frd_bx .send_bx .receive_bx .change_list .cnum ol li.c2 {width:22%; background:#f1fcff url(/images/message/line_excel.png) repeat-y top right;font-size:11px;}
.frd_bx .send_bx .receive_bx .change_list .cnum ol li.c7 {width:8%}
.frd_bx .send_bx .receive_bx .change_list .cnum ol li.c7 a {display:block; height:25px; line-height:25px; font-size:11px; font-family:Arial; font-weight:bold; color:#aaa}
.frd_bx .send_bx .receive_bx .change_list .cnum ol li.c7 a:hover {color:#000}
.frd_bx .send_bx .receive_bx .change_list .cnum ol li div {line-height:25px; font-size:11px; color:#000; cursor:default}
.frd_bx .send_bx .sum {padding:15px 0; border-bottom:1px solid #d5d5d5 ; overflow:hidden}
.frd_bx .send_bx .sum p {float:right; height:20px; background:url(/images/message/bg_totalcost.png) no-repeat; font-size:16px; padding-left:30px}

/* 템플릿 */
.talk_templ {overflow:hidden; margin-top:20px}
.talk_templ ul li {margin:0 20px 20px 0 !important; float:left}
.talk_templ ul:after{clear:both;display:table;content:"";line-height:0}
.talk_templ ul li:last-child {margin-right:0;}
.talk_templ ul li .templ_bx {width:240px; background:#a0c0d7; border:1px solid #91b0c6}
.talk_templ ul li .templ_bx > dl {overflow:hidden;margin:10px;background:#fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.talk_templ ul li .templ_bx > dl > dt {background: #fee800;text-align:center;padding:5px 0;}
.talk_templ ul li .templ_bx > dl > dd {background: #f6f9fb;padding: 10px 5px;}
.talk_templ ul li .templ_bx > dl > dd > textarea {width:99%; min-height:130px;line-height:18px;font-size:12px;color:#000;font-family: gulim, '굴림';border:0;background: transparent;overflow: hidden;    overflow-y: auto;}
.talk_templ ul li .templ_bx > .templ_btn {background:#7c7f84;position: relative;padding: 2px 0;width: 100%;height:18px;}
.talk_templ ul li .templ_bx > .templ_btn > span {position: absolute;top:3px;right:0px;}
.talk_templ ul li .templ_bx > .templ_btn > span > input {color:#fff;font-size:11px;border:0;background: transparent;font-family: "돋움체";padding-right: 6px;}

.talk_templ ul li .templ_bx .frd_area {background:url(/images/message/bg_frd.png) no-repeat 0 10px; margin:10px 10px 10px 10px}
.talk_templ ul li .templ_bx .frd_area .frd_txt {overflow: hidden;margin:0 0 0 9px;padding:5px;background:#f6f9fb;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.talk_templ ul li .templ_bx .frd_area .frd_txt > textarea {width:99%;min-height:170px;line-height:18px;font-size:12px;color:#000;font-family:gulim, '굴림';border:0;background:transparent;overflow:hidden;overflow-y:auto;}

/* 카카오 미리보기 */
.preview_talk {overflow:hidden; width:573px; margin:0 auto}
.preview_talk .talk_bx {float:left;width:270px;margin-right:30px;}
.preview_talk .talk_bx > h3 {text-align:center; font-size:14px; font-weight:600; color:#000;padding-bottom:10px}
.preview_talk .talk_bx .cp {width:270px; height:478px;background:url(/images/message/bg_cp_talk2.png) no-repeat top left;overflow:hidden}
.preview_talk .talk_bx .cp .txt_area {margin:43px 0 0 14px; width:242px; height:357px;overflow:hidden; overflow-y:auto}
.preview_talk .talk_bx .cp .txt_area .al_bx {position:relative;margin:15px 10px 10px 10px;background:#fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.preview_talk .talk_bx .cp .txt_area .al_bx dt {background:#fee800; text-align:center;padding:5px 0;}
.preview_talk .talk_bx .cp .txt_area .al_bx dt .kko { position:absolute; top:-8px; right:-5px}
.preview_talk .talk_bx .cp .txt_area .al_bx dd {padding:10px 5px; line-height:18px;font-size:12px;color:#000;font-family:gulim, '굴림'}
.preview_talk .talk_bx .cp .txt_area .al_bx dd > textarea {width:99%;min-height:250px;line-height:18px;font-size:12px;color:#000;font-family:gulim, '굴림';border:0;background:transparent;overflow:hidden;}
.preview_talk .smstxt_bx {width:270px;float:left;overflow:hidden }
.preview_talk .smstxt_bx > h3 {text-align:center; font-size:14px; font-weight:600; color:#000;padding-bottom:10px}
.preview_talk .smstxt_bx .cp {width:270px;height:478px;background:url(/images/message/bg_cp_talk.png) no-repeat top left;overflow:hidden}
.preview_talk .smstxt_bx .cp .txt_area {margin:43px 0 0 14px; width:242px; height:357px;overflow:hidden;}
.preview_talk .smstxt_bx .cp .txt_area .msg_con {padding:3px 3px;margin:0;width:97%;min-height:350px;height:350px;line-height:15px;font-size:12px;color:#000;font-family:gulim, '굴림';border:0;overflow:hidden;overflow-y:auto;}
.preview_talk .smstxt_bx .cp .txt_area .msg_con > div {width:100%}
.preview_talk .smstxt_bx .cp .txt_area .msg_con > div textarea {padding:3px 3px;margin:0;width:99%;min-height:370px;line-height:15px;font-size:12px;color:#000;font-family: gulim, '굴림';border:0;background:transparent;overflow:hidden;overflow-y: auto;}

.preview_talk .talk_bx .cp .txt_area .frd_area {background:url(/images/message/bg_frd.png) no-repeat 0 10px; margin:15px 10px 0 10px}
.preview_talk .talk_bx .cp .txt_area .frd_area .frd_txt {overflow: hidden;margin:0 0 0 9px;padding:5px;background:#f6f9fb;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.preview_talk .talk_bx .cp .txt_area .frd_area .frd_txt > textarea {width:99%;min-height:310px;line-height:18px;font-size:12px;color:#000;font-family:gulim, '굴림';border:0;background:transparent;overflow:hidden;overflow-y:auto;}

.tem_y {height:365px; overflow-x:hidden; overflow-y:auto; border:1px solid #e3e3e3 }