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

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

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

.sms_bx .cp_bx {width:288px; height:610px; float:left; background:url(/images/main/bg_cp_sms.png) no-repeat; position:relative}
.sms_bx .cp_bx .cp {width:253px;margin:73px 0 0 16px;}
.sms_bx .cp_bx .cp p.fix_lms {position:absolute; top:48px; left:18px}
.sms_bx .cp_bx .cp .text {width:100%;overflow: hidden;height:320px}
.sms_bx .cp_bx .cp .text > input {margin-bottom:6px;padding:0 3px;width:245px;height:31px;line-height:31px;font-size:12px;color:#666 !important;font-family: gulim, '굴림';border:1px solid #d1d1d1;background:#fff}
.sms_bx .cp_bx .cp .text > input.dis {border:1px solid #e8e8e8 !important;background:#fafafa !important; color:#d1d1d1 !important}
.sms_bx .cp_bx .cp .text > input.dis::-webkit-input-placeholder {color:#f0f0f0 !important}
.sms_bx .cp_bx .cp .text > input.dis:-moz-placeholder {color:#f0f0f0 !important}
.sms_bx .cp_bx .cp .text > input.dis:-ms-input-placeholder {color:#f0f0f0 !important}
.sms_bx .cp_bx .cp .text > textarea {padding:3px 3px;margin:0;width:245px;resize:none;min-height: 261px;line-height: 15px;font-size: 12px;color: #666;font-family: gulim, '굴림';border: 0;background: transparent;overflow:hidden; overflow-y:auto; border:1px solid #d1d1d1;background:#fff}
.sms_bx .cp_bx .cp .byte {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 .msg_fix {margin-top:10px;}

.sms_bx .cp_bx .cp .button {text-align:center;margin-top:8px;}
.sms_bx .cp_bx .cp .button a {display:inline-block;margin:0 1px;width:80px;height:30px;line-height:30px;font-size:12px;font-weight:800;color:#555; background:#eee; border:1px solid #9f9f9f;  font-weight:100;}
.sms_bx .cp_bx .cp .button a:hover {background:#7b7b7b; color:#fff;}
.sms_bx .cp_bx .cp .call_num {margin:8px 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:187px;padding:1px 2px;height:30px;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{display:block; float:left; border:none; margin-top:10px; text-align:center !important;}
.sms_bx .cp_bx .cp .call_num > p input:nth-child(1) {width:122px;background: #f6b13f url('/images/main/bt_bg1.png')no-repeat 10px center;font-size:12px;letter-spacing:-1px;padding:10px 0 10px 10px;color:#fff !important;}
.sms_bx .cp_bx .cp .call_num > p input:nth-child(2) {width:122px;background: #873434 url('/images/main/bt_bg2.png')no-repeat 10px center;font-size:12px;letter-spacing:-1px;float:right !important;padding:10px 0 10px 10px;color:#fff !important;}


.sms_bx .cp_bx .msg_icon {position:absolute;top:-11px;left:195px}


.sms_bx .send_bx {width:600px;float:right; }
.ml30{display:block; margin-left:30px;}

.sms_bx .send_bx .regi_mass {overflow:hidden;border-bottom:1px solid #e2e2e2;line-height:30px;}
.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:145px; float:left;color:#000;padding:0px 20px 0 0; }
.sms_bx .send_bx .regi_mass dd {float:left;width:425px;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 .upload_type1{line-height:25px;}
.sms_bx .send_bx .regi_mass dd.file_bx{}

.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:84px;height:23px;line-height:23px;color:#818181 }

.sms_bx .send_bx .regi_each dd input.each_num {width:103px;height:23px;line-height:23px;border:1px solid #ccc;background:#ffeeee}


.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:#e76700  ;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:#f1fcff}

.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:#f1fcff 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: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}
.send_buttons input{color:#fff !important; font-weight:600;}

.last_msg {overflow:hidden; margin-top:20px}
.last_msg ul li {margin:0 20px 20px 0 !important; float:left}
.last_msg ul li:nth-child(4n){margin-right: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:175px !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:169px !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 */

/* sms 붙여넣기 */
.send_bx .copy_comment {}
.send_bx .copy_comment li {padding:3px 0}
.receive_bx .sms_copyarea {border:1px solid #dadada; background:#f1f1f1; padding:5px; height:300px; margin-top:10px}
.receive_bx .sms_copyarea > textarea {width:99%; height:281px; background: transparent; border-color:#dadada}


/* mms **/

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

.mms_bx .cp_bx {width:288px; height:647px; float:left; background:url(/images/main/bg_cp_sms.png) no-repeat; }
.mms_bx .cp_bx .cp {width:253px;margin:73px 0 0 16px;}
.mms_bx .cp_bx .cp > .fix_lms {position:absolute; top:80px; left:18px}
.mms_bx .cp_bx .cp .text {width:100%;overflow: hidden;height:332px;}
.mms_bx .cp_bx .cp .text > input {margin-bottom:6px;padding:0 3px;width:245px;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:253px;height:288px;overflow-x:hidden;overflow-y:auto; border:1px solid #e4e4e4}
.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:243px;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 .msg_fix {margin-top:10px; width:243px;}

.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 {}
.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:105px;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:3px;-moz-border-radius:3px;-webkit-border-radius:3px;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:108px;height:30px;line-height:30px;padding-left:18px;background:#504542 url(/images/message/bg_imgbtn_02.png) no-repeat 8px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; 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}

.arrow_box {display:none;  position: absolute; padding: 6px; top:534px; left: 19px;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;    border-radius: 3px;  background: #80726e;  color: #fff;  font-size: 11px;  font-weight:100; letter-spacing:-0.8px;z-index:9999;}
.arrow_box:after {  position: absolute;  bottom: 100%;  left: 13%;  width: 0;  height: 0;  margin-left: -10px;  border: solid transparent;  border-color: rgba(128, 114, 110, 0);  border-bottom-color: #80726e;  border-width: 10px;  pointer-events: none;  content: " ";}
.arrow_box2 {display:none;  position: absolute; padding: 6px; top:534px; left: 120px;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;    border-radius: 3px;  background: #80726e;  color: #fff;  font-size: 11px;  font-weight:100; letter-spacing:-0.8px;z-index:9999;}
.arrow_box2:after {  position: absolute;  bottom: 100%;  left: 22%;  width: 0;  height: 0;  margin-left: -10px;  border: solid transparent;  border-color: rgba(128, 114, 110, 0);  border-bottom-color: #80726e;  border-width: 10px;  pointer-events: none;  content: " ";}

/* .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:81px;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 .button {text-align:center;margin-top:8px;}
.mms_bx .cp_bx .cp .button a {display:inline-block;margin:0 1px;width:80px;height:30px;line-height:30px;font-size:12px;font-weight:800;color:#555; background:#eee; border:1px solid #9f9f9f;  font-weight:100;}
.mms_bx .cp_bx .cp .button a:hover {background:#7b7b7b; color:#fff;}
 
.mms_bx .cp_bx .cp .call_num {margin:5px 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:186px;padding:1px 2px;height:30px;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 {}
/* .mms_bx .cp_bx .cp .call_num > p input {width:120px;background:#565b5e; font-size:12px; letter-spacing:-1px;text-align:center; padding:7px 0 8px 0; color:#fff; margin:0px 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 .cp_bx .cp .call_num > p input{display:block; float:left; border:none; margin-top:10px; text-align:center !important;}
.mms_bx .cp_bx .cp .call_num > p input:nth-child(1) {width:124px;background: #f6b13f url('/images/main/bt_bg1.png')no-repeat 10px center;font-size:12px;letter-spacing:-1px;padding:10px 0 10px 10px;color:#fff !important;}
.mms_bx .cp_bx .cp .call_num > p input:nth-child(2) {width:124px;background: #873434 url('/images/main/bt_bg2.png')no-repeat 10px center;font-size:12px;letter-spacing:-1px;float:right !important;padding:10px 0 10px 10px;color:#fff !important;}


.mms_bx .send_bx {width:442px; float:right;}
.mms_bx .send_bx .regi_mass {overflow:hidden; border-bottom:1px solid #e2e2e2;  line-height:50px; height:50px;}
.mms_bx .send_bx .regi_mass:after{clear:both;display:table;content:"";line-height:0}
.mms_bx .send_bx .regi_mass dt {font-size:14px; width:104px; float:left; letter-spacing:-1px; color:#000; margin-right:5px;}
.mms_bx .send_bx .regi_mass dd {float:left; width:331px; }
.mms_bx .send_bx .regi_mass dd input {background:#eae4da; border:1px solid #cdc2b8; border-radius:3px; height:25px; line-height:25px; color:#000 !important; padding:0px 1px; 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:hover {background:#e3d9c7;}

.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:53px;height:23px;line-height:23px; color:#818181 }
.mms_bx .send_bx .regi_each dd input.each_num {width:82px;height:23px;line-height:23px; border:1px solid #ccc; background:#ffeeee}

.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:#e76700  ; 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:252px;margin-top:10px; background:#f1f1f1;border:1px solid #dadada}
/* 스크롤 */
.mms_bx .send_bx .receive_bx .change_list .sc_bx {width:100%;height:250px;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:#f1fcff}
.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:#f1fcff 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: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 12px; 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 22px 20px 0; position:relative}
.recom_mms ul.recom_mmslist li:nth-child(5n){margin-right:0 !important}
.recom_mms ul.recom_mmslist li img {width:132px;  cursor:pointer; height:200px;}
.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:289px;height:650px;margin:0 auto;background:url(/images/main/bg_cp_sms.png) no-repeat; overflow:hidden}
.preview_mms .cp_pre {width:258px;margin:30px 0 0 16px}
.preview_mms .cp_pre .text {width:100%;overflow: hidden;height:500px}
.preview_mms .cp_pre .text input {margin:10px 0 6px 0;padding:0 3px;width:248px;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:100%;min-height:443px;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:100%;min-height:460px;height:460px;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:160px;top:80px;padding:10px;width:441px;border:3px solid #b0a09b;background:#f6f5f0}
#letters h3{position:relative;line-height:30px;font-size:12px; color:#883f17;  background-size:10px; background-position-y: 9px;}
#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;}


/* 기간별 통계내역 */
.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;}

/* mms **/

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

.alrim_bx .cp_bx {width:288px; height:695px; float:left; background:url(/images/main/bg_cp_cacao.png) no-repeat; }
.alrim_bx .cp_bx .cp {width:260px;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:323px;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:250px;min-height:140px;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:250px;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}
 */

#resend > .call_num{margin-top:10px;}
.set_alrim dd{font-size:12px;} 

.alrim_bx .cp_bx .cp .button {text-align:center;margin-top:8px;}
.alrim_bx .cp_bx .cp .button a {display:inline-block;margin:0 1px;width:80px;height:30px;line-height:30px;font-size:12px;font-weight:800;color:#555; background:#eee; border:1px solid #9f9f9f;  font-weight:100;}
.alrim_bx .cp_bx .cp .button a:hover {background:#7b7b7b; color:#fff;}


.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:442px; float:right; margin-top:5px; }
.alrim_bx .send_bx h3 { padding-bottom:5px; border-bottom:1px dotted #9f9f9f;color:#5f2b2b;font-size:15px;font-weight:normal; background:none; padding-left:0;}
.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:15px}
.alrim_bx .set_alrim dt {width:100px;height:26px;float:left;color:#a92617;font-size:14px;margin-bottom:3px;}
.alrim_bx .set_alrim dd {width:340px;height:26px;float:left;font-size:12px;line-height:22px;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:100px;background:#565b5e; font-size:12px; letter-spacing:-1px;text-align:center; padding:5px 0 8px 0; color:#fff !important; 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;  line-height:50px; height:50px;}
.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:100px; float:left; color:#000; padding:0px 5px 0 0;}
.alrim_bx .send_bx .regi_mass dd {float:left; width:330px;}
.alrim_bx .send_bx .regi_mass dd input {background:#eae4da; border:1px solid #cdc2b8; height:25px; line-height:25px; color:#000 !important; padding:0px 1px; 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:100px;height:23px;line-height:23px; border:1px solid #ccc; background:#ffeeee;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:#eb2700; 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:222px;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:288px; height:695px; float:left; background:url(/images/main/bg_cp_cacao.png) no-repeat; }
.frd_bx .cp_bx .cp {width:258px;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:254px; height:323px;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; width:96%;}
.frd_bx .cp_bx .cp .talk_bx .frd_area .frd_txt > textarea {width:98%;min-height:268px;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:249px;min-height:138px;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; widht:258px; height:186px;}
.frd_bx .cp_bx .cp .text_talk_dis textarea {padding:3px 3px;margin:5px 0 0 0;width:249px;min-height:168px;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; width:93%;}
.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 .button {text-align:center;margin-top:8px;}
.frd_bx .cp_bx .cp .button a {display:inline-block;margin:0 1px;width:80px;height:30px;line-height:30px;font-size:12px;font-weight:800;color:#555; background:#eee; border:1px solid #9f9f9f;  font-weight:100;}
.frd_bx .cp_bx .cp .button a:hover {background:#7b7b7b; color:#fff;}

.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:442px; float:right; margin-top:5px}
.frd_bx .send_bx h3 { padding-bottom:5px; border-bottom:1px dotted #9f9f9f;color:#5f2b2b;font-size:15px;font-weight:normal; background:none; padding-left:0;}
.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:15px}
.frd_bx .set_alrim dt {width:104px;height:30px;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:303px;height:30px;float:left;font-size:13px;line-height:18px;margin-bottom:3px;}
.frd_bx .set_alrim dd > input {height:20px !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:100px;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; line-height:50px; height:50px;}
.frd_bx .send_bx .regi_mass:after{clear:both;display:table;content:"";line-height:0}
.frd_bx .send_bx .regi_mass dt {font-size:14px; width:100px; float:left; color:#000; padding:0px 5px 0 0; letter-spacing:-0.5px;}
.frd_bx .send_bx .regi_mass dd {float:left; width:333px;}
.frd_bx .send_bx .regi_mass dd input {background:#eae4da; border:1px solid #cdc2b8; height:25px; line-height:25px; color:#000 !important; padding:0px 1px; 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:8px; border-bottom:1px solid #e2e2e2;padding-bottom:8px}
.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:148px;height:23px;line-height:23px; border:1px solid #ccc; background:#ffeeee;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:#e76700  ; 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:222px;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:233px; 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 }

/*  수싲번호 붙여넣기 팝업 */
.bx_copy {overflow:hidden; width:100%; margin:20px;}
.bx_copy textarea { width:93%; height:400px}

/* 181227 input배경없애는 스타일 추가 */
input.none_style{margin:0 !important;padding:0 !important;font-size:13px !important;color:#333 !important;vertical-align:middle !important;-webkit-border-radius:0; border:none !important; background:none !important;} 


.sn_num input[type=button]{background:#999; color:#fff !important; width:100px; height:23px; line-height:25px;font-size:12px; padding:0px 10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; border:none; margin-right:2px;}
.sn_num input[type=button]:hover{background:#7b7b7b;}

.n_fax > dt{font-size:13px; font-weight:600; margin:0 0 8px 2px; float:left; padding-right:23px; width:50px; height:26px; line-height:26px;}

/* 200113 카카오톡템플릿등록 버튼타입 변경 */
.kakao_btn_type{border:1px solid #ddd; margin:10px 0; padding:0 10px;}
.kakao_btn_type > .ch_chatbubble_type dt, .kakao_btn_type > .ch_button_name dt, .kakao_btn_type > .ch_button_prm dt, .kakao_btn_type > .ch_button_prm2 dt{width:25%; display:block; float:left;}
.kakao_btn_type > .quickreplies_type dt, .kakao_btn_type > .qu_button_name dt, .kakao_btn_type > .qu_button_prm dt, .kakao_btn_type > .qu_button_prm2 dt{width:25%; display:block; float:left;}
.kakao_btn_type > dl{height:36px; line-height:35px; border-bottom:1px dotted #ddd; box-sizing:border-box;}
.kakao_btn_type > dl:last-child{border-bottom:none;}


/* 200312 수신목록 버튼으로 변경 */
.sc_bx .tb_cl th.merge input.add_list {background:#eae4da; border:1px solid #cdc2b8;height:25px;line-height:25px;color:#000 !important; width:64px;font-size:11px;font-family:dotum;letter-spacing:-0.8px;font-weight:bold;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px }
.w92{width:92px !important;}