@charset "utf-8";

/* Common */
*{margin:0; padding:0;}
body{_text-align:left;}
html {height: 100%; }
body {letter-spacing:0px; margin:0; background-color:#fff; font-weight:normal;}
img  {border:none; vertical-align:middle; }
form, div, p, span, ul, li, dl, dt, dd, textarea, h1, h2, h3 {margin:0px; padding:0px; word-break:keep-all;font-family:NanumGothic, 나눔고딕,NanumGothicWeb, ng, Tahoma, Geneva,굴림, sans-serif;}
form label, label {height:19px;color:#595959;cursor:default;font-size:12px;text-align:left;font-family:NanumGothic, 나눔고딕,NanumGothicWeb, ng, Tahoma, Geneva,굴림, sans-serif;}
select { vertical-align:middle; border:1px solid #dcdcdc; color:#000000; padding:3px;font-family:NanumGothic, 나눔고딕,NanumGothicWeb, ng, Tahoma, Geneva,굴림, sans-serif;}
input  { vertical-align:middle; border:1px solid #dcdcdc; color:#000000; padding:3px;font-family:NanumGothic, 나눔고딕,NanumGothicWeb, ng, Tahoma, Geneva,굴림, sans-serif;}
textarea  { border:1px solid #627aad; color:#000000; padding:5px;font-family:NanumGothic, 나눔고딕,NanumGothicWeb, ng, Tahoma, Geneva,굴림, sans-serif;}

select[disabled] {background-color: #e8e8e8;}

input[type=checkbox]  { border:0px solid #dcdcdc; color:#000000; padding:3px;}
input[type=radio]  { vertical-align:middle; border:0px solid #dcdcdc; color:#000000; padding:3px;}

/*font.css*/
body {font-size:12px;color:#000000;font-family:NanumGothic, 나눔고딕,NanumGothicWeb, ng, Tahoma, Geneva,굴림, sans-serif;}

textarea, input, select{font-size:12px;color:#000000; }

/* 링크 색 및 형태 지정 */
a:link, a:visited {color:#000000;text-decoration:none;}
a:active, a:hover {color:#000000;text-decoration:none;}

/* [s] 테이블 기본스타일 */
table {border-collapse:collapse; word-break:break-all;text-align:left; font-weight:normal; font-size:12px; text-align:left;}
th, td {font-weight:normal; text-align:center;}
/* [e] 테이블 기본스타일 */

/* [e] notice 추가 */
.clearfix {display: inline-block;}
.clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.ovhd {overflow:hidden;}
.dsp_n {overflow:hidden; position:absolute; top:-10000px; left:0; /* visibility:hidden; */ font-size:0; line-height:0; height:0;text-indent: -99999px; z-index:200;}
.dsp_b{display:block !important}
.dsp_ib{display:inline-block !important}
.blind {overflow:hidden; position:absolute; top:-10000px; left:0; /* visibility:hidden; */ font-size:0; line-height:0; height:0;text-indent: -99999px; z-index:200;}

/* floating */
.fl {float:left;}
.fr {float:right;}
.frI {float:right !important;}
.fn {float:none !important;}
.cl {clear:both;}

/* margin */
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt60 {margin-top:60px !important;}
.mt80 {margin-top:80px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml16 {margin-left:16px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb60 {margin-bottom:60px !important;}
.mb80 {margin-bottom:80px !important;}

/* padding */
.pl0 {padding-left:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pt0 {padding-top:0 !important;}

/* align */
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.tac {text-align:center !important;}
.vat {vertical-align:top !important;}

/* font */
.lts {letter-spacing:-1px;}
.nobul {padding-left:0 !important;background:none !important;}
.pt1 {color:#3d7a00 !important}
.pt2 {color:#d92109 !important}
.pt3 {color:#ab5907 !important}
.udln01 {color:#3d7a00 !important;text-decoration:underline !important;}
.fwn {font-weight:normal;}
/* [e] notice 추가 */

/* [s] sub title */
#content #page_title .title_box {border-bottom:3px solid #5661B3; overflow:hidden; height:30px;}
#content #page_title .title_box .title {float:left;}
#content #page_title .title_box .title h1 {color:#5661B3; line-height:30px; font-size: 26px;}
#content #page_title .title_box .info { float:right; text-align:right; margin:10px 0 0 0; color:#5661B3; font-size:11px;}
#content #page_title .title_box .info a { color:#5661B3;  font-size:11px;}
#content #page_title .title_box .info a:hover { color:#5661B3; font-size:11px;}
#content #page_title .title_gap {height:20px;}

#pop_temp_wrap #page_title .title_box {border-bottom:2px solid #5661B3; overflow:hidden; height:26px; padding-top: 10px;}
#pop_temp_wrap #page_title .title_box .title {float:left;}
#pop_temp_wrap #page_title .title_box .title h1 {color:#5661B3; font-size:16px;}
#pop_temp_wrap #page_title .title_box .info { float:right; text-align:right; margin:10px 0 0 0; color:#b20004; font-size:11px; display:none;}
#pop_temp_wrap #page_title .title_box .info a { color:#b20004;  font-size:11px;}
#pop_temp_wrap #page_title .title_box .info a:hover { color:#b20004; font-size:11px;}
#pop_temp_wrap #page_title .title_gap {height:10px;}

#pop_wrap #page_title .title_box {border-bottom:2px solid #5661B3; overflow:hidden; height:26px; padding-top: 10px;}
#pop_wrap #page_title .title_box .title {float:left;}
#pop_wrap #page_title .title_box .title h1 {color:#5661B3; font-size:16px;}
#pop_wrap #page_title .title_box .info { float:right; text-align:right; margin:10px 0 0 0; color:#b20004; font-size:11px; display:none;}
#pop_wrap #page_title .title_box .info a { color:#b20004;  font-size:11px;}
#pop_wrap #page_title .title_box .info a:hover { color:#b20004; font-size:11px;}
#pop_wrap #page_title .title_gap {height:10px;}
/* [e] sub title */

/* [s] list */
/* tbl common */
table td.td_txtL{text-align:left; padding-left:3px;}
table td.td_txtR{text-align:right; padding-right:3px;}

/* tbl_type01 */
table.tbl_type01,
table.tbl_type01 th,
table.tbl_type01 td{border:0}
table.tbl_type01 {width:100%;border-top:2px solid #dcdcdc;border-bottom:2px solid #dcdcdc;font-size:11px;text-align:center}
table.tbl_type01 caption{display:none}
table.tbl_type01 tr {height: 30px;}
table.tbl_type01 tr.tr_over {background-color:#e5e5e5;}
table.tbl_type01 tr.tr_choose {background-color:#4a94de;}
table.tbl_type01 tr.tr_sum {background-color:#d8d8d8;}
table.tbl_type01 th{padding-top:7px;padding-bottom:4px;border:1px solid #dcdcdc;background-color:#e7edf4;color:#666;font-size:12px;font-weight:bold;min-height:18px}
table.tbl_type01 th a{color:#666;font-size:12px;font-weight:bold;}
table.tbl_type01 th.start{}
table.tbl_type01 th.end{}
table.tbl_type01 td{padding-top:6px;padding-bottom:4px;border-top:1px solid #e5e5e5;color:#4c4c4c;min-height:18px}
table.tbl_type01 td.txtC {text-align:center;}
table.tbl_type01 td.txtL {text-align:left;}
table.tbl_type01 td.txtR {text-align:right;}
table.tbl_type01 td.start{}
table.tbl_type01 td.end{}
table.tbl_type01 td .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle; border:0px;}
table.tbl_type01 td a:link, a:visited {color:#666; text-decoration:underline;}
table.tbl_type01 td a:active, a:hover {color:#666; text-decoration:none;}
table.tbl_type01 .p_code {padding-bottom: 5px;}

table.tbl_type01 .tr_row_color_0 td { background-color: #ffffff;}
table.tbl_type01 .tr_row_color_1 td { background-color: #dce6f2;}
table.tbl_type01 .tr_row_color_over td {background-color: #558ed5 !important; color: #fff;}

table.tbl_type01 .tr_row_color_0 td input.inp_mate_rate {background-color: #ffffff; } 
table.tbl_type01 .tr_row_color_1 td input.inp_mate_rate {background-color: #dce6f2; }
table.tbl_type01 .tr_row_color_over td input.inp_mate_rate {background-color: #558ed5 !important; color:#fff;} 
table.tbl_type01 .tr_row_color_sum td {background-color: #d8d8d8; }

table.tbl_type02,
table.tbl_type02 th,
table.tbl_type02 td {border:0}
table.tbl_type02 {width:100%;border-top:2px solid #dcdcdc;border-bottom:2px solid #dcdcdc;font-size:11px;text-align:center}
table.tbl_type02 caption{display:none}
table.tbl_type02 tr {height: 30px;}
table.tbl_type02 tr.tr_over {background-color:#e5e5e5;}
table.tbl_type02 tr.tr_choose {background-color:#4a94de;}
table.tbl_type02 tr.tr_sum {background-color:#d8d8d8;}
table.tbl_type02 th{padding-top:7px;padding-bottom:4px;border:1px solid #dcdcdc;background-color:#e7edf4;color:#666;font-size:12px;font-weight:bold;min-height:18px}
table.tbl_type02 th.start{}
table.tbl_type02 th.end{}
table.tbl_type02 td{padding-top:6px;padding-bottom:4px;border-top:1px solid #e5e5e5;color:#4c4c4c;min-height:18px}
table.tbl_type02 td.txtC {text-align:center;}
table.tbl_type02 td.txtL {text-align:left;}
table.tbl_type02 td.txtR {text-align:right;}
table.tbl_type02 td.start{}
table.tbl_type02 td.end{}
table.tbl_type02 td .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle; border:0px;}
table.tbl_type02 td a:link, a:visited {color:#666; text-decoration:underline;}
table.tbl_type02 td a:active, a:hover {color:#666; text-decoration:none;}
/* [e] list */

/* [s] table form */
.form_table{font-size:12px;}
.form_table input,
.form_table textarea,
.form_table select,
.form_table table,
.form_table button{font-size:12px}
.form_table table{width:100%;border:0;border-top:2px solid #999}
.form_table caption{padding:8px 0;font-weight:bold;text-align:left}
.form_table th,
.form_table td{padding:9px;border:0;vertical-align:middle}
.form_table th{color:#333; height:13px;}
.form_table td{color:#666;background:#ffffff;}
.form_table thead th{border-bottom:1px solid #dcdcdc;background:#e7edf4}
.form_table tbody th{border-bottom:1px solid #dcdcdc;background:#e7edf4;text-align:center;padding-left:10px;}
.form_table tfoot th{border-bottom:1px solid #dcdcdc}
.form_table tbody td{border-bottom:1px solid #dcdcdc}
.form_table tfoot td{border-bottom:1px solid #dcdcdc;font-weight:bold;color:#333}
.form_table .item{position:relative;margin:-4px 5; text-align: left;}
.form_table .item .i_help{position:absolute;top:4px;right:0}
.form_table .item .i_label{ top:6px; left:10px; }
.form_table .item .i_label2{ visibility:visible; position:absolute; left:5px; top:6px;}
.form_table .item .i_dsc{margin:2px 0}
.form_table .item .i_check,
.form_table .item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
.form_table .item .i_text{position:relative;margin:2px;padding:3px 4px;border:1px solid #dcdcdc;background:transparent}
.form_table .item .i_text2{width:300px; position:relative;margin:2px;padding:3px 4px;border:1px solid #dcdcdc;background:transparent}
.form_table .item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.form_table .item select{margin:2px}
.form_table .item label{margin:0 10px 0 0;cursor:pointer}
.form_table .item .i_input_label_text {}
.form_table .item .i_input_label {position:absolute; visibility:visible; color: #999999; padding-left:5px; z-index:1; padding-top:5px;}
.form_table .item .i_textarea_label_text {}
.form_table .item .i_textarea_label {position:absolute; visibility:visible; color: #999999; padding-left:5px; padding-top:5px;}
.form_table .editor_content {position:relative;margin:-4px 0; min-height:300px;}
.form_table .reply_search {margin:0 0 10px 0;}
.form_table a{color:#383838;text-decoration:none}
.form_table a:hover{color:#1daedd; text-decoration:underline}

.form_table tr.tr_appr_hide {display: none;}
.form_table tr.tr_appr { background-color: #eee;}
.form_table .item .div_appr_comment{margin-top:10px; padding:3px; border: 1px solid #999; min-height:30px; background-color: #fff;}
.form_table .item .div_appr_comment2{margin-top:10px; padding:3px;}
.form_table .item .div_appr_comment2 textarea {width:98%; border: 2px solid #999; height:60px;}
/* [e] table form */

div.page_sub_title {text-align: left; padding: 10px 0 5px 0;}
div.div_editor { min-height: 150px; padding-top: 5px; padding-bottom: 5px; text-align: left; }

#commonLoadingBox			{border:solid 5px #627aad;background-color:#fff; padding:0 auto; margin:0 auto; padding:0px 25px 15px 25px; display:none;}
#commonLoadingBox h1.title	{border-bottom:solid 1px #e0e0e0; padding:15px 0px 10px 0px; margin:0px; text-align:left; font-size:16px; font-weight:bold; color:#333333}
#commonLoadingBox div.message {padding:15px 0px 15px 0px; font-weight:bold; text-align:center;width:100%;height:100%;display:block;bgcolor:#fff;}
#commonLoadingBox div.gap {padding-top:10px;}
#commonLoadingBox div.btn {text-align:center;}
/* jjw 추가 S*/            
.btn-text {margin-left: 2px;padding: 6px 8px 4px 8px;height: 20px;line-height: 20px;font-size: 12px;font-weight: bold;background-color: #e1eef1;border: 1px solid #989898;color: #989898;cursor: pointer;float: left;}
.btn-text_r {margin-left: 2px;padding: 6px 8px 4px 8px;height: 20px;line-height: 20px;font-size: 12px;font-weight: bold;background-color: #e1eef1;border: 1px solid #989898;color: #989898;cursor: pointer;float: right;}
.btn-text_r a{margin-left: 2px;padding: 6px 8px 4px 8px;}
.btn-text-n {line-height: 25px; width: 40px; font-weight: bold;background-color: #e1eef1;border: 1px solid #989898;color: #989898;cursor: pointer;}        
.btn-delete {
		float:right; width:15px; height:15px;
		text-indent:-100em; overflow:hidden;
		background:url(../../common/images/btn_a_delete.gif) no-repeat; cursor:pointer;
	}        

/* div .file-p {margin-left: 2px;padding: 6px 8px 4px 8px;height: 20px;width:30px;line-height: 20px;} */

.fileList ul {list-style:none;margin:0;padding:0;}
.fileList ul li{margin: 0 0 0 0;padding: 0 0 0 0;border : 0;float: left;}

/* jjw 추가 E*/

/* paging style */
	.paging{margin:10px auto 0;font-size:0;line-height:0;text-align:center}
	.paging>.btn{margin:0 3px; display:inline-block; vertical-align:middle}
	.paging>.num{margin:0 15px; display:inline-block; vertical-align:middle}
	.paging>.num>a{padding:0 12px; font-size:16px; line-height:37px; color:#555; text-decoration:none; display:inline-block; vertical-align:middle;}
	.paging>.num>a.on,
	.paging>.num>a:hover{color:#0d6fa9;}