/* CSS Document */
td,th,input, select,body,textarea {
    font-family:'Malgun Gothic',verdana,Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#333;
    line-height:18px;
    letter-spacing:-0.5px;
}

button{cursor:pointer;font-family:'Malgun Gothic',verdana,Arial, Helvetica, sans-serif;line-height:1}
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    /*border: 1px solid #d5d5d5;/*2013.11.15 메뉴추가*/
    /*background-color: #ffffff; 2013.11.15 메뉴추가*/
    text-align: left;
    font-weight: normal;
    font-size: 11px;
}

a{text-decoration:none; color:#676767;cursor:pointer}
/*
a:visited { text-decoration:none; color:#333333;}*/
a:hover {text-decoration:none; color:#4f8bb8;}

img {border: none;}

body {margin:0;padding:0;}

p{margin:5px 0;}

textarea {padding:10px;line-height:18px;border : #e4e4e4 1px solid;}

.check                  {margin-left:5px; border:0px;}

/*텍스트스타일*/
.txtb_676767            {color:#676767;font-weight:bold;}
.txtb_blue              {color:#0084d4;font-weight:bold;}
.txt_0000               {color:#000000;font-weight:bold;}
.txt_blue               {color:#0084d4;}
.txt_dipblue            {color:#00347b;font-weight:bold;}
.txt_3333               {font-size: 12px;color:#333333;}
.txt_red                {color:#e50408;}
.txtb_red               {color:#e50408;font-weight:bold;}
.txt_11px               {font-size: 11px;}
.txt_bold               {font-weight:bold;}
.txtb_16px   { font-family:'Malgun Gothic','Dotum',sans-serif;font-weight:bold; font-size:16px;}
.txtb_red_16px   { font-family:'Malgun Gothic','Dotum',sans-serif; color:#e50408;font-weight:bold; font-size:16px;}
.txtb_blue_16px   { font-family:'Malgun Gothic','Dotum',sans-serif; color:#0084d4;font-weight:bold; font-size:16px;}

/* 테이블 필드 */
.tb_fdtop               {font-weight:bold;color:#333333;text-align:center;height: 30px;}
.tb_fdleft              {color:#CE0000;background-color:#F7F7F7;padding-left:40;height:30;}
.tb_fdjoin              {color:#444444;background-color:#F7F7F7;height:30;}/*회원가입 필드 */
.tb_fdjoin_red          {color:#CE0000;background-color:#FBE5E3;height:30;}/*회원가입 필드 Red*/

/* 테이블 라인 */
.tb_litop               {border-top:1px solid #cccccc;}
.tb_litop2px            {border-top:2px solid #9d9d9d; border-bottom:1px solid #cccccc;}
.tb_libottom            {border-bottom:1px solid #cccccc;}
.tb_libottom            {border-bottom:1px solid #D7D7D7;}
/*.tb_lileft              {border-left:1px solid #D7D7D7;}
.tb_liright             {border-right:1px solid #D7D7D7;}*/
.tb_liback              {background-color:#D7D7D7;}

/* 테이블 스타일 */
.table_Ttop_bold    {font-weight: bold;padding-top: 4px;text-align: center;}
.table_Ttop_solid   {font-weight: bold;padding-left:10px;}
.table_Ttop_top   {padding-left:10px;}
.table_Ttop_font    {padding-top: 4px; height: 30px; padding-left:20px;}
.table_Ttop_rig     {font-weight: bold;padding-top: 4px; text-align: right; height: 30px; padding-right:7px;}

.table_top          {border-bottom: solid 1px #dddddd;  height: 27px; padding-left: 20px;}
.table_mid_w        {padding-left: 20px;}
.table_mid_t        {padding-left: 10px;}
.table_mid_bw       {font-weight: bold; padding-left: 10px;}
.table_mid_top       {padding-left: 10px;}
.table_mid_g        {border-bottom:1px solid #dddddd; height: 27px; background-color:#f5f5f5; padding-left: 20px;}

.tb_top_L7p         {padding-left: 7px;}
.tb_mid_wL7p        {padding-left: 7px;}
.tb_mid_gL7p        {padding-left: 7px;}

.table_top_cen      {text-align: center;}
.table_mid_wcen     {text-align: center;}
.table_mid_gcen     {text-align: center;}

.tb_top_rig         {text-align: right;}
.tb_mid_Wrig        {text-align: right;}
/*.tb_mid_wrig        {border-bottom:1px solid #dddddd;   height: 27px; text-align: right; padding-right:7px;}*/
.tb_mid_Grig        {border-bottom:1px solid #dddddd;  height: 27px; background-color:#f5f5f5; text-align: right; padding-right:7px;}
.tb_mid_grig        {border-bottom:1px solid #dddddd;  height: 27px; background-color:#f5f5f5; text-align: right; padding-right:7px;}

.tb_top_left{
	/* border-top:2px solid #dddddd;border-right:1px solid #dddddd;border-bottom: solid 1px #dddddd; */ 
	text-align: left;background-color:#f5f5f5;}

.table_blue         {background-color: #f8fbfd;border: 3px solid #86bade;padding: 5px;}
.table_blue2         {background-color: #f8fbfd;border: 3px solid #86bade;padding: 10px;}
.table_gray         {background-color: #ffffff;border: 5px solid #f5f5f5;padding: 25px; border-collapse:separate;}
.table_dipG     {border-top:1px solid #dde2e4; border-bottom:1px solid #dde2e4;   height: 113px; background-color:#f6f7f7; padding:10px; border-collapse:separate;}
.table_layerSer {background-color: #f8fbfd;border: 3px solid #86bade;padding: 10px;}
.layerTtop_bold {/*border-top:2px solid #668daa;*/ font-weight: bold;padding-top: 3px;  border-bottom: 2px solid #aec5d7; text-align: center; height: 27px;}
.layerMid_wcen  {height: 25px; text-align: center;}
/*.layer_lileft               {border-left:1px solid #aec5d7;}
.layer_liright              {border-right:1px solid #aec5d7;}

/*테이블 기본크기,들여쓰기적용*/
.tb_pd_tot7p        {padding-top:7px;}
.tb_pd_hei30p       {height:30;}
.tb_pd_lef7p        {padding-left:7px;}
.tb_pd_lef10p       {padding-left:10px;}
.tb_padding         {padding:7 10 5 10;}
.cen                {text-align: center;}
.right              {text-align: right;}
.title              {height: 30px; vertical-align:top;}

.tb_c_FF            {background-color:#FFFFFF;  height: 26px;}  /*기본테이블 라인만들기(2)*/
.tb_c_F7            {background-color:#F7F7F7;}
.tb_c_F1            {background-color:#F1F1F1;  height: 26px;}
.tb_c_F9            {background-color:#E9E9E9;}
.tb_c_FA            {background-color:#FAFAFA;}

/*input 박스 스타일*/
.input              {background-color:#fff;}
.input_red          {font-weight: bold;background-color:#ffeeee;color:#fd555c;}
.input_blue         {font-weight: bold;background-color:#e5f1f9;color:#2a86e8;}
.input_violet       {font-weight: bold;background-color:#f0ecf9; color:#6e4f88;}


form {margin:0; padding:0;}
.path   {color:#000000;text-align:right;padding-right:9;font-size:11px;}
.path2  {color:#000000;text-align:right;vertical-align:bottom;padding-right:9; padding-bottom:3;font-size:12px;}

/*2007.03.02추가*/
.table_dipGG        {border-top:1px solid #dde2e4; border-bottom:1px solid #dde2e4; background-color:#f6f7f7; padding: 10 10 10 20; }
.pop_padding            {padding:0 10px 0 15px;}

/* 2007.03.5 수정 */
.table_blue         {background-color: #f8fbfd;border: 3px solid #86bade;padding: 18px;}

/* select 스타일 */
.selectBox   {font-family: 'Malgun Gothic','Dotum'; font-size: 11px; color: #858585; behavior: url('../style/selectBox.htc'); cursor: pointer;}

.selectBox2   {font-family: 'Malgun Gothic','Dotum'; font-size: 11px; color: #858585;}

.selectBox3   {margin-left: 5px;}

/* 문서관리 페이지 관리 아이콘 스타일 */
.toolIcon { cursor: pointer; border: 0px; margin-left: 2px; margin-right: 2px; }

/* 마우스 커서 스타일 */
.cursorPointer { cursor: pointer; }
.cursorMove { cursor: move; }
.cursorHand { cursor: hand; }

/* 자동완성 레이어 스타일 */
#autocomplete {
    position: absolute;
    width: 219px;
    z-index:1;
    border:1px solid #ededed;
    top:342px;
    margin-left:0;    
    filter: Alpha(Opacity=80);
    display:none;
}

.ac_table { padding: 3px; }
.ac_tr { height:18px; cursor:hand; background-color:#ebf7f5; cursor:pointer; }
.ac_tr_over { height:18px; cursor:hand; background-color:#e7ecf0; cursor:pointer; }
.ac_td { width:206px; }
.ac_bold { color:#2d80b9; font-weight:bold; }
.ac_scroll { overflow:auto; }

/* 팝업메시지 레이어 스타일 */
#popup {
    position: absolute;
    width: 200px;
    height: 84px;
    display: none;
}

/* 계산서 디자인용 스타일 */
p.breakhere {
    height: 0px;
    margin: 0px;
    padding: 0px;
    page-break-before: always;
}

.tf-10 {
    font-size: 18px; color: #333333; line-height: 13pt; font-family: geneva,'MalgunGothic','Dotum', 굴림;
}
.tf-9 {
    font-size: 12px; color: #333333; line-height: 13pt; font-family: geneva,'MalgunGothic','Dotum';
}
.tf-8 {
    font-size: 11px; color: #333333; font-style: normal; font-family: geneva,'MalgunGothic','Dotum'; text-decoration: none;
}
#test table { border-color:#CC3366;}
#test td {border:1px solid #CC3366;}
#top_tb td, #tt_tb td, #bottom_tb td{border:none;}

.numeric {
    font-size: 9px; color: #333333; font-style: normal; font-family: 'MalgunGothic','Dotum'; text-decoration: none; text-align: center;
}
.money {
    font-size: 9px; color: #333333; font-style: normal; font-family: 'MalgunGothic','Dotum'; text-decoration: none; text-align: right; PADDING-RIGHT: 1px;
}

#apDiv1 {
	/*
	position:absolute;
	left:11px;*/
	text-align:center;
	width:100%;
	background:#0ba2e7;
	z-index:1;
	/*
	background: -webkit-linear-gradient(left,#2cb5e4, #0ba2e7 , #2cb5e4); /* Chrome 10-25, Safari 5.1-6 
	background: linear-gradient(to right,#2cb5e4, #0ba2e7 , #2cb5e4); 
	background: -o-linear-gradient(left,#2cb5e4, #0ba2e7, #2cb5e4); 
	background: -moz-linear-gradient(left,#2cb5e4, #0ba2e7, #2cb5e4)
	*/
}

.text{
	color:red;
	float:left;
	margin-top:6px;
	margin-left:6px;
}

.fileCell{
	border:1;			
	width:530;	
	height:24;	
	background-image: url(../Images/filebg.gif);background-repeat:repeat-x;
	margin-left:7px;
}


/* ********************************************
 * 2016.08.12 
 * -------------------------------------------*/

hr{margin:20px 0;border-left:none;border-top:none;border-bottom:1px solid transparent;}
hr.blank{display:block;border-bottom-color: transparent}
hr.blank.sm{margin:10px 0;}
hr.blank.md{margin:15px 0;}

.border_box{box-sizing:border-box}
.width_100p{width:100%}
.clearfix:after{content:"";display: table;clear: both}

input[type="text"],
input[type="password"]{padding:3px 5px;height:30px;font-family:'Malgun Gothic','Dotum';border:1px solid #ddd;line-height:22px;box-sizing:border-box}
input[type="radio"]{margin-top:0;cursor: pointer}
input[type="checkbox"],input[type="radio"]{vertical-align:middle;cursor: pointer}
input.readonly{background-color:#f0f0f0}
input + input{margin-left:5px}
select{height:30px;;border:1px solid #ddd;}
.input_sm{padding-top:2px !important;padding-bottom:2px !important;height:24px !important}
.input_sm input[type="text"],
.input_sm input[type="password"],
.input_sm select{height:24px !important;line-height:1.1 !important}
code{padding:2px 4px;background-color:#f9f2f4;border-radius:4px}


.bg_gray{background-color:#f1f1f1}

/* float */
.pull_left{float:left !important}
.pull_right{float:right !important}

/* display */
.dis_block{display:block !important}
.inline_block{display:inline-block}

/* align */
.text_center{text-align:center !important}
.text_left{text-align:left !important}
.text_right{text-align:right !important}
.valign_bottom{vertical-align:bottom !important}
.valign_middle{vertical-align:middle !important}
.valign_top{vertical-align:top !important}

/* padding */
.no_padding{padding:0 !important}
.no_padding_b{padding-bottom:0 !important}
.no_padding_vr{padding-top:0 !important;padding-bottom:0 !important}
.no_padding_hr{padding-left:0 !important;padding-right:0 !important}
.padding_sm_vr{padding-top:5px !important;padding-bottom:5px !important}
.padding_md_vr{padding-top:10px !important;padding-bottom:10px !important}
.padding_left_5{padding-left:5px}

/* margin */
.no_margin{margin:0 !important}
.no_margin_t{margin-top:0 !important}
.no_margin_l{margin-left:0 !important}
.no_margin_b{margin-bottom:0 !important}
.no_margin_vr{margin-top:0 !important;margin-bottom:0 !important}
.no_margin_hr{margin-left:0 !important;margin-right:0 !important}
.blank_vr{margin-top:15px !important;margin-bottom:15px !important}
.blank_sm_r{margin-right:5px}
.blank_sm_l{margin-left:5px}
.blank_l{margin-left:15px}
.blank_sm_t{margin-top:5px}
.blank_md_t{margin-top:10px !important}
.blank_t{margin-top:15px !important}
.blank_b{margin-bottom:15px !important}
.blank_md_b{margin-bottom:10px !important}
.blank_sm_b{margin-bottom:5px !important}


/* table */
.dis_table{display:table;width:100%;box-sizing:border-box}
.dis_table .tr{display: table-row}
.dis_table .td,.dis_table .th{display:table-cell;vertical-align:middle}
.dis_table .td.vtop,.dis_table .th.vtop{vertical-align:top}
.dis_table .th{font-weight: 600}
.td.blank{width:30px}

.table{border-top:1px solid #7d7d7d;border-bottom:1px solid #ddd;border-collapse:collapse}
.table > thead th,
.table > thead td{font-weight:600;text-align:center;border-bottom:1px solid #ddd}
.table > tbody td{text-align:center;border-top:1px solid #ddd}
.table > tbody tr:first-child td{border-top:none}
.table.margin_top{margin-top:7px}
.table.text_left > tbody td{text-align:left}
.table td{padding:7px}
.table .tb_top_rig{text-align: right;}
.table .tb_mid_Wrig{text-align: right;}
.table .tb_top_left{text-align:left;font-weight:600}
.table_padding_sm td{padding:7px 4px}
.table_list > thead th,
.table_list > thead td{background:#f7f7f7;border-bottom: 1px solid #d0d0d0;box-sizing:border-box}
.table_list > tbody td{border-top-color:#efefef}
/* .table_list > tbody tr:hover{background-color:#ddd} */
.table_list td,
.table_list th{padding:7px 3px;}
.table_list td > img{vertical-align:middle}
.table_list .fa-save{font-size:14px;color:#0ba2e7}
.table_list .fa-save.no{color:#c3c3c3}
/*.table.input > tbody td{height:45px;}*/


/* text */
.text_sm{font-size:11px}
.text_nor{font-size:12px}
.text_md{font-size:13px}
.text_lg{font-size:16px}
.text_dark{color:#333}
.text_darkblue{color:#314f96}
.text_light{color:#bbb}
.text_noletter{letter-spacing:0}

/* layerpopup */
.modal_overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:auto;background: rgba(255,255,255,0.5)}
.layer_popup{background-color:#fff;}
.layer_title{margin:0;padding:20px 15px;
	border-left:1px solid #0d8bc5;border-right:1px solid #0d8bc5;border-top:1px solid #0d8bc5;
	color:#fff;background-color:#0ba2e7;}
.layer_body{padding:30px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc}
.layer_close{float:right;display:inline-block;margin-top:11px;margin-right:10px;
	width:37px;height:37px;text-indent:-9999em;background:url('../Images/pop_close.gif') no-repeat}
.layer_popup h2.con_title{font-size:13px;}
.layer_popup h2.con_title:before{margin-top:2px;margin-right:5px;width:3px;height:16px}
.layer_popup textarea{margin-top:7px;margin-bottom:20px;}
.layer_popup .icon_explain{margin-bottom:0}
.new_popup{background-color:#fcfcfc}
.new_popup .layer_title{border:none;}
.new_popup .layer_body{border:none;padding:20px 15px}
.new_popup .tab{border-radius:3px 3px 0 0}
.new_popup h2.con_title{margin-bottom:7px}
.tabContainer{margin:0;width:100%;} 
.tabContainer .digiTabs{list-style:none;display:block;overflow:hidden;margin:0;padding:0px;position:relative;top:1px;} 
.tabContainer .digiTabs li{float:left;margin-right:4px;padding: 8px 12px;border:1px solid #c7c7c7;cursor:pointer;border-bottom:none;font-weight:bold;color:#fff;} 
.tabContainer .digiTabs .selected{background-color:#fff;color:#393939;}
#tab1Content{padding:10px;background-color:#fff;overflow:hidden;border:1px solid #e1e1e1;} 
#tab2Content{padding:10px;background-color:#fff;overflow:hidden;border:1px solid #e1e1e1;} 

.layer_body ul{font-size:12px}

/* calendar */
#minical{border:1px solid #ccc}
#minical .cal_head{background:#0ba2e7;}
#minical .cal_head td{text-align:center;color:#fff}
#minical .btn_close{
	display:block;position:absolute;top:-1px;right:-30px;padding-top:5px;width:30px;height:30px;
	text-align:center;font-size:17px;background:#ccc;box-sizing:border-box}
#minical .arrow{width:36px}
#minical .arrow a{display:block;width:36px;height:36px;font-size:14px;color:#fff !important}
#minical .arrow .fa{line-height:37px;}
#minical .arrow:hover{background-color:#40b5ea}
#minical .cal_week td{height:33px;text-align:center;color:#fff;font-weight:600;background:#078fce}
#minical .cal_date td{line-height:27px;text-align:center;background:#fff;border-right:1px solid #eee;border-bottom:1px solid #eee}
#minical .cal_date td:last-child{border-right:none;}
#minical .cal_date:last-child td{border-bottom:none}
#minical .select{font-weight:bold;background:#ddd}
#calendar_wdate1,#calendar_wdate2{margin-left:3px;margin-right:7px;}

/* button */
.btn{
	display:inline-block;padding:3px 9px;
	font-size:12px;font-weight:600;color:#fff;
	border:1px solid #00ACC1;border-radius:3px;background-color:#00ACC1;}
.btn:hover{color:#fff;border:1px solid #00acc1;background-color:#00BCD4;}
button.btn{height:24px;letter-spacing:-0.75px}
button.btn_md{height:30px}
button.btn_lg{height:38px}
button.btn_xlg{height:56px}
.btn.btn_sm{padding:2px 8px;font-size:11px}
.btn.btn_md{padding:5px 15px;}
.btn.btn_lg{padding:9px 18px;font-size:15px}
.btn.btn_xlg{padding:15px 30px;font-size:18px}
.btn_gray{background-color:#929292;border:1px solid #929292}
.btn_gray:hover{background-color:#a2a2a2;border-color:#929292}
.btn_white{background-color:#fff;border:1px solid #adadad;color:#555}
.btn_white:hover{background-color:#f1f1f1;border-color:#adadad;color:#555}
.btn_dark{background-color:#03a6e2;border:1px solid #03a6e2}
.btn_dark:hover{background-color:#1db4ec;border-color: #03a6e2}
.btn_danger{background-color:#d24d4d;border:1px solid #d24d4d}
.btn_danger:hover{background-color:#de5c5c;border-color: #d24d4d}
.icon_explain{margin-bottom:-7px;padding:5px 10px;border:1px solid #d8d8d8;border-bottom:none;background:#f7f7f7}
.icon_explain > span{vertical-align:middle}
.icon_explain > img{vertical-align:middle}
.icon_explain .modify{color:#599c28}
.icon_explain .history{color:#4d93e6}
.icon_explain .file{color:#ec5569}
.icon_explain .message{color:#FF9800}
.icon_explain > span + img{padding-left:10px}


/* box */
.gray_box{padding:20px;background-color:#f7f7f7;border:3px double #ddd}
.blue_box{padding:14px 30px;border:1px solid #d9e3ec;background:#f3f8fd;letter-spacing:-0.75px}


/* login */
.login{margin:100px auto;width:446px;}
.login .page_title{margin-bottom:35px}
.login .page_title > p{margin-top:10px;}
.login .input_info{margin-bottom:15px}
.login .input_info > li{margin-bottom:10px}
.login .input_info > li > span{
	display:block;float:left;margin-right:15px;width:130px;
	font-size:16px;line-height:40px;color:#717171;}
.login .input_info > li > input{padding:6px 10px;height:40px;font-size:14px}
.login .btn_area .button{width:49%}


/* layout */
#top{padding-top:25px;}
#top span.bar{padding-left:6px;padding-right:5px;vertical-align:top}
#top .user{margin:0 auto 10px;width:1000px;}
#top .pull_right{margin-top:11px;margin-bottom:0;}
#top .banner{text-align:center;background-color:#e1e9f0}
#container{margin:0 auto;width:1000px;}
#container > .location{padding-top:10px;padding-bottom:10px;font-size:11px}
#container > .location a{color:#999}


/* title */
h1.page_title{margin-top:10px;;margin-bottom:25px;font-size:26px;font-weight:500;line-height:1;letter-spacing:-1.5px;}
h2.con_title{margin:0;font-size:15px;letter-spacing:-0.75px}
h2.con_title:before{content:"";display:inline-block;margin-right:8px;width:4px;height:20px;background-color:#24c5c4;vertical-align: top}


/* 인증서 공통 */
.top_notice{background-color: #f1f1f1;border-radius:4px}
.top_notice .td{padding:20px 25px}
.top_notice .td p:nth-child(2){margin-bottom:0}
.top_notice + hr{margin-bottom:0}

.claim{margin-top:20px;padding-top:20px;padding-bottom:20px;font-size:15px;font-weight:bold;border-top:3px double #ddd;border-bottom:3px double #ddd}

.searchbox .blank_l{margin-left:42px}
.searchbox .label{margin-right:10px}

.pagenation{margin-top:20px}
.pagenation .left{width:20%}
.pagenation .right{width:20%}

#writerLog{margin-top:10px;}
.data_box{padding:30px;border:1px solid #566488;border-radius:4px}
.data_box ul{padding-left:22px;list-style: disc;font-size:13px;line-height:21px}
.data_box ul > li{margin:4px 0}
ul.list{padding-left:22px;list-style: disc;font-size:12px;line-height:19px}
ul.list > li{margin:4px 0}
.data_box .gray_box{margin-top:20px;margin-bottom:20px;border:1px solid #ddd;border-radius:5px;}
#file_bulk{width:250px}
.stamp_view{padding:5px;width:70px;background:#fff;border:1px solid #eee}
.dis_table.password .th,
.dis_table.password .td,
.gray_box.mail_address .th,
.gray_box.mail_address .td,
.gray_box.certificate .th,
.gray_box.certificate .td{padding-top:5px;padding-bottom:5px}
.dis_table.password .th{width:150px}
.dis_table.password .td > span{margin-left:15px}
.gray_box.mail_address .th{width:130px}
.gray_box.certificate .th{width:130px}
.gray_box.certificate input{width:200px}


/* footer */
#footer{padding-top:20px;padding-bottom:25px;background-color:#4b5056;color:#9198a2}
#footer a{color:#9198a2}
#footer .customer{float:left;margin-top:21px;width:270px}
#footer .menu > li{float:left;margin-right:25px;font-size:12px;line-height:30px}
#footer .menu > li > a{color:#fff}
#footer .copy{letter-spacing:0;color:#848990;font-size:11px}

/* 우편번호찾기 버튼 */
#btn_addr{margin-left:0}


/* 매출문서작성 > 수정세금계산서 > 팝업 */
#layer_modcause ul > li{padding-top:3px;padding-bottom:2px}