@charset "utf-8"; 

/*20181214 이종복 
overflow-> hidden에서 auto로 변경*/ 
#wrap .contents > .inner {background:#e6e8ee}
#wrap .contents {padding:7px 22px 0 22px; background:#ffffff} /* 2019-02-14 수정*/
#wrap .contents .navigation {text-align:right; padding-bottom:22px; font-size:12px; color:#1d3258; line-height:1.2;display:none;} /* 2019-02-14 수정*/
#wrap .contents .navigation ul {overflow:hidden; position:absolute; right:22px;} /* 2019-02-14 수정*/
#wrap .contents .navigation ul li {float:left; letter-spacing:0; margin:0 3px; color:#535353;} /* 2019-02-14 수정*/
#wrap .contents .navigation ul li.last {font-weight:bold; color:#4063a4;}
#wrap .contents .top {position:relative;padding-top: 10px;}
#wrap .contents .top h1 {color:#222; font-size:16px; font-weight:bold; padding-bottom:7px; letter-spacing:-0.7px; background:url(../../images/main/tit_bullet.png) no-repeat 0 6px; padding-left:16px; }
#wrap .contents .top h1 .tit_id {color:#396ebb; font-size:14px; letter-spacing:0; font-weight:500; font-family:'Montserrat', sans-serif; padding-left:2px;}

.tit_sm_wrap {overflow:hidden;}
#wrap .contents h2.tit_sm {float:left; font-size:16px; color:#222; font-weight:bold; background:url(../../images/main/tit_bullet_s.png) no-repeat 0 8px; padding-left:12px; letter-spacing:-0.7px;}
#wrap .contents .total_count {font-size:13px; color:#222; font-family: Malgun Gothic; padding-left:7px; font-weight:normal}
#wrap .contents .total_count span {display:inline-block; font-weight:bold; padding-left:5px; color:#2050b3}
#wrap .contents .nontit_wrap .total_count {display:inline-block; padding-top:5px; padding-left:0}
#wrap .contents table {width:100%}
#wrap .contents .add_btns {padding-bottom:5px; overflow:hidden; float:right}
#wrap .contents .add_btns > div {float:right}


#wrap .contents .add_btns button {border:0 none; background:none; float:left; padding:0; margin:0 2px}
#wrap .contents .add_btns button.btn_sq_n {border-radius:2px; border:1px solid #b8bdc0; color:#222; font-size:13px; padding:0 10px; height:25px; box-sizing:border-box}
i {font-size:12px}
table.sch_tb {}
table.sch_tb th,
table.sch_tb td {padding:3px 0}
table.sch_tb th {color:#222; font-weight:bold; text-align:left; background:#f1f1f1 url(../../images/main/bullet_type01.gif) no-repeat 0 50%; font-size:13px; padding-left:9px;}
table.sch_tb td {}

table.result_tb th,
table.result_tb td {font-family:"opensansL", dotum, "돋움", sans-serif;}
table.result_tb thead th {color:#143d8f; font-weight:bold; background:#ebedf0; border-left:1px solid #9eb2ca; border-top:2px solid #2b5a92; border-bottom:1px solid #9eb2ca; padding:5px 0}
table.result_tb thead th.etc {border-top:1px solid #9eb2ca}
table.result_tb tbody th,
table.result_tb tbody td {background:#fff; color:#222; text-align:center; padding:8px 0;border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; letter-spacing:-0.3px;}
table.result_tb tbody th {text-align:left; padding-left:20px;}
.cnt_result {padding-bottom:20px;}


/* ============= 조회 테이블 ============= */
#wrap .contents .cnt_schV,
#wrap .contents .cnt_schH {margin-bottom:10px;}
table.search > tbody > tr > th,
table.search > tbody > tr > td {border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; color:#222; vertical-align:middle; min-height:32px; box-sizing:border-box;}
table.search > tbody > tr > th {background:#f8f8f8; font-size:13px; padding:5px 0;}
table.search > tbody > tr > th a,
table.search > tbody > tr > td a {color:#222;}
table.search > tbody > tr > td {font-size:13px; padding:4px 6px; background:#fff;}
/* 조회조건 테이블 왼쪽정렬 */
.cnt_schV table.search {border-top:1px solid #95aeca; border-bottom:1px solid #c6cfda}
.cnt_schV table.search > tbody > tr > th {text-align:left; padding-left:15px; font-weight:bold; color:#444; background:#f1f6fa}
.cnt_schV table.search > tbody > tr + tr > th,
.cnt_schV table.search > tbody > tr + tr > td {border-top:1px solid #e1e1e1}
.cnt_schV table.search > tbody > tr > td {text-align:left; padding-left:6px}
.cnt_schV table.search_top > tbody > tr > th,
.cnt_schV table.search_top > tbody > tr > td {border-bottom:0 none;}


/* ==================================================== SEAOHBL002 =================================================================== */

/************** 탭 TAB *****************/
/* TAB ST01 */
table.tabSt01_tb {height:38px; width:100%; margin-bottom:10px;}
table.tabSt01_tb td {text-align:center; font-size:14px; border:1px solid #d4deeb; border-top:2px solid #93a6cd; background:#f0f6f9}
table.tabSt01_tb td a {font-size:14px; color:#666666}
table.tabSt01_tb td.tab01, table.tabSt01_tb td.tab02, table.tabSt01_tb td.tab03, table.tabSt01_tb td.tab04 {}
table.tabSt01_tb td.default {border-bottom:0 none; background:#ffffff}
table.tabSt01_tb td.default p {background:#fff; color:#305a90; font-family:"opensansR", dotum, "돋움", sans-serif;}
table.tabSt01_tb td.default p a {font-size:14px; color:#305a90}

/************** 탭 TAB 테이블 *****************/
.top2_bd_box {padding-bottom:15px;}
table.tab_cnt_wrap > tbody > tr > td {vertical-align:top;}
table.tab_cnt_wrap .top2_bd_box { background:#fff;}
table.tab_cnt_wrap .top2_bd_box th {padding-left:15px; color:#444444; text-align:left;}
table.tab_cnt_wrap .top2_bd_tb {border-top:2px solid #305a90; border-left:1px solid #adbec7; border-right:1px solid #adbec7; background:#fff; padding:7px}
/* BUTTON */
span.direc {position:inline-block; position:relative; top:-1.1px;}

table.top2_tb td {vertical-align:middle; padding:1px 0}
table.top2_tb td input[type=checkbox] {top:2.5px}
table.top2_tb td.check_td {text-align:right}

/* 두번째 입력폼 area */
table.df_vertical_tb {border-top:1px solid #b0b0b0; border-bottom:1px solid #b0b0b0}
table.df_vertical_tb2 {border-top:2px solid #b0b0b0;}
table.df_vertical_tb > tbody > tr + tr > th,
table.df_vertical_tb > tbody > tr + tr > td {border-top:1px solid #d8d8d8}
table.df_vertical_tb > tbody > tr > td {border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; padding:4px 6px;}
table.df_vertical_tb > tbody > tr > th {border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; padding-left:15px;}
table.df_vertical_tb th {text-align:left; font-size:13px; color:#333333; background:#f8f8f8; box-sizing:border-box; height:32px}
table.df_vertical_tb th.bl_ns {background:#f8f8f8 url(../../images/main/bullet_necessary.png) no-repeat 8px center; padding-left:15px;}
table.df_vertical_tb td {background:#fff; box-sizing:border-box; height:32px}
table.df_vertical_tb th a, table.df_vertical_tb td a {color:#333333}

ul.list_align_box {overflow:hidden; width:100%;}
ul.list_align_box li {float:left; color:#222; font-size:13px; padding-right:30px;}
ul.list_align_box li input[type=checkbox] {top:3px;}
ul.list_align_box {overflow:hidden}


/* 서비스 선택 area */
table.service_tb th.title {background:#eaeaea; border-right:1px solid #b0b0b0; color:#222} 


/* 탭2 mark&desc 컨텐츠 */
ul.mark_wrap {overflow:hidden; width:100%; margin-bottom:9px}
ul.mark_wrap li {float:left;}
ul.mark_wrap li.cnt01 {width:26%;}
ul.mark_wrap li.cnt02 {width:26%; margin:0 0.5%}
ul.mark_wrap li.cnt03 {width:47%;}
ul.mark_wrap li.cnt01 {float:left; width:26%;}

table.top2_st_tb > tbody > tr > th {text-align:center; color:#173a66; border-top:2px solid #305a90; padding:7px 0; border-left:1px solid #adbec7; border-right:1px solid #adbec7}
table.top2_st_tb th,
table.top2_st_tb td {background:#fff}
table.top2_st_tb > tbody > tr > th p {border-bottom:1px solid #c5c5c5; margin:0 9px; padding-bottom:7px}
table.top2_st_tb > tbody > tr > td {border:1px solid #adbec7; border-top:0 none;}
table.top2_st_tb > tbody > tr > td textarea {border:0 none; font-size:12px; padding:9px; width:100%; box-sizing:border-box}

/* 탭3 container 컨텐츠 */
table.top_gray_tb th {color:#173a66; font-weight:bold; font-size:13px;}
table.top_gray_tb ul.btn_g_box {overflow:hidden; float:right}
table.top_gray_tb ul.btn_g_box li {float:left; padding:0 1px}
table.top_gray_tb ul.btn_g_box li.sq {padding:0 1px}
table.top_gray_tb ul.btn_g_box {overflow:hidden}
 
/* 탭4 el 컨텐츠 */
table.el_table > tbody > tr > td {padding:8px 2px; text-align:left}
table.top2_bt_tb th,
table.top2_bt_tb td {background:#fff;}
table.top2_bt_tb th {font-size:13px; border-top:2px solid #305a90; border-left:1px solid #adbec7; border-right:1px solid #adbec7; color:#173a66; font-weight:bold; text-align:center; padding:7px 0}
table.top2_bt_tb th p {border-bottom:1px solid #c5c5c5; margin:0 9px; padding-bottom:7px}
table.top2_bt_tb td {border:1px solid #adbec7; padding:0 9px 9px}

/* add del 우측버튼 */
.add_del_box {position:relative;}
.add_del_box a.btn_add {position:absolute; right:27px; top:7px}
.add_del_box a.btn_del {position:absolute; right:0; top:7px}

/* =========================== ZOOM :: 코드 네임 서치  ================================ */
.top2_sch {background:#fff; width:100%; position:relative;}
.top2_sch input {border:1px solid #c4c4c4; width:100%; box-sizing:border-box}
.top2_sch i {position:absolute; right:1px; top:1px; cursor:pointer; height:21px; line-height:1.7; padding:0 5px; background:#fff}


/* =========================== 달력 =========================== */
.calendar_wrap {box-sizing:border-box; position:relative; width:95px}
.calendar_wrap input {width:100%; height:23px;}
.calendar_wrap > img {position:absolute; right:5px; top:5px; cursor:pointer}
.calendar_wave {text-align:center; float:left; display:inline-block; margin:3px 3px 0 4px}
.calendar_wrap2 {float:left;}

/* 가이드 */
.guide_wrap {position:absolute; right:0; top:0; background-color: rgba( 148, 118, 217, 0.7 ); color:#fff; padding:10px 20px; z-index:100;}
.leftgrid_wrap {margin-bottom:12px;}
.grid_box2 {width:100%; display:flex; justify-content:space-between}

/* 게시판 글 검색  */
.search_box {background:#f1f6fa; border:1px solid #c7cfda; border-left:0; border-right:0; padding:15px; width:100%; box-sizing:border-box; margin-bottom:15px}
#wrap .search_box table.search_box_tb {width:588px; margin:0 auto;}
.search_box table.search_box_tb .tit {color:#3359aa; font-size:13px; font-weight:bold;}
.search_box table.search_box_tb th,
.search_box table.search_box_tb td {color:#444444; text-align:left;}
.search_box table.search_box_tb th.bar {background:url(../../images/sc_bar.jpg) no-repeat center center; }

/* DIV 탭 */
.tabs li{display:inline-block; text-align:center;}
.tabs li a.active:before{background:#7ea21e;}
.tabs li a.active{border-bottom:1px solid #fff;}
.tabs li a {margin-top: 5px; border:1px solid #ddd; position:relative; display:block; background: #f8f8f8; color: #000; padding:0 20px; line-height:23px; text-decoration:none;}
.tabs li a:hover,
.tabs li a.active{background:#fff; color:#7ea21e;}

/* table 안 table */
#wrap .contents table.sm-tb {width:100%; min-width:300px; border-top:2px solid #d8d8d8}
#wrap .contents table.sm-tb thead th {text-align:center;}
#wrap .contents table.sm-tb th {padding-left:15px; border:1px solid #d8d8d8;}
#wrap .contents table.sm-tb td {text-align:left; padding:4px 6px; border:1px solid #d8d8d8}

/* 대쉬보드 */
.dash_wrap {padding:30px;}
.dash_wrap h3 {color:#222; font-size:17px; background:url(../../images/main/tit_bullet.png) no-repeat 0 7px; padding-left:15px}
.dash_banner {display:flex; justify-content:space-between; width:100%; padding-bottom:40px;}
.dash_banner .dash_box {border-radius:6px; border:1px solid #d0d0d0; padding:25px 20px; width:23%; height:148px; box-sizing:border-box; display:flex; justify-content:space-between}
.dash_banner .dash_box:hover {border:2px solid #2f86fb; padding-top:24px; padding-left:19px; padding-right:19px;}
.dash_banner .dash_box p.icon {border-radius:50%; background:#eff6ff; width:95px; height:95px; display:flex; align-items:center; justify-content:center;}
.dash_banner .dash_box dl {padding-bottom:8px;}
.dash_banner .dash_box dt {color:#222; font-family:"notoM"; font-size:18px; padding-bottom:5px;}
.dash_banner .dash_box dd {color:#737373; font-family:"notoM"; font-size:20px; line-height:0.9;}
.dash_banner .dash_box dd span {color:#111; font-family:"montB"; font-size:45px;}
.dash_banner .dash_box p.detail_view {padding-right:20px;}
.dash_banner .dash_box p.detail_view a {color:#1a69d4; background:url(../../images/dash_arrow.png) no-repeat right 6px; padding-right:24px;}
#chart_div{width:100%; height: 500px;}
#chart_div text {font-family:"montL", "notoL"; font-size:14px}