/*--------------------------------------------------------------------------

Site : faxwide
Author : An.hyosun
Version : 2013/10/18

-------------------------------------------------------------------------------*/

/*input type*/
/*
input[type="radio"] {vertical-align:middle; margin:5px 5px 0 0;}
input[type="text"] {background:#fff; border:1px solid #c2c7d4; vertical-align:middle; height:22px}
input[type="password"] {background:#fff; border:1px solid #c2c7d4; vertical-align:middle; height:22px}
input [type="button"] {vertical-align:middle}
textarea { border:1px solid #c2c7d4;}

select {border:1px solid #c2c7d4; height:22px;}
*/

/*sub*/
/* @font-face {
 font-family: 'NanumGothic';
 src: url('../fonts/NanumGothic.eot'); IE9 Compat Modes
 src: url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'), IE6-IE8
 url('../fonts/NanumGothic.woff') format('woff'), Modern Browsers
 url('../fonts/NanumGothic.ttf')  format('truetype'), Safari, Android, iOS
 url('../fonts/NanumGothic.svg#svgMothnnaFont') format('svg'); Legacy iOS
} */ /*2013*/


body, html, td, div, p {font-size:13px; color:#38383c ; }
h1 {background-image:url(../images/common/sub_title_bg.gif); background-repeat:repeat-x; font:bold 20px   ,Dotum,Helvetica,Verdana,Arial,sans-serif; float:left; padding:5px 0; margin-bottom:5px;}
img {border:0}
input {outline-style:none;}
/* .faq {width:95px; float:right;} */
.btn_input {
    border: 1px solid #2c4f91;
    background-color: #5479BD;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5479BD), to(#2C4F91));
    background-image: -webkit-linear-gradient(top, #5479BD, #2C4F91);
    background-image: -moz-linear-gradient(top, #5479BD, #2C4F91);
    background-image: -ms-linear-gradient(top, #5479BD, #2C4F91);
    background-image: -o-linear-gradient(top, #5479BD, #2C4F91);
    background-image: linear-gradient(to bottom, #5479BD, #2C4F91);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#5479BD, endColorstr=#2C4F91);
font:normal 12px ; color:#ffffff;}
.common_input {border:1px solid #a1a1a1; height:19px; padding-top:1px; font:normal 12px   ; color:#363636;}

/*font*/

.red_no {font:normal 12px ; color:#ed1c24;}
.navy_bo {font:bold 13px   ; color:#2c4f91;}
.blue_txt {font:normal 11px   ; color:#007be6;}

/*pd*/

.pd_t_b {padding:10px 0;}
.pd_l {padding-left:20px;}
.pd_fax_l {padding-left:15px;}



.deny {width:950px; float:left;}
.deny_tap {background-image:url(../images/denyad/tap_bg.gif); background-position:bottom; background-repeat:repeat-x; display:block; margin-bottom:10px;}
.deny_txt {font:normal 13px   ; vertical-align:middle;}
.deny p {display:block; margin:5px 0;}
.deny_table {width:788px; float:left; border:1px solid #cadae8; margin-top:30px;}
.bor_top {border-top:1px solid #cadae8;}
.bor_right {border-right:1px solid #cadae8;}
.deny_input {border:1px solid #a1a1a1; height:16px; font:normal 12px   ;}


/*--------------------------------------------------------
deny_info : 2013
--------------------------------------------------------*/
.de_info_txt {font:bold 13px   ; color:#FFF;}
.de_info_txt02 a{font:bold 13px   ; color:#363636; text-decoration:none}
.de_info_txt02 a:hover{font:bold 13px   ; color:#363636; text-decoration:underline;}


/*--------------------------------------------------------

--------------------------------------------------------*/

.help_tit {font:bold 25px   ; color:#1f3764; letter-spacing:-0.1em;}
.h_pd_b {padding:10px 0 20px 0;}
.h_list {background-image:url(../images/denyad/img_0202.gif); background-repeat:no-repeat; height:35px; width:950px;}
.h_list_txt a {font:bold 13px   ; color:#1f3764; text-decoration:none; letter-spacing:-0.1em; padding:8px 0 0 5px; display:block;}
.h_list_txt a:hover {font:bold 13px   ; color:#1f3764; text-decoration:none; letter-spacing:-0.1em; padding:8px 0 0 5px; display:block;}
.help_bor {border:1px solid #b0c5db; padding:10px}
.help_bor span {display:block; font:normal 13px   ; color:#555555; padding:3px 10px;}




#notice {width:766px; float:left;}
.notice_title {background-color:#eef6fa; background-image:url(../images/community/notice_bg.gif); height:40px; background-repeat:repeat-x;}
.no_title {font:bold 13px   ; color:#2c4f91; height:40px;}
.no_body {font:normal 12px   ; color:#494949;}
.no_body a {font:normal 12px   ; color:#494949; text-decoration:none;}
.no_body a:hover {font:normal 12px   ; color:#0b87c4; text-decoration:underline;}
.no_page {background-color:#f8f8f8; height:20px; margin-top:15px; padding:10px; text-align:center; margin-bottom:5px;}
.no_number {font:normal 11px   ; color:#2b2b2b; width:766px; display:block; margin-bottom:5px;}
.no_number a {font:normal 11px   ; color:#2b2b2b; text-decoration:none; margin:0 5px;}
.no_number a:hover {font:bold 11px   ; color:#2b2b2b; text-decoration:none; margin:0 5px;}

.detail_title {background-image:url(../images/community/detail_title_bg.gif); height:60px; background-repeat:repeat-x; font:normal 13px   ; color:#2c4f91;}
.detail_content {margin-top:20px;}
.de_body {padding:20px; line-height:18px;}
.de_page {background-image:url(../images/community/detail_bg.gif); background-repeat:repeat-x; height:60px;}
.de_list {font:normal 12px   ; color:#575757;}
.de_list a {font:normal 12px   ; color:#575757; text-decoration:none;}
.de_list a:hover {font:normal 12px   ; color:#0b87c4; text-decoration:underline;}

.btn {padding:5px 0; width:950px; float:left; text-align:center;}

#message {width:766px; float:left;}
.me_blue {font:bold 13px   ; color:#2c4f91;}
.me_black {font:bold 13px   ; color:#707070;}
.me_btn {width:766px; float:left; text-align:right; margin:15px 0;}
.me_input {border:1px solid #a1a1a1; height:23px; font:narmal 12px   ; color:#363636; padding-top:1px;}
.txt_mail {width:500px; float:left;}
.txtmail_area {border:1px solid #bad9ea; overflow:hidden; width:178px; height:100px; float:left; background-color:#dcf0fb; padding:10px;}
.mms_area {border:1px solid #bad9ea; overflow:hidden; width:298px; height:150px; float:left; background-color:#dcf0fb; padding:10px;}
.mms_p {margin:0 0 5px 10px;}
.txt_red {font:bold 12px   ; color:#ed1c24;}
.txt_blue {font:bold 12px   ; color:#2c4f91;}
.message_title {background-color:#eef6fa; background-image:url(../images/message/message_bg.gif); height:40px; background-repeat:repeat-x;}
.me_txt {font:bold 13px   ; color:#2c4f91; height:40px;}
.message_body {font:normal 12px   ; color:#494949;}
.message_body a {font:normal 12px   ; color:#494949; text-decoration:none;}
.message_body a:hover {font:normal 12px   ; color:#0b87c4; text-decoration:underline;}
.me_select {font:narmal 13px   ; color:#636363; line-height:17px; border:solid 1 #BFBFBF;}
#me_view {width:766px; float:left;}


.file_input_textbox
{
    float: left
}

.file_input_div
{
    position: relative;
    width: 70px;
    height: 25px;
    overflow: hidden;
    left:10px;
}

.file_input_div2
{
    position: relative;
    width: 180px;
    height: 23px;
    overflow: hidden;
    left:-50px;
}

.file_input_button
{
    width:70px;
    height:auto !important;
    /* background-color: #36477b; */
    background-color: #179e99;
    color: #FFFFFF;
    font:bold 13px ;
    border:none !important;
    padding:5px 8px 5px 8px !important;
    cursor:pointer;
}

.file_input_button2
{
    width: 140px;
    position: absolute;
    top: 0px;
    background-color: #007be6;
    color: #FFFFFF;
    border-style:none;
    font:bold 13px   ;
    height:23px;
    border:1px solid #00539c;
}

.file_input_hidden
{
    font-size: 12px;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0;

    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;
}


#qna_wrap {width:950px; float:left;}
.qna_tit_blue {font:bold 13px   ; color:#2c4f91; padding-left:15px;}
.qna_tit_black {font:normal 12px   ; color:#363636;}
.qna_bor_right {border:1px solid #bedbed;}
.qna_input {border:1px solid #a1a1a1; height:25px; padding-top:1px; font:normal 12px   ; color:#363636;}
.qna_body {width:950px; float:left; margin-top:10px;}
.qna_write {font:normal 12px   ; color:#464646;}


#fax_wrap {width:766px; float:left;}
.fax_check {width:766px; float:left; background-color:#f8f8f8;}
.fax_ch_blue {font:bold 13px   ; color:#2c4f91;}
.fax_txt {font:narmal 12px   ; color:#363636;}
.fax_body {width:766px; float:left; margin:15px 0;}
.fax_red {font:bold 12px   ; color:#ed1c24; padding-left:25px;}
.page_search {background-color:#ebebeb; width:766px; float:left;}
.fax_input {border:1px solid #a1a1a1; height:18px; padding-top:1px; font:normal 12px   ; color:#363636;}


.money {width:766px; float:left;}
.money_title {font:bold 13px   ; color:#252525;}
.money_txt {color:#252525; font-family:  ; font-size:12px;}
.money_body a {font:narmal 12px   ; color:#363636; text-decoration:none;}
.money_body a:hover {font:bold 12px   ; color:#363636; text-decoration:underline;}
.moneyinput {border:1px solid #a1a1a1; height:17px; padding-top:1px; font:normal 12px   ; color:#363636;}
.mo_txt_white {font:bold 15px   ; color:#ffffff;}
.mo_txt_blue {font:bold 13px   ; color:#2c4f91;}


.add_txt {font:normal 12px   ; color:#363636; letter-spacing:1px;}
.add_txt a {font:normal 12px   ; color:#363636; text-decoration:none; letter-spacing:1px;}
.add_txt a:hover {font:normal 12px   ; color:#0b87c4; text-decoration:none; letter-spacing:1px;}



.mms_title {
    font: bold 15px   ;
    color: #ffffff;
}
.mms_txt {
    font: normal 12px   ;
    color: #464646;
    letter-spacing:1px;
}


#send {width:950px; float:left;}
.black_txt {font:bold 13px   ; color:#00000;}
.white_txt {font:normal 12px   ; color:#ffffff;}



.overlap {background-image:url(../images/customer/bg_tap_add.gif); background-repeat:repeat-x; width:766px; float:left;}

.over_tap {width:120px; float:left;}
.over_tap1 a {background-image:url(../images/customer/btn_tap_overlap.gif); background-repeat:no-repeat; background-position:0 -41px; width:120px; height:41px; display:block;}
.over_tap1 a:hover {background-image:url(../images/customer/btn_tap_overlap.gif); background-repeat:no-repeat; background-position:0 0;}
.over_tap1 a:active {background-image:url(../images/customer/btn_tap_overlap.gif); background-repeat:no-repeat; background-position:0 0;}

.over_tap2 a {background-image:url(../images/customer/btn_tap_overlap.gif); background-repeat:no-repeat; background-position:-120px -41px; width:120px; height:41px; display:block;}
.over_tap2 a:hover {background-image:url(../images/customer/btn_tap_overlap.gif); background-repeat:no-repeat; background-position:-120px 0;}
.over_tap2 a:active {background-image:url(../images/customer/btn_tap_overlap.gif); background-repeat:no-repeat; background-position:-120px 0;}

/*ASP*/

#asp {width:950px; float:left; margin-bottom:20px; padding:0;}
.bor_r {border-right:1px solid #bedbed;}
.sms_special a {text-decoration:none; color:#333333; font-size:13px;}
.sms_special a:hover {text-decoration:none; color:#333333; font-size:13px;}

/*--------------------------------------------------------
--------------------------------------------------------*/
.asp_tit {font:bold 15px   ; color:#2f4164; width:950px; display:block; margin-bottom:10px;}
.asp_txt {font:normal 12px   ; color:#173860;}
.asp_txt_2 {font:normal 12px   ; color:#a6bece;}
.asp_table {border:1px solid #acc3e5;}

.fax_re_bg {background-image:url(../images/msgsend/fax_result_bg.gif); background-repeat:repeat-x; height:1px; width:950px;}

#fax_tabs {width:100%; float:left; background-image:url(../images/msgsend/tap_bg.gif); background-repeat:repeat-x; height:36px; margin-top:20px; font-family:  ,Dotum }
#fax_tabs li {display:inline; font-family:  ,Dotum}
.tab_1 {background-image:url(../images/msgsend/tap_img01_off.gif); width:120px; height:36px; float:left; font-family:  ,Dotum;}
.tab_1 a {font:bold 14px   ; color:#393e47; text-decoration:none; display:block; padding-top:10px; text-align:center; font-family:  ,Dotum}
.tab2 {background-image:url(../images/msgsend/tap_img01_off.gif); width:120px; height:36px; float:left; font-family:  ,Dotum;}
.tab2 a:hover {background-image:url(../images/msgsend/tap_img02_on.gif); width:120px; height:36px; float:left; font:bold 14px   ; color:#ffffff; text-decoration:none;}
.tab2 a:active {background-image:url(../images/msgsend/tap_img02_on.gif); width:120px; height:36px; float:left; font:bold 14px   ; color:#ffffff; text-decoration:none;}
.fax_title {font:bold 12px   ; color:#252525;}

/*timestamp*/
.timest_sop{ width:100%; clear:both; margin:15px 0 15px 0; background-color:#f8f8f8; padding:10px  0 10px 0px; border-top:solid 2px #686868;border-bottom:solid 1px #a9adaf}
.timest_twrap{width:100%; margin-top:10px; display:inline-block}
.timest_ta{width:47%; float:left; display:inline-block}
.timest_ta.fr{ float:right; margin-right:12px}
.timest_ta.fu{ width:99%; float:none;}
.timest_ta h2{ font-size:13px;font-weight:bold; background:url(../images/common/bullet01.gif) no-repeat 0 5px; padding-left:10px}
.timest_ta ul{width:448px; height:350px; border:solid 2px  #999999; padding:5px; display:inline-block; overflow:auto}
.timest_ta ul li { height:24px;line-height:24px; display:inline-block}
.timest_ta ul li.tit{ width:309px; float:left;line-height:24px;}
.timest_ta ul li.tit02{ width:250px; float:left}
.timest_ta ul li.btn{ width:110px; float: right; text-align:right}
.timest_ta ul li.btn02{ width:240px; float: right; text-align:right;  }
.timest_ta ul li.btn01{width:430px; text-align:right;float:left; margin-bottom:10px}
.timest_ta ul li.btn03{width:430px; text-align:right;float:left; margin-bottom:10px}

.timest_ta ul li.co01{ width:20%; float:left; font-weight:bold; padding-left:20px}
.timest_ta ul li.co02{ width:17%; float:left; font-weight:bold; text-align:right}
.timest_ta ul li.co03{ width:17%; float:left; font-weight:bold; text-align:right}
.timest_ta ul li.co04{ width:17%; float:left; font-weight:bold; text-align:right}
.timest_ta ul li.co05{ width:17%; float:left; font-weight:bold; text-align:right}

.timest_ta ul li.co11{ width:25%; float:left; font-weight:bold; padding-left:10px}
.timest_ta ul li.co22{ width:30%; float:left;font-weight:bold; text-align:right}
.timest_ta ul li.co33{ width:35%; float:left;font-weight:bold; text-align:right}
.timest_ta ul li.co01 span,.timest_ta ul li.co02 span { color:#F00; font-weight:normal}
.timest_ta ul li.co11 span,.timest_ta ul li.co22 span { color:#F00; font-weight:normal}li.co33 span { color:#F00; font-weight:normal}
.timest_ta ul li.dline{ width:100%;height:2px; border-bottom: dotted 1px  #999; margin:5px  0 7px 0; display: inline-block; clear:both}
.timest_ta p{width:100%; text-align:right}
.timest_btn01{ width:auto; height:24px; padding:0 12px 0 12px ; color:#fff; line-height:24px; display:inline-block; background-color:#2c4f91; font-weight:bold; text-decoration:none; margin-left:5px; }
.timest_btn01:hover{ background-color:#163266}
.timest_btn02{ width:auto; height:24px; padding:0 12px 0 12px ; color:#fff; line-height:24px; display:inline-block; background-color: #999; font-weight:bold; text-decoration:none}
.timest_btn02:hover{ background-color:#666}
.timest_btn03{ width:100px; height:24px; padding:0 12px 0 12px ; color:#fff; line-height:24px; display:inline-block; background-color:#2c4f91; font-weight:bold; text-align:center;text-decoration:none; margin-left:5px; }
.timest_btn03:hover{ background-color:#163266}
.timest_btn04{ width:100px; height:24px; padding:0 12px 0 12px ; color:#fff; line-height:24px; display:inline-block; background-color:#999; font-weight:bold; text-align:center;text-decoration:none; margin-left:5px; }
.timest_btn04:hover{ background-color:#666}
.pwrap{width:100%; display:inline-block; clear:both; margin:10px 0 0 0}
.pwrap .pmes{ width:25%; float:left; line-height:30px;display:inline-block;  }
.pwrap .pmes02{ width:70%;float: right; line-height:30px; text-align: right;display:inline-block; padding-bottom:5px }

.Tbl_timest {width:100%;border-collapse:collapse;display:inline-table;clear:both;border-top: 2px solid #6b9bc5;  }
.Tbl_timest  th {height:38px; color: #252525;text-align:center; background-color:#eef6fa;font-weight:bold;border-bottom: 1px solid #6b9bc5;}
.Tbl_timest  td {height:28px; border-bottom: 1px solid #bedbed; text-align:center; color:#646464; padding:5px}

/* 2016.11.03 ÁÖ¼®Ã³¸®
.kakaot_wrap{ width:100%; display:inline-block; margin-top:40px}
.kakaot_img{ width: 40%; float:left; }
.kakaot_cont{ width:60% ; float:left}
.kakaot_cont p.stit{ font-size:16px; font-weight:bold; color:#2c4f91}
.kakaot_cont p.cont{ color:#666769; line-height:20px; margin:10px 0 20px 0}
.kakaot_info{ width:908px; height:122px; border: solid 1px #c4c4c4; background:url(../images/kakao/kakaot_call.gif) no-repeat 40px 20px; clear:both; display:inline-block; border-radius:10px; padding:20px; margin:20px 0 40px 0}
.kakaot_info ul{ margin-left:120px; width:80% }
.kakaot_info ul li{ display:block; line-height:26px}
.kakaot_info ul li.cont{ font-weight:bold; color:#252525}
.kakaot_info ul li.stit01{  font-size:16px; font-weight:bold; color:#2c4f91; margin-bottom:10px }
.kakaot_info ul li a{ color:#4296f5; text-decoration:underline}
*/

