@charset "utf-8";




/*----------------------------제목글 / 본문  /  문단 / 목록글 ---------------------------------*/
/*관항목*/
/*headding*/
.headding1{ display: block; margin:0 0 16px 0; font-size:19px;  font-weight:700; color: #333; }
.headding2{ display: block; margin:0 0 10px 0;  font-size:16px;  font-weight:700; color: #333; }
.headding2:before{ content: ""; position: relative; top: -2px; display: inline-block; width: 20px; height: 18px; margin-right: 5px; background:url("../images/ico_title_02.png") no-repeat center center; vertical-align: middle; }
.headding3{ display: block; margin:0 0 10px 0;  font-size:14px;  font-weight:700;  color: #555; }


/*문단 단락 구분*/
.para_box{ }
/*단락 상하 간격*/
.para_box + .para_box{ margin-top: 30px;}
/*단락 그룹*/
.para_box_wrap + .para_box_wrap{ margin-top: 60px;}


/*p 태그 문장*/
.p_txt{ position: relative; margin-bottom: 5px; line-height: 1.6; }

.p_txt.v1{ padding-left: 0.67em;}
.p_txt.v1:before{content:""; position:absolute; top:0.7em; left:0px; width:3px; height:3px; border-radius: 1px; background: #555;}

.p_txt.v2{ padding-left: 0.67em;}
.p_txt.v2:before{content:""; position:absolute; top:0.7em; left:0px;  width:5px; height:1px; background: #555;}



/* ul 목록 */
.ul_txt{ }
/* .ul_txt + .p_txt{ margin-top: 15px;} */
.ul_txt .ul_txt{ margin-top: 5px; margin-bottom: 15px; } /*1depth를 제외한 2depth 부터 들여쓰기적용*/
.ul_txt > li{ position: relative; margin-bottom: 5px;}
.ul_txt > li:before{ content:""; position:absolute;}

.ul_txt.dot1 > li{ padding-left: 15px;}
.ul_txt.dot1 > li:before{ top:0.4em; left:0px; width:4px; height:4px; border-radius: 20px; border: 3px solid #7a7d96; }
.ul_txt.dot1.color > li:before{  border-color: #437dea; }

.ul_txt.dot2 > li{ padding-left: 15px;}
.ul_txt.dot2 > li:before{ top:0.5em; left:0px; width: 7px; height:7px; border-radius: 20px; background-color: #7a7d96; }
.ul_txt.dot2.color > li:before{  background-color: #437dea; }

.ul_txt > li.dot_none{  }
.ul_txt > li.dot_none:before{ display: none;}

.ul_txt.dash1 > li{ padding-left: 13px;}
.ul_txt.dash1 > li:before{ top:0.7em; left:2px;  width:6px; height:2px; background: #777;}
.ul_txt.dash1.color > li:before{  background: #437dea;}

.ul_txt.dash2 > li{ padding-left: 13px;}
.ul_txt.dash2 > li:before{ top:0.7em; left:2px;  width:4px; height:4px; background: #777;}
.ul_txt.dash2.color > li:before{  background: #437dea;}

.ul_txt > li.dash_none{  }
.ul_txt > li.dash_none:before{ display: none;}


.ul_txt ol.round_num{ margin-top: 5px; margin-bottom: 15px;}
ol.round_num li { position: relative; padding-left: 22px; }
ol.round_num li + li { margin-top: 3px;}
ol.round_num > li > .number {  position: absolute;  top: 4px; left: 0; width: 17px; height: 17px; line-height: 14px; text-align: center; border-radius: 50px; font-size: 11px; border: 1px solid #6c6d73; }





/*---------------------------- 글상자 / 안내상자 ---------------------------------*/
/* 페이지 안내상자 */
.info_box{position:relative; width:100%; padding: 20px; background: #fff; border:1px solid #dad9d9; }
.info_box.ico{ position: relative; min-height:110px; padding-left:160px; }
.info_box.ico:before{content:""; display:block; position:absolute; top:40px; left:40px; width:100px; height:100px; background:url("../images/common/ico_info1.png") no-repeat 0 0; }

.info_box.bg_white{ background: #fff; }
.info_box.bg_gray{background: #F5F4F4; border:1px solid #dad9d9;}
.info_box.bg_blue{background: #f4f7fc; border:1px solid #d3def3;}
.info_box.bg_black{background: #3c3c3c; }





/*---------------------------- 레이블 ---------------------------------*/
/* label 레이블*/
.label{ display: inline-block; padding: 0px 7px; height: 23px; line-height: 21px; border: 1px solid #333;  text-align: center; letter-spacing: -0.05em; color: #333; font-size: 12px;  border-radius: 20px; vertical-align: middle; background-color: #fff;}

.label.sm{ padding: 0px 7px; height: 23px; line-height: 21px; min-width: 64px;  font-size: 12px;}
.label.lg{ padding: 0px 10px; height: 30px; line-height: 28px; min-width: 64px;  font-size: 14px;}

/*txt*/
.label.txt_black{ border-color:#222; color: #222; }
.label.txt_gray{ border-color:#888; color: #888; }
.label.txt_blue{ border-color: #0053b3; color: #0053b3; }
.label.txt_red{ border-color: #df2e4b; color: #df2e4b; }
.label.txt_green{ border-color: #028182; color: #028182; }
.label.txt_purple{ border-color: #a762e2; color: #a762e2; }

/*bg*/
.label.bg_black{ border: none; background: #000; color: #fff;}
.label.bg_gray{ border: none; background: #6e6e76; color: #fff;}
.label.bg_blue{ border: none; background: #425e9c; color: #fff;}
.label.bg_red{ border: none; background: #df2e4b; color: #fff;}
.label.bg_green{ border: none; background: #028182; color: #fff;}
.label.bg_purple{ border: none; background: #a762e2; color: #fff;}


/* label 그룹정의 - 실제 사용하는거 위주로 정의 */
.label._a1{ border-color: #df2e4b; color: #df2e4b; } /* 조치 */
.label._a2{ border-color: #0053b3; color: #0053b3; } /* 진행중 */
.label._a3{ border: none; background: #6e6e76; color: #fff;} /* 완료 */

.label._b1{ border-color: #df2e4b; color: #df2e4b; } /* 취소 */
.label._b2{ border-color: #828282; color: #828282; } /* 보류 */
.label._b3{ border-color: #0053b3; color: #0053b3; } /* 완료 */

.label._c1{ border-color: #0053b3; color: #0053b3; } /* 사용 */
.label._c2{ border-color: #828282; color: #828282; } /* 중지 */






/*---------------------------- 탭메뉴 ---------------------------------*/
/* 큰탭 */
.tab_lg{  }
.tab_lg:after{ content: ""; display: block; clear: both;}
.tab_lg li{float:left; position: relative; background:#fff; border:1px solid #ddd;  }
.tab_lg li + li{ margin-left: -1px;}
.tab_lg li > a{ display:block; height:50px;  padding:0 20px; min-width: 200px; max-width: 340px; font-size:16px;  text-align: center; line-height: 1.2;} 
.tab_lg li > a:before{ content: ""; display: inline-block; height: 100%; width: 0px; vertical-align: middle;} 
.tab_lg li > a span{ display: inline-block; vertical-align: middle; }
.tab_lg li:hover{ z-index: 1; border-color: #444d6e; }
.tab_lg li:hover a{ color: #444d6e; font-weight: 700;}
.tab_lg li.on{ z-index: 1; border:1px solid #444d6e; background:#444d6e; }
.tab_lg li.on > a{ color:#fff; font-weight: 700;} 


/* 작은탭*/
.tab_sm{ width:100%; background:#f8f8f8; border:1px solid #dadcdd; border-bottom-color: #444d6e; }
.tab_sm:after{ content: ""; display: block; clear: both;}
.tab_sm li{float:left; position: relative; }
.tab_sm li a{ position:relative; display:block; height:42px; min-width: 90px; max-width: 160px; padding:0 15px; margin:-1px 0 -1px -1px; border:1px solid #dadcdd; border-bottom-color: #444d6e;  font-size:13px; text-align: center; line-height: 1.2; color: #666; }  
.tab_sm li a:before{ content: ""; display: inline-block; height: 100%; width: 0px; vertical-align: middle;}  
.tab_sm li a span{ display: inline-block; vertical-align: middle; }

.tab_sm li:hover{ z-index: 1;}
.tab_sm li:hover a{background:#ffffff; color:#444d6e; }
.tab_sm li.on{ z-index: 2;}
.tab_sm li.on > a{border:1px solid #444d6e; border-bottom:1px solid #fff; background:#fff; color:#444d6e; font-weight: 700;}  

.tab_sm + .con_inner{ border-top: none;}







/*---------------------------- 버튼 ---------------------------------*/
/*btn 기본btn은 sm을 기준으로 세팅됨*/ 
/*sm 높이를 input 높이와 동일하게 해주세요*/
.__btn{ display: inline-flex; justify-content: center; align-items: center; height: 28px; /* line-height: 28px; */ padding: 0px 5px; color: #333d64; vertical-align: middle; background-color: #fff; transition: background-color 0.2s, border-color 0.2s; text-decoration: none !important; box-shadow: 0 2px 2px #e2e2e2; border-radius: 3px !important; border: 1px solid #172563; font-size: 13px; }

.__btn:hover{ background-color: #eff7ff; color: #233b72; border-color: #4d93f3;}

.__btn.free_btn{ height: auto; line-height: 1.2; padding: 0 2px;}

.__btn.sm{ padding: 0px 10px; min-width: 80px; height: 28px; /* line-height: 28px; */ font-size: 13px;}
.__btn.md{ padding: 0px 15px; min-width: 95px; height: 38px; /* line-height: 38px; */ font-size: 15px;}/*기준btn*/
.__btn.lg{ padding: 0px 20px; min-width: 170px; height: 50px; /* line-height: 50px; */ font-size: 18px; font-weight: 700;}



.__btn.bg_blue{ background:#48589d; border-color:#48589d; color: #fff;}
.__btn.bg_blue:hover{ background:#0e1d62; border-color:#0e1d62; color: #fff;}

.__btn.bg_blue2{ background:#4d93f3; border-color:#4d93f3; color: #fff;}
.__btn.bg_blue2:hover{ background:#0e62d8; border-color:#0e62d8; color: #fff;}

.__btn.bg_gray{ background:#6e6e76; border-color:#6e6e76; color: #fff;}
.__btn.bg_gray:hover{ background:#3a3a4b; border-color:#3a3a4b; color: #fff;}

.__btn.bg_gray2{ background:#6b758e; border-color:#6b758e; color: #fff;}
.__btn.bg_gray2:hover{ background:#394565; border-color:#394565; color: #fff;}

.__btn.bg_red{ background:#EC5858; border-color:#EC5858; color: #fff;}
.__btn.bg_red:hover{ background:#e32626; border-color:#EC5858; color: #fff;}

.__btn.bg_green{ background:#249F86; border-color:#249F86; color: #fff;}
.__btn.bg_green:hover{ background:#0f856d; border-color:#249F86; color: #fff;}



/* btn *ico */
.__btn .ico{/* position:relative; top: -1px; */ display:inline-block; width:17px; height: 16px; margin-right:3px ; background-repeat: no-repeat; background-position: 0 0; background-image:none; /* vertical-align: middle; */ /* background-color: black !important; */}
.__btn .ico._white{ background-position: 0 -17px;}/* 흰색아이콘 */

.__btn .ico._excel{ background-image:url("../images/common/btn_ico_excel.png");}
.__btn .ico._sch{ background-image:url("../images/common/btn_ico_sch.png");}
.__btn .ico._download{ background-image:url("../images/common/btn_ico_download.png");}
.__btn .ico._reset{ background-image:url("../images/common/btn_ico_reset.png");}
.__btn .ico._check{ background-image:url("../images/common/btn_ico_check.png");}
.__btn .ico._list{ background-image:url("../images/common/btn_ico_list.png");}
.__btn .ico._reply{ background-image:url("../images/common/btn_ico_reply.png");}
.__btn .ico._pencil{ background-image:url("../images/common/btn_ico_pencil.png");}
.__btn .ico._newwin{ background-image:url("../images/common/btn_ico_newwin.png");}
.__btn .ico._gear{ background-image:url("../images/common/btn_ico_gear.png");}
.__btn .ico._question{ background-image:url("../images/common/btn_ico_question.png");}
.__btn .ico._print{ background-image:url("../images/common/btn_ico_print.png");}
.__btn .ico._triangle_r{ background-image:url("../images/common/btn_ico_triangle_right.png");}
.__btn .ico._arrow_l{ background-image:url("../images/common/btn_ico_arrow_left.png");}
.__btn .ico._arrow_r{ background-image:url("../images/common/btn_ico_arrow_right.png");}
.__btn .ico._arrow_u{ background-image:url("../images/common/btn_ico_arrow_up.png");}
.__btn .ico._arrow_d{ background-image:url("../images/common/btn_ico_arrow_down.png");}
.__btn .ico._plus{ background-image:url("../images/common/btn_ico_plus.png");}
.__btn .ico._minus{ background-image:url("../images/common/btn_ico_minus.png");}
.__btn .ico._x_mark{ background-image:url("../images/common/btn_ico_x.png");}



/*--------------btn_group----------------------------*/
.__btn_group{ font-size: 0px;}
.__btn_group.__btn_bottom_group{ margin-top: 30px; margin-bottom: 20px; }
.__btn_group:after{ content: ""; display: block; clear: both;}
.__btn_group .__btn + .__btn{ margin-left: 5px;}










/*---------------------------- 페이지 네비게이션 ---------------------------------*/
/* page_nav */
.page_nav{clear:both; width:100%; margin:0px; text-align:center; font-size: 0;}
.page_nav a{ position: relative; display:inline-block; width:37px; height:37px; line-height:35px; margin-left:-1px; /* margin:0 1px 5px 0; */ border:1px solid #e0e0e0; color: #555; font-size:14px; font-weight: 700; vertical-align:middle; text-align:center; transition:0.3s; background: #fff;}
.page_nav a:nth-child(1){ margin-left: 0;}

.page_nav .start,
.page_nav .prev,
.page_nav .next,
.page_nav .end{font-size:0; text-indent:-999px; background-image: none; background-repeat: no-repeat; background-position: center center; background-color: #fff;}
.page_nav .start{background-image: url("../images/common/paging_first.png");}
.page_nav .prev{background-image: url("../images/common/paging_prev.png");}
.page_nav .next{background-image: url("../images/common/paging_next.png");}
.page_nav .end{background-image: url("../images/common/paging_end.png");}

.page_nav a:hover{ z-index: 2; border:1px solid #5da6ef; background-color:#eff7ff; text-decoration: none; }
.page_nav a.on{ z-index: 2; color:#fff; font-weight:700; background:#4d93f3; border:none;}

.page_nav a:hover:before,
.page_nav a:focus:before{background: #0b397f;}

.page_nav.bottom_type{margin: 30px 0px 20px;}







/* ------------------- form_table  테이블 입력 및 내용보기 table -------------------------*/

.form_table { width:100%; border-collapse:collapse; text-align:center; border:1px solid #d4dae1; background-color: #fff;}
.form_table tbody{border-top:2px solid #d4dae1;}
.form_table th,
.form_table td{padding:5px 7px; border:1px solid #d4dae1; line-height: 1.2; /*border-right:none;*/ }
.form_table thead th,
.form_table tbody th{ height: 42px; background:#f1f3f6; color: #333d64; font-weight:bold; text-align:center;}
.form_table td{/*border-right:none;*/ word-break:break-all; height: 34px; text-align: left;}
.form_table tr th:first-child,
.form_table tr td:first-child{border-left:none;}
.form_table tr th:last-child,
.form_table tr td:last-child{border-right:none;}

/* grid_table 속 모든 버튼의 넓이 최소값 해제 */
.form_table .__btn{ min-width: 0; }

/* 하위기능 */
.form_table .ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}





/*인풋 date picker - 아이콘 버튼처리*/
.__ipt_calendar{ position: relative; display: inline-block; /* margin-bottom: 5px;  */}
.__ipt_calendar > input{ padding-right: 28px;}
.__ipt_calendar > .btn_calen{ position: absolute; top: 0; right: 0; width: 28px; height: 100%; background: url("../images/common/input_ico_calen.png") no-repeat center center; border-left: 1px solid #d0d0d0;}

.__date_group .dash{ display: inline-block; width: 16px; text-align: center; font-size: 17px; vertical-align: middle;}





/*---------------------------- normal_table ---------------------------------*/
/* normal_table 일반 본문속 표*/
/* .normal_table{border-top:1px solid #333;} */
.normal_table table{border: 1px solid #d4dae1;}
.normal_table table th,
.normal_table table td{border:1px solid #d4dae1; }
.normal_table table tr:first-child td,
.normal_table table tr:first-child th{border-top:none; }

.normal_table table th:last-child,
.normal_table table td:last-child{border-right:none;}
.normal_table table th:first-child,
.normal_table table td:first-child{border-left:none;}

.normal_table table{clear:both; width:100%; border-collapse:collapse; table-layout:fixed; text-align:center;}
.normal_table table thead th{padding:5px; height: 34px; background:#f1f3f6; font-weight: 500; color: #333d64;}
.normal_table table tbody th,
.normal_table table tfoot th{ padding:5px; height: 34px; background:#f1f3f6; font-weight: 500; color: #333d64; }
.normal_table table td{ padding:5px; height: 34px; font-size: 13px; word-break:break-all; }
/*.normal_table table.ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}*/






/* ------------------- grid_table 데이터 목록 table -------------------------*/

/* table 스크롤 wrap */
.table_wrap{ width:100%; overflow:auto; -webkit-overflow-scrolling: touch;  border-top:1px solid #d4dae1; border-left:1px solid #d4dae1;} 

/* 테이블 목록 grid_table */
.grid_table { width:100%; border-collapse:separate; text-align:center;  background: #fff;}
.grid_table th,
.grid_table td{ height: 34px; padding:5px 7px; word-break:break-all; text-align: center; line-height: 1.2;  }
.grid_table thead th{ height: 42px; background:#f1f3f6; color: #333d64; font-weight:500; text-align:center; border: none; border-right:1px solid #d4dae1; border-bottom:1px solid #d4dae1; }
.grid_table thead { position: sticky; top: 0;}
.grid_table tbody{ border-top:2px solid #d4dae1;}
.grid_table tbody th{ height: 42px; background:#f1f3f6; color: #333d64; font-weight:bold; text-align:center; }
.grid_table tbody td{ border: none; border-right:1px solid #d4dae1; border-bottom:1px solid #d4dae1; }


/* 형제클래스 */
/* 짝수 tr 로우 bg 처리 */
.grid_table.tr_color tbody tr:nth-child(even){background:#fafafa;}
/* tr 마우스 오버시 색상 처리 */
.grid_table.tr_hover tbody tr:hover{background:#fefee6; color: #000;}
/* grid_table 속 모든 버튼의 넓이 최소값 해제 */
.grid_table .__btn{ min-width: 0; }
/* grid_table 속 .__btn.sm 의 css 재정의 - tr의 높이를 줄이기 위함 */
.grid_table.tr_smbtn tbody tr .__btn.sm{ height: 24px; line-height: 22px; font-size: 12px;}

/* 하위기능 */
.grid_table .link{ color: #4d93f3; }
.grid_table .ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}