@charset "UTF-8";

/* Reset css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button, 
table, tbody, tfoot, thead, tr, th, td,
caption, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	/*vertical-align:baseline;*/
	-webkit-print-color-adjust:exact;
}

html { 
	font-size:100%; /* 1 */
	-webkit-text-size-adjust:100%; /* 2 */
	-ms-text-size-adjust:100%; /* 2 */
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display:block;}
img, fieldset, iframe {border:0 none;}
img,input,select,textarea{vertical-align:middle}
select[disabled], input[disabled],textarea[disabled] { background-color: #ebebeb; opacity: 1;color: #999;}
ol, ul, li {list-style:none;}
.view_contnet ol>li{
	list-style:decimal;
	margin-left: 30px;
}
.view_contnet ul>li {
	list-style: disc;  
	margin-left: 30px;
}
blockquote, q {quotes:none;}
blockquote:before, 
blockquote:after,
q:before, q:after {content:''; content:none;}
table {border-collapse:collapse;/*border-spacing:0;*/}
legend{*width:0;}
em,address{font-style:normal;}
button{margin:0; padding:0; border:none; cursor:pointer;background:transparent; }
button::-moz-focus-inner{padding:0; border:0;}
button:focus{outline:1px dotted;}
button img{left:-3px;*left:auto}
body,h1,h2,h3,h4,th,td,select,textarea,button {font-size:12px; font-family:'AppleSDGothicNeo-Light','Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; color:#3a3a3a}
.blind, legend {visibility:hidden; display:block; overflow:hidden; position:absolute; top:-1000em; left:0;}
caption {visibility:hidden;overflow:hidden;text-indent:-10000px;width:.1%;height:.1%;line-height:.1%;font-size:.1%}
strong {font-weight:800;}
audio,canvas,video {display:inline-block;*display:inline;*zoom:1;}
pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
hr{display:none;}

[hidden] {display:none;}

a:link,  
a:visited {text-decoration:none; color:#3a3a3a;}
a:hover, 
a:focus{text-decoration:underline; color:#3a3a3a;}
a:active{text-decoration:none; color:#3a3a3a;}

/* skip accessibility */
.skip_accessibility {position:relative;width:100%;z-index:101}
.skip_accessibility a {position:absolute;top:-34px;left:0;height:33px;padding:0 20px 0 26px;border-bottom:1px solid #3f4243;font-size:11px;line-height:14px;background-color:#26292a;color:#fff;letter-spacing:-1px;text-align:center}
.skip_accessibility a:active,
.skip_accessibility a:focus {overflow:hidden;top:0;text-decoration:none}
.skip_accessibility a:active,
.skip_accessibility a:hover {color:#fff}
.skip_accessibility span {display:inline-block;padding-right:10px;margin-top:11px;background-position:100% -1248px;vertical-align:top}

/* Common */
.clearfix{clear:both}
.clearfix:after{content:""; display:block; clear:both}
.show{display:block}
.hide{display:none}
.en{font-family:Verdana !important; letter-spacing:-1px}
.txt_num {font-family:tahoma,sans-serif; /* letter-spacing:-.3px */}
.txt_center {text-align:center;}
.txt_right {text-align:right;}

/* btn Common 주소록*/
.bt_cm_nmrl_add {padding-left:5px; padding-right:5px; border:1px solid #a4a4a4; background-color:#fff; text-align:center; font-size:12px; color:#333;}
.bt_cm_nmrl_add.selected {border:1px solid #0d63c1;color:#fff; background:#367fce;}
.bt_cm_nmrl_add.selected:hover {border:1px solid #0d63c1;color:#fff; background:#367fce;}
.bt_cm_nmrl_add:hover {border-color:#6faff4; color:#1e1e1e;background:#dfedfd;}

/* btn Common */
.bt_cm_nmrl {padding-left:7px; padding-right:7px; border:1px solid #cbcbcb; background-color:#fff; text-align:center; font-size:12px; color:#333;}
.bt_cm_nmrl:hover {border-color:#333; color:#333;font-weight:600;}

.sub_btns_w .bt_cm_nmrl, .layer_btn_box .bt_cm_nmrl {padding: 7px 20px; border: 1px solid #a4a4a4; background-color: #fff; text-align: center; font-size: 14px;color: #333;}

.bt_cm_sml {min-height:21px; line-height:19px;}
.bt_cm_md {line-height: 28px; background: #ffffff;vertical-align: middle;}
.bt_cm_nmrl .bul_arr {display:inline-block; width:15px; height:10px; background-position:-220px -228px}
.lnb_link .bul_arr {display:inline-block; width:15px; height:10px; background-position:-220px -196px}
.bt_w_95 { width : 95px; }


/* Form attribute */
.ip_txt_w {display:inline-block;}
.ip_txt_w .ip_txt {width: 90%; height:23px; line-height:19px; display:inline-block; padding:0 5px;border: 1px solid #a4a4a4;}
.ip_chk {height: 23px;line-height: 19px; display: inline-block;padding: 0 5px;border: 1px solid #a4a4a4;}
.paging_ip .ip_txt_w .ip_txt { width: 30px; text-align: right;}
.sel_fm {height:25px; border:1px solid #a4a4a4;}
.txtarea {padding:5px; border:1px solid #a4a4a4;}

/*input width*/
.ip_txt_w .datePicker {text-align: center;width:100px;}
.cont_sett_ip .ip_txt_w .ip_txt {width:95%;}
.ip_direct .ip_txt_w .ip_txt{widows: 100%;}

/* icon_content.png */
.icon_ml,.btn_sett,.icon_op,.icon_sett,.icon_arr,.btn_add,.bul_arr,.bul_arrb,.icon_sch,.icon_del,.icon_re,.icon_plus,.btn_detail_close,.icon_important,.icon_read,.icon_favorit,.icon_file,.mi_reply,.move_prev,.move_next,.btn_layer_close,.bg_prv,.icon_down,.re_reply:after,.icon_prev,.talk_list .message_box:after,.btn_talk_close,.btn_refresh,.icon_more,.icon_back,.icon_print,.icon_send,.icon_new_win,.mail_addr .btn_del,.btn_add_minus,.icon_file_drag,.icon_addr,.addr_auto_list .btn_del,.addr_search .btn_search,.btn_remove,.tab_setup li a:after,.icon_folder,.icon_low_folder,.btn_join_o,.btn_join_x,.icon_get,.icon_save_o,.icon_save_x,.icon_expand,.icon_nomsg,.btn_question,.icon_tag,.tit_tag,.txt_tag,.btn_tag_modify,.layer_tag_box .btn_del,.layer_lnb_tag:after,.icon_lately,.icon_del_add,.icon_letter,.icon_import,.icon_export,.btn_move_up,.btn_move_down,.icon_success,.icon_fail,.lnb_tag_list .btn_del,.icon_rank,.btn_modi,.icon_read_reply,.icon_read_delivery, .icon_pagedown, 
.icon_pageup {
	background-image: url(../images/ui_content/icon_content.png);
	background-repeat: no-repeat;
}
.icon_addr {width:17px; height:14px; vertical-align:-4px; background-position:-481px -168px;}
.icon_sett {display:inline-block; width:10px; height:11px; background-position:-115px -25px; vertical-align:-2px;}
.icon_sch {display:inline-block; width:14px; height:14px; vertical-align:-3px; background-position:-341px -229px;}
.icon_new_win {display:inline-block; width: 18px;height: 15px; background-position: -87px -116px;}
.icon_print {display:inline-block; width:26px; height:28px; background-position:-172px -317px;}
.pop_header .icon_print {display:inline-block; width:25px; height:28px; background-position:-172px -381px;}
.icon_important {width:16px; height:16px;}
.icon_important.on {background-position:-206px -143px}
.icon_important.off {background-position: -206px -116px;}
.icon_read {width:20px; height: 20px; }
.icon_read.on {background-position:-3px -22px;}
.icon_read.off {height:13px; background-position: -3px 2px;}

.icon_read_reply.off{ width:20px; height:18px; background-position:-24px -50px;}/*답장아이콘 봉투닫힘*/
.icon_read_delivery.off{width:20px; height:18px;background-position:-1px -51px;}/*전달아이콘 봉투닫힘*/
.icon_read_replydelivery.off{width:25px; height:20px;background-position:-49px -51px;}/*전달아이콘 봉투닫힘*/
.icon_read_reply.on{ width:20px; height:20px; background-position:-24px -80px}/*답장아이콘 봉투열림*/
.icon_read_delivery.on{width:20px; height:20px; background-position:-1px -81px;}/*전달아이콘 봉투열림*/
.icon_read_replydelivery.on{width:25px; height:20px; background-position:-49px -82px}/*전달아이콘 봉투열림*/

.icon_favorit {display:inline-block; width:20px; height:20px; background-position:-237px -143px; vertical-align: middle;}
.icon_favorit.on {background-position:-237px -141px;}
.icon_favorit.off {background-position:-237px -114px;}
.icon_file {background-position:-134px -81px;}
.icon_folder {width:14px; height:12px; background-position:-60px -40px; vertical-align:-2px; margin-right:5px;}
.icon_low_folder { width:24px; height:12px; background-position:-80px -40px;}
.icon_folder, .icon_low_folder {display:inline-block; vertical-align:-2px; margin-right:5px;}
.icon_del {display:inline-block; width:6px; height:5px; background-position:-150px -35px;}
.icon_save_o, .icon_save_x {display:inline-block; width:17px; height:17px; margin:0 5px;}
.icon_save_o {background-position:-194px -260px;}
.icon_save_x {background-position:-194px -283px;}
.icon_tag {display:inline-block; width:20px; height:9px; background-position:-160px -40px; }
.icon_success {display:inline-block; width:15px; height:10px; background-position:-116px -208px;}
.icon_fail {display:inline-block; width:11px; height:10px; background-position:-320px -65px;}

/* pop tab */
[class^="tab_comm_"] { font-size: 0;position: absolute; top: 18px; right: 30px;}
[class^="tab_comm_"] a { display: inline-block; height: 32px; line-height: 28px; padding: 0 25px; border: 1px solid #d7d7d7; border-bottom: none;  border-radius: 5px 5px 0 0; margin-right: -1px; background-color: #ddd;  color: #333;font-weight: bold;font-size: 14px; margin-left: 4px;}
[class^="tab_comm_"] a:hover,
[class^="tab_comm_"] .selected {position: relative; z-index: 2; margin-bottom: -1px;border-color: #fff;  background-color: #fff;}

/* layertab */
.layer_popup_full [class^="tab_comm_"] { font-size: 0;position: absolute; top: 59px; right: 30px;}

.profile_img img {border-radius:19px;}
.sub_btns_w {text-align:center; margin-top:15px;}

.info_state {width:700px;margin:0 auto;}
.info_state .state_tit {color:#000;padding-top:50px;padding-bottom:20px;font-size:26px;font-weight:normal;font-family:'맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '굴림', Gulim, Arial, 'Sans-serif';}
.info_state .state_wrap {background:#ceeefc url('/images/info_state_bg.png') no-repeat 20px 60px;padding:40px 0 30px 0}
.info_state .state_wrap .state {width:360px;margin-left:270px;padding-bottom:50px}
.info_state .state_wrap .state h3 {color:#4e748b;font-size:24px;font-family:'맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '굴림', Gulim, Arial, 'Sans-serif';}
.info_state .state_wrap .state h3 p {color:#4e748b;font-size:12px;font-weight:normal;padding-bottom:20px;padding-top:5px}
.info_state .state_wrap .state div {width:100px;height:100px;border-radius:100%;margin:0 auto;}
.info_state .state_wrap .state div .txt {display:block;widht:100px;text-align:center;line-height:100px;color:#fff;font-size:17px;font-weight:600;font-family:'맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '굴림', Gulim, Arial, 'Sans-serif'; }
.info_state .state_wrap .state .smooth_box {background:#2da000;}
.info_state .state_wrap .state .somedelay_box {background:#ffc600;}
.info_state .state_wrap .state .delay_box {background:#ff0000;}
.info_state .state_wrap .state_list {background-color:#fff;width:650px;margin:0 auto;overflow:hidden;padding:10px} 
.info_state .state_wrap .state_list strong {float:left;padding-right:10px;line-height:16px;padding-left:150px}
.info_state .state_wrap .state_list ul li {display:inline-block;padding-right:20px;}
.info_state .state_wrap .state_list ul li span {display:inline-block;width:16px;height:16px;border-radius:100%;margin-right:5px;vertical-align:middle}
.info_state .state_wrap .state_list ul li .smooth {background:#2da000;}
.info_state .state_wrap .state_list ul li .somedelay {background:#ffc600;}
.info_state .state_wrap .state_list ul li .delay {background:#ff0000;}

.bt_cm_md_na02 {height:25px;line-height:20px;border-radius:3px;}

#simplemodal-overlay {background-color:#000;}

/*[008]주고받은메일묶어보기*/
.mail_info .mi_bind .txt_num {    /* line-height: 25px; */ display: inline-block; font-size: 10px; letter-spacing: 0; color: #d42103;  width: 13px; text-align: center;  position: absolute; top: 6px;;}

/*Ms*/
v\:* { BEHAVIOR: url(#default#VML) }
o\:* { BEHAVIOR: url(#default#VML) }
x\:* { VISIBILITY: hidden; POSITION: relative }
.shape { BEHAVIOR: url(#default#VML) }

/*
input::-ms-input-placeholder { color: #8b8b8b; } /* Internet Explorer 10 이상에 적용 */
input::-webkit-input-placeholder { color: #8b8b8b; } /* Webkit, Blink, Edge에 적용 */ 
input::-moz-placeholder { color: #8b8b8b; } /* Mozilla Firefox에 적용 */
*/
::-webkit-input-placeholder{color:#B6B6B6;}
:-ms-input-placeholder{color:#B6B6B6;}
::-moz-placeholder{color:#B6B6B6;}
:-moz-placeholder{color:#B6B6B6;}

input:focus {color: #333;}

/*
.head_btns_list .ip_chk {width: 14px; height: 14px; margin: 6px; padding: 0;}
*/
.reply_n01 .ip_chk, .wrt_addition .ip_chk {width: 14px; height: 14px; margin: 6px; padding: 0;}

.layer_mini { top: 28px;min-width: 100px;}
.layer_mini ul.layer_list_basic a { display: block; padding: 0 3px; color: #333; }

form.membox {border: 1px solid #e5e5e5;padding: 20px; border-radius: 2px;}
table.tabx {width: 100%;}
table.tabx tr td { font-size: 12px;}
th.tit {padding: 10px 0; text-align: left;}
tr#provision th.tit {padding-top: 20px;}
textarea.agreebox {background-color: #f5f5f5;opacity: 1;  color: #999;font-size: 12px; padding: 10px;}

.membox .sett_tb tbody th, .membox .sett_tb tbody td {
    border-top: 1px solid #fff;
}