@charset "utf-8";
/* CSS Document */

/* sms **/
.gl_bx {overflow:hidden; padding-top:50px; position:relative; }
.gl_bx:after{clear:both;display:table;content:"";line-height:0}

.gl_bx .cp_bx {width:245px; height:500px; float:left; background:url(/images/message/bg_cp_global.png) no-repeat; }
.gl_bx .cp_bx .cp {width:209px;margin:55px 0 0 16px}
.gl_bx .cp_bx .cp .text {width:100%;overflow: hidden;height:230px}
.gl_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}
.gl_bx .cp_bx .cp .text > textarea {padding:3px 3px;margin:0;width: 96%;min-height: 180px;line-height: 15px;font-size: 12px;color: #000;font-family: gulim, '굴림';border: 0;background: transparent;overflow:hidden; overflow-y:auto;}
.gl_bx .cp_bx .cp .byte {padding-right:10px;text-align: right; color:#e76700; font-weight:bold}
.gl_bx .cp_bx .cp .byte > input {position:relative;top:0px; padding:3px 3px 0 3px;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;}
.gl_bx .cp_bx .cp .byte > span {color:#000; font-weight:normal}
.gl_bx .cp_bx .cp .button {text-align:center;margin-top:20px;}
.gl_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; }
.gl_bx .cp_bx .cp .button a:hover {background:#64727a}
.gl_bx .cp_bx .cp .call_num {margin:10px 0}
.gl_bx .cp_bx .cp .call_num > span {font-size:13px; padding:5px 10px 0 5px}
.gl_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;}
.gl_bx .cp_bx .cp .call_num > p {margin-left:5px}
.gl_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 }
.gl_bx.cp_bx .cp .call_num > p input:hover {background:#000}


.gl_bx .send_bx {width:520px;float:right;position:relative}
.gl_bx .send_bx:after{clear:both;display:table;content:"";line-height:0}
.gl_bx .send_bx .regi_bx > p { font-size:15px; padding:10px 0 10px 0; margin-bottom:10px; border-bottom:1px solid #dadada; color:#000}
.gl_bx .send_bx .regi_bx { width:240px; float:left; margin-right:20px}
.gl_bx .send_bx .regi_bx .regi_mass {overflow:hidden;border-bottom:1px solid #e2e2e2; padding-bottom:10px}
.gl_bx .send_bx .regi_bx .regi_mass:after{clear:both;display:table;content:"";line-height:0}
.gl_bx .send_bx .regi_bx .regi_mass dt {font-size:15px; width:40px; float:left; color:#000; padding-top:5px}
.gl_bx .send_bx .regi_bx .regi_mass dd {float:left;width:200px;}
.gl_bx .send_bx .regi_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 }
.gl_bx.send_bx .regi_bx .regi_mass dd input.add_list:hover {background:#e3d9c7;}

.gl_bx .send_bx .regi_bx .regi_each {border-bottom:1px solid #e2e2e2;padding-bottom:10px; margin-top:15px}
.gl_bx .send_bx .regi_bx .regi_each dt {font-size:15px;color:#000; padding-bottom:10px}
.gl_bx .send_bx .regi_bx .regi_each dd { background:#f2f2f2; border:1px solid #dadada; padding:10px 0 10px 8px}
.gl_bx .send_bx .regi_bx .regi_each dd p {padding:3px 0}
.gl_bx .send_bx .regi_bx .regi_each dd input.each_info {width:210px;height:23px;line-height:23px; color:#818181 }
.gl_bx .send_bx .regi_bx .regi_each dd input.each_num {width:210px;height:23px;line-height:23px; border:1px solid #c4dde6; background:#e1f7ff}
.gl_bx .send_bx .regi_bx .btns {overflow:hidden; margin-top:20px}
.gl_bx .send_bx .regi_bx .btns a {display:inline-block; width:110px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3pxl; text-align:center}
.gl_bx .send_bx .regi_bx .btns a.btn_nation {background:#c67d6f url(/images/global/icon_nation.png) no-repeat 40px 10px; border:1px solid #a8685c; margin-right:10px;height:41px;padding-top:45px; color:#fff}
.gl_bx .send_bx .regi_bx .btns a.btn_time {background:#a3bbc9 url(/images/global/icon_time.png) no-repeat 40px 10px; border:1px solid #86959d;height:36px;padding-top:50px;}

.gl_bx .send_bx .receive_bx {width:260px;float:left;overflow:hidden; position:relative}
.gl_bx .send_bx .receive_bx > p {margin-top:10px; font-size:15px;}
.gl_bx .send_bx .receive_bx > p > span {padding-left:10px; color:#666; font-size:14px}
.gl_bx .send_bx .receive_bx > p > span > em {color:#1f99d5; font-weight:bold;font-size:14px}
.gl_bx .send_bx .receive_bx  p.btn_del { position:absolute; top:0px; right:0px}

.gl_bx .send_bx .receive_bx .change_list {height:390px;margin-top:10px; background:#f1f1f1}
.gl_bx .send_bx .receive_bx .change_list .ctop ul {padding:7px 0;overflow:hidden; background:#7b7b7b;border:1px solid #bbb; padding-right:18px}
.gl_bx .send_bx .receive_bx .change_list .ctop ul li {float:left;color:#fff;text-align:center;}
.gl_bx .send_bx .receive_bx .change_list .ctop ul li:hover, .gl_bx.send_bx .receive_bx .change_list .ctop ul li > span:hover {color:#9ee9ff;cursor:pointer}
.gl_bx .send_bx .receive_bx .change_list .ctop ul li > span {color:#fff}
.gl_bx .send_bx .receive_bx .change_list .ctop ul li.c1 {width:23%}
.gl_bx .send_bx .receive_bx .change_list .ctop ul li.c2 {width:62%;}
.gl_bx .send_bx .receive_bx .change_list .ctop ul li.c7 {width:15%}
.gl_bx .send_bx .receive_bx .change_list .cnum {max-height:359px; overflow:hidden; border-left:1px solid #dadada;border-right:1px solid #dadada;border-bottom:1px solid #dadada; background:#f2f2f2; overflow:hidden;overflow-y:auto}
.gl_bx .send_bx .receive_bx .change_list .cnum ol {clear:both;position:relative; overflow:hidden;}
.gl_bx .send_bx .receive_bx .change_list .cnum ol li {float:left;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;}
.gl_bx .send_bx .receive_bx .change_list .cnum ol li:last-child {background:none}
.gl_bx .send_bx .receive_bx .change_list .cnum ol li.c1 {width:20%}
.gl_bx .send_bx .receive_bx .change_list .cnum ol li.c2 {width:65%; background:#f1fcff url(/images/message/line_excel.png) repeat-y top right;font-size:11px;}
.gl_bx .send_bx .receive_bx .change_list .cnum ol li.c7 {width:15%}
.gl_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}
.gl_bx .send_bx .receive_bx .change_list .cnum ol li.c7 a:hover {color:#000}
.gl_bx .send_bx .receive_bx .change_list .cnum ol li div {line-height:25px; font-size:11px; color:#000; cursor:default}
.gl_bx .send_bx .sum {padding:15px 0; width:100%; border-bottom:1px solid #d5d5d5 ; overflow:hidden;}
.gl_bx .send_bx .sum p {float:right; height:20px; background:url(/images/message/bg_totalcost.png) no-repeat; font-size:16px; padding-left:30px}

/* sms end */

.gl_caution {background:#f4f2eb; border:1px solid #dcd7c9; margin-top:50px;padding:20px 0 15px 20px;}
.gl_caution > p {font-size:16px; color:#000; font-weight:600; padding:10px 0 10px 30px; background:url(/images/global/icon_caution.png) no-repeat 0 8px;}
.gl_caution > dl {overflow:hidden;padding-left:30px}
.gl_caution > dl dt {font-size:14px;font-weight:600;padding:5px 0 5px 0px;color:#000}
.gl_caution > dl dd {font-size:14px;line-height:22px; padding-bottom:10px}

.local_time select {height:23px;line-height:23px}
.local_time input[type="text"] {width:150px;height:25px;line-height:25px;border:1px solid #c4dde6; background:#e1f7ff; padding:0 2px !important}
.local_time p {padding-bottom:5px; text-align:center}
.lc_bx {background:#eeece6; margin-top:10px; border:1px solid #dddad1}
.lc_bx > dl {padding:15px 20px 20px 20px;}
.lc_bx > dl dt {font-size:16px;color:#000;text-align:center;padding-bottom:10px}
.lc_bx > dl dd {background:#000;height:35px;line-height:35px;color:#fff;font-size:18px;font-weight:800;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;text-align:center} 

/* 해외문자 소개 */
.gl_txt {overflow:hidden}
.gl_txt dt {font-size:22px;color:#bd7134;padding:5px 0;font-weight:bold}
.gl_txt dd > p {font-size:18px;color:#be8440;padding:5px 0 8px 0}
.gl_txt dd {font-size:14px;line-height:20px;}

.gl_bf {overflow:hidden;border:1px solid #ddd;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;margin-top:10px}
.gl_bf > dl {margin-left:270px;overflow:hidden;padding:50px 0}
.gl_bf > dl dt {color:#ba733a;font-size:22px; font-weight:600;}
.gl_bf > dl dt > span {display:inline-block;width:38px;height:38px;line-height:38px;color:#fff;font-size:20px;letter-spacing:-1px; text-align:center;margin-right:10px;background:url(/images/global/bg_num.png) no-repeat}
.gl_bf > dl dd {font-size:15px;color:#6a6a6a;line-height:22px;padding:10px 0}

.glbg_01 {background:url(/images/global/bg_glbf_01.png) no-repeat 70px 40px}
.glbg_02 {background:url(/images/global/bg_glbf_02.png) no-repeat 35px 15px}
.glbg_03 {background:url(/images/global/bg_glbf_03.png) no-repeat 60px 20px}
.glbg_04 {background:url(/images/global/bg_glbf_04.png) no-repeat 40px 20px}

.gl_fun {overflow:hidden}
.gl_fun:after {clear:both;display:table;content:"";line-height:0}
.gl_fun dt {width:171px;float:left;height:50px;text-align:center;color:#fff;line-height:50px;background:url(/images/global/bg_fun.png) no-repeat;margin-bottom:10px;font-size:16px; font-weight:600}
.gl_fun dd {width:604px;height:50px;float:right;font-size:14px; border-bottom:1px solid #e4e4e4;margin-bottom:10px; line-height:20px;}

/* 스크롤 게시판 */
.fixed-gl-container {width:100%;height:300px;border:1px solid #bcbcbc;position:relative;padding-top:30px; /* header-bg height값 */}
.fixed-gl-container .header-bg {background:#e3e3e3;height:30px; /* header-bg height값 */ position: absolute;top:0;right:0;left:0;border-bottom:1px solid #bcbcbc;}
.fixed-gl-container .table-wrapper {overflow-x:hidden;overflow-y:auto;height:100%;}
.tb_gl {width:100%;border-collapse:collapse}
.tb_gl td {border-bottom:1px solid #bcbcbc;padding:5px; text-align:center; font-size:13px;}
.tb_gl td.bg {background:#eafdff}
.tb_gl td + td {border-left:1px solid #bcbcbc}
.tb_gl th {padding:0px; /* reset */; text-align:center; width:50%}
.tb_gl th .th-text {position:absolute;top:0;width:inherit;line-height:30px; /* header-bg height값 */border-left:1px solid #bcbcbc; font-size:13px; text-align:center}
.tb_gl th:first-child .th-text {border-left:none}
