@charset "utf-8";

/* 사업상세 스타일 */
/* content */
#ds_content { position:relative;}
#ds_content h1 { background:url(../images/bs/h1_bullet.png) no-repeat 0 15px; font-size:22px; font-weight:800; color:#222; padding:10px 0 10px 14px; border-bottom:1px solid #ccc; margin-bottom:30px;}
#ds_content h2 { background:url(../images/bs/h2_bullet.png) no-repeat 0 15px; font-size:15px; font-weight:800; color:#263d6a; padding:9px 0 9px 16px;}
#ds_content h3 { background:url(../images/bs/h3_bullet.png) no-repeat 0 9px; font-size:13px; font-weight:800; color:#333; padding:5px 0 5px 16px;}
#ds_content h4 { background:url(../images/bs/h4_bullet.png) no-repeat 0 11px; font-size:12px; font-weight:800; color:#333; padding:5px 0 5px 10px;}

#ds_content .location { position:absolute; top:15px; right:0; color:#838383;}
#ds_content .location span { padding:0 3px;}
#ds_content .location .page { color:#555;}

#ds_content .section { position:relative;}
#ds_content .rgt_box { text-align:right; padding:9px 0;}
#ds_content .ce_box { text-align:center; padding:15px 0 0;}
#ds_content .btn_tbox { position:absolute; top:5px; left:105px;}
#ds_content .add_txt { text-align:right; padding:15px 0;}
#ds_content .add_txt.ab_rgt { position:absolute; top:-5px; right:0;}
#ds_content .chart_area { border-top:1px solid #213151; background:#f9f9f9; overflow:auto;}
#ds_content .info_box { background:#f8fafd; border-top:1px solid #d7deea; border-bottom:1px solid #d7deea; padding:15px 20px;}
#ds_content .info_box .info_list li { background:url(../images/bs/bar.png) no-repeat 0 12px; color:#666; padding:1px 8px; line-height:20px;}
#ds_content .txt_count { text-align:right; margin-bottom:3px;}
#ds_content .txt_count.ab_rgt { position:absolute; top:-20px; right:0;}
#ds_content .txt_em { color:#d04716;}

/* bz compare */
#ds_content .txt_biz_title { font-weight:bold; font-size:19px; color:#d04716;}

/* tab */
#ds_content .tab_area { margin:25px 0 0;}
#ds_content .bs_tab { border-bottom:1px solid #263d6a; *zoom:1;}
#ds_content .bs_tab:after, #ds_content .bs_tab2:after { content:""; display:block; clear:both;}

#ds_content .bs_tab li { display:block; float:left; cursor:default; text-align:center; background:#f8f8f8; border:1px solid #dcdcdc; border-bottom:none; margin-left:3px; height:30px; line-height:27px; position:relative; bottom:-1px; font-size:14px; color:#5b5b5b; width:104px;}

/*  #ds_content .bs_tab li { float:left; cursor:pointer; text-align:center; background:#f8f8f8; border:1px solid #dcdcdc; border-bottom:none; margin-left:3px; height:39px; line-height:39px; position:relative; bottom:-1px; font-size:14px; color:#5b5b5b; width:115px;}*/
#ds_content .bs_tab li .arrow { display:block; cursor:default;}
#ds_content .bs_tab li:first-child { margin-left:0; width:104px;}
#ds_content .bs_tab li.active { cursor:pointer; display:block; background:#fff; border:1px solid #263d6a; border-top:3px solid #e64d17; border-bottom:1px solid #fff; height:30px; line-height:27px; font-weight:800; color:#263d6a;}

#ds_content .bs_tab li.wait {cursor:pointer; display:block; background:#f8f8f8; border:1px solid #263d6a; border-top:3px solid #bbbbbb; border-bottom:1px solid #fff; height:30px; line-height:27px; font-weight:800; color:#263d6a;}

#ds_content .bs_tab li.active .arrow { display:inline-block; background:url(../images/bs/arrow_drop2.png) no-repeat 0 0; width:7px; height:4px; position:absolute; top:17px; right:12px;}
#ds_content .tab_contents {}
/* #ds_content .tab_con { padding:15px 0 30px; border-bottom:1px solid #263d6a; margin-bottom:50px; display:block;} */
#ds_content .tab_con { padding:15px 0 10px; display:block;}

#ds_content .bs_tab2 { padding:10px 0 15px; *zoom:1;}
#ds_content .bs_tab2 li { float:left; width:120px; margin-right:2px; text-align:center; height:34px; line-height:34px; position:relative; background:#6393db;}
#ds_content .bs_tab2 li a { display:block; color:#fff; font-size:13px; font-weight:800;}
#ds_content .bs_tab2 li .arrow { display:none;}
#ds_content .bs_tab2 li.m2 { background:#36adbf;}
#ds_content .bs_tab2 li:hover, #ds_content .bs_tab2 li.active { background:#3565c4;}
#ds_content .bs_tab2 li:hover.m2, #ds_content .bs_tab2 li.m2.active { background:#0e90af;}
#ds_content .bs_tab2 li.active .arrow { display:block; position:absolute; background:url(../images/bs/arrow_drop3.png) no-repeat 0 0; width:13px; height:7px; bottom:-7px; left:45%;}
#ds_content .bs_tab2 li.m2.active .arrow { background:url(../images/bs/arrow_drop4.png) no-repeat 0 0;}

/* campare tab */
#ds_content .bs_tab2_comp { *zoom:1;}
#ds_content .bs_tab2_comp li { float:left; width:90px; margin-right:2px; text-align:center; height:24px; line-height:21px; position:relative; background:#6393db;}
#ds_content .bs_tab2_comp li a { display:block; color:#fff; font-size:13px; font-weight:800; }
#ds_content .bs_tab2_comp li .arrow { display:none;}
#ds_content .bs_tab2_comp li.m2 { background:#36adbf;}
#ds_content .bs_tab2_comp li:hover, #ds_content .bs_tab2_comp li.active { background:#3565c4;}
#ds_content .bs_tab2_comp li:hover.m2, #ds_content .bs_tab2_comp li.m2.active { background:#0e90af;}
#ds_content .bs_tab2_comp li.active .arrow { display:block; position:absolute; background:url(../images/bs/arrow_drop3.png) no-repeat 0 0; width:13px; height:7px; bottom:-7px; left:45%;}
#ds_content .bs_tab2_comp li.m2.active .arrow { background:url(../images/bs/arrow_drop4.png) no-repeat 0 0;}


/* table */
#ds_content .tbl_basic { border-top:2px solid #213151; width:100%; table-layout:fixed; border-collapse:separate;}
#ds_content .tbl_basic thead th { background:#eee; border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 9px; color:#333; font-weight:800;} 
#ds_content .tbl_basic tbody th { background:#f9f9f9; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:10px 5px; color:#333; font-weight:800;}
#ds_content .tbl_basic tbody td { background:#fff; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:10px 9px; color:#333;}

/* bizCompare css */
#ds_content .tbl_basic .FstRowC{ background:#fff; border-left:1px solid #dfdfdf; border-bottom:1px solid #ffffff; padding:10px 9px; color:#333;}
#ds_content .tbl_basic .blankC{ background:#fff; border-left:1px solid #dfdfdf; border-bottom:1px solid #ffffff; padding:10px 9px; color:#333;}
#ds_content .tbl_basic .LstRowC{ background:#fff; border-left:1px solid #dfdfdf; border-bottom:1px solid #ffffff; padding:10px 9px; color:#333;}
#ds_content .tbl_basic .blank{ background:#fff; border-left:1px solid #dfdfdf; border-bottom:1px solid #ffffff; padding:10px 9px; color:#333;}

#ds_content .tbl_basic thead th:first-child, #ds_content .tbl_basic tbody th:first-child, #ds_content .tbl_basic tbody td:first-child { border-left:none;}
/*#ds_content .tbl_basic tr:last-child th, #ds_content .tbl_basic tr:last-child td { border-bottom:1px solid #bbb;}*/
#ds_content .tbl_basic tbody tr.active td { background:#f9f9f9;}
#ds_content .tbl_basic.st_ce tbody td { text-align:center;}
#ds_content .tbl_basic.st_rgt tbody td { text-align:right;}


/* sub table 추가 김진기 */
#ds_content .tbl_s_basic { width:100%; table-layout:fixed; border-collapse:separate;}
#ds_content .tbl_s_basic thead th { background:#eee; border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 9px; color:#333; font-weight:800;} 
#ds_content .tbl_s_basic tbody th { background:#f9f9f9; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:10px 9px; color:#333; font-weight:800;}
#ds_content .tbl_s_basic tbody td { background:#fff; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:10px 9px; color:#333;}
#ds_content .tbl_s_basic thead th:first-child, #ds_content .tbl_s_basic tbody th:first-child, #ds_content .tbl_s_basic tbody td:first-child { border-left:none;}
/*#ds_content .tbl_s_basic tr:last-child th, #ds_content .tbl_s_basic tr:last-child td { border-bottom:1px solid #bbb;}*/
#ds_content .tbl_s_basic tbody tr.active td { background:#f9f9f9;}
#ds_content .tbl_s_basic.st_ce tbody td { text-align:center;}
#ds_content .tbl_s_basic.st_rgt tbody td { text-align:right;}


#ds_content .tbl_info { border-top:2px solid #213151; width:100%; table-layout:fixed; border-collapse:separate;}
#ds_content .tbl_info thead th { background:#6393db; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:5px 9px; color:#fff; font-weight:800; min-height:26px;} 
#ds_content .tbl_info thead th.st2 { background:#36adbf;}
#ds_content .tbl_info tbody th { background:#f9f9f9; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:10px 9px; color:#333; font-weight:800;}
#ds_content .tbl_info tbody td { background:#fff; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:10px 9px; color:#333; text-align:center;}
#ds_content .tbl_info thead th:first-child, #ds_content .tbl_info tbody th:first-child, #ds_content .tbl_info tbody td:first-child { border-left:none;}
/*#ds_content .tbl_info tr:last-child th, #ds_content .tbl_info tr:last-child td { border-bottom:1px solid #bbb;}*/

/* button */
#ds_content button { position:relative;}
#ds_content .btn_more,  #ds_content .btn_white { height:27px; line-height:100%; background:#fff; border:1px solid #d9d9d9; border-radius:2px; color:#444; font-weight:800; width:122px;}
#ds_content .btn_more:hover, #ds_content .btn_more:focus, #ds_content .btn_white:hover, #ds_content .btn_white:focus { background-color:#f9f9f9; border-color:#ccc;}




#ds_content .btn_more_info,  #ds_content .btn_white { height:25px; line-height:100%; background:#fff; border:1px solid #d9d9d9; border-radius:2px; color:#444; font-weight:800; width:85px;}
#ds_content .btn_more_info:hover, #ds_content .btn_more_info:focus, #ds_content .btn_white:hover, #ds_content .btn_white:focus { background-color:#f9f9f9; border-color:#ccc;}



#ds_content .btn_link, #ds_content .btn_down, #ds_content .btn_darkblue { height:27px; line-height:100%; background:#385387; border:1px solid #28406e; border-radius:2px; color:#fff; font-weight:800; width:100px;}


 


#ds_content .btn_campare_darkblue { height:25px; line-height:100%; background:#385387; border:1px solid #28406e; border-radius:2px; color:#fff; font-weight:800; font-size:13px; width:80px;}

#ds_content .btn_campare_darkgray { height:25px; line-height:100%; background:#8c8c8c; border:1px solid #28406e; border-radius:2px; color:#fff; font-weight:800; font-size:13px; width:50px;}

#ds_content .btn_link:hover, #ds_content .btn_link:focus, #ds_content .btn_down:hover, #ds_content .btn_down:focus, #ds_content .btn_darkblue:hover, #ds_content .btn_darkblue:focus { background-color:#2d426c; border-color:#203358;}


#ds_content .btn_search_blue, #ds_content .btn_down, #ds_content .btn_darkblue { height:27px; line-height:100%; background:#385387; border:1px solid #28406e; border-radius:2px; color:#fff; font-weight:800; width:80px;}
#ds_content .btn_search_blue:hover, #ds_content .btn_search_blue:focus, #ds_content .btn_down:hover, #ds_content .btn_down:focus, #ds_content .btn_darkblue:hover, #ds_content .btn_darkblue:focus { background-color:#2d426c; border-color:#203358;}




#ds_content .btn_list, #ds_content .btn_gray { height:27px; line-height:100%; background:#f0f0f0; border:1px solid #ccc; border-radius:2px; color:#444; font-weight:800; width:100px;}
#ds_content .btn_list:hover, #ds_content .btn_list:focus, #ds_content .btn_gray:hover, #ds_content .btn_gray:focus { background-color:#ddd; border-color:#bcbcbc;}

#ds_content .btn_white, #ds_content .btn_darkblue, #ds_content .btn_gray { width:auto; padding:0 20px;}

#ds_content .ico_drop { background:url(../images/bs/arrow_drop.png) no-repeat 0 0; width:7px; height:7px; display:inline-block; margin-left:5px;}
#ds_content .ico_drop_white { background:url(../images/bs/arrow_drop_white.png) no-repeat 0 0; width:7px; height:7px; display:inline-block; margin-left:5px;}

#ds_content .ico_up { background:url(../images/bs/arrow_up.png) no-repeat 0 0; width:7px; height:7px; display:inline-block; margin-left:5px;}

#ds_content .ico_link { background:url(../images/bs/ico_link.png) no-repeat 0 0; width:10px; height:11px; display:inline-block; margin-left:5px;}
#ds_content .ico_arrow { background:url(../images/bs/arrow_gray.png) no-repeat 0 0;  width:4px; height:8px; display:inline-block; margin-left:5px;}
#ds_content .ico_down { background:url(../images/bs/ico_down.png) no-repeat 0 0; width:10px; height:12px; display:inline-block; margin-left:5px;}
#ds_content .ico_down_center { background:url(../images/bs/ico_down.png) no-repeat 0 0; width:10px; height:12px; display:inline-block;}

#ds_content .ico_link_blue { background:url(../images/bs/ico_link.png) no-repeat 0 4px; width:10px; height:14px; display:inline-block; margin-left:5px;}

/* common */
.lft { text-align:left !important;}
.ce { text-align:center !important;}
.rgt { text-align:right !important;}
.txt_link { color:#1d50b6;}
.txt_link:hover { text-decoration:underline;}


/* etc */

/* Rounding Box Css */
.rounding-box_a { position:relative; width:100%; border-top:2px solid #213151; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.rounding-box_a > span { position:absolute; display:block; }
.rounding-box_a > span.lt { left:0; top:0; width:15px; height:15px; z-index:6; }
.rounding-box_a > span.rt { right:0; top:0; width:100%; height:15px; z-index:5; }
.rounding-box_a > span.rb { right:0; bottom:0; width:100%; height:100%; z-index:3; }
.rounding-box_a > span.lb { left:0; bottom:0; width:15px; height:100%; z-index:4; }
.rounding-box_a .rounding-content { position:relative; z-index:7; }

.rounding-content { padding:15px; }

.rounding-type_a > span.lt { background:url(/images/kistep/new/bg/bg_rounding_box2.gif) no-repeat left top; }
.rounding-type_a > span.rt { background:url(/images/kistep/new/bg/bg_rounding_box2.gif) no-repeat right top; }
.rounding-type_a > span.rb { background:url(/images/kistep/new/bg/bg_rounding_box2.gif) no-repeat right bottom; }
.rounding-type_a > span.lb { background:url(/images/kistep/new/bg/bg_rounding_box2.gif) no-repeat left bottom; }
.rounding-type_a .rounding-content { padding:15px; }

	.rounding-type_b_a > span.lt { width:15px; height:100%; z-index:6; background:url(/images/kistep/new/bg/bg_rounding_box2.gif) no-repeat left top; }
	.rounding-type_b_a > span.rt { width:100%; height:100%; z-index:5; background:url(/images/kistep/new/bg/bg_rounding_box2.gif) no-repeat right top; }
	.rounding-type_b_a > span.rb { width:100%; height:15px; z-index:6; background:url(/images/kistep/new/bg/bg_rounding_box3.gif) no-repeat right bottom; }
	.rounding-type_b_a > span.lb { width:15px; height:15px; z-index:6; background:url(/images/kistep/new/bg/bg_rounding_box3.gif) no-repeat left bottom; }
	.rounding-type_b_a .rounding-content { padding:0 0 10px; }
	.rounding-type_b_a .rounding-content .top-content { padding:15px; }
	.rounding-type_b_a .rounding-content .bottom-content { padding:10px 10px 0; margin:0 2px; border-top:1px solid #c9d8eb; background:#f7fbff; }
	
	
div.tump_a{ position:relative; text-align:center;  margin-top:10px; width:100%; min-height:240px; overflow:auto;  vertical-align:middle;}
div.tump_a table.result {text-align:left; width:884px;}
div.tump_a table.result td {padding:0px;}
div.tump_a div.tit {background:url(/images/kistep/common/bl_01.gif) 3px 3px no-repeat; color:#1e51af; font-weight:bold; padding:0 0 5px 18px; float:left;}
div.tump_a div.etc {float:right; font-size:11px;}
div.tump_a div.chart {clear:both; height:300px; width:315px; text-align:center;}
div.tump_a div.chart dl {margin-top:50px;}
div.tump_a div.chart dd.txt{font-weight:bold; font-size:14px; color:#1e51af; margin:20px 0;}

div.tump_b{ position:relative; text-align:center;  margin-top:10px; width:100%; min-height:240px; overflow:auto;  vertical-align:middle;}
div.tump_b table.result {text-align:left; width:884px;}
div.tump_b table.result td {padding:0px;}
div.tump_b div.tit {background:url(/images/kistep/common/bl_01.gif) 3px 3px no-repeat; color:#1e51af; font-weight:bold; padding:0 0 5px 18px; float:left;}
div.tump_b div.etc {float:right; font-size:11px;}
div.tump_b div.chart {clear:both; height:300px; width:480px; text-align:center;}
div.tump_b div.chart dl {margin-top:50px;}
div.tump_b div.chart dd.txt{font-weight:bold; font-size:14px; color:#1e51af; margin:20px 0;}

/* add */

/*tab_type3*/
div.tab_type3_a {clear:both; width: 100%; margin-bottom:10px ;  }
div.tab_type3_a ul  { overflow: hidden; margin:0 0 0 0; width:100%; }
div.tab_type3_a ul  li{ background:url(/images/kistep/bg/tab_bg_type3_right_off.gif) right top no-repeat;  float:left; display:block; margin-right:5px;   }
div.tab_type3_a ul  li a{  background:url(/images/kistep/bg/tab_bg_type3_left_off.gif) left top no-repeat; float:left; display:block; height:26px;  padding:3px 5px 3px 5px;
color:#1e51af; text-decoration:none; font-weight:bold; text-align:center; min-width:70px; }
div.tab_type3_a ul  li.on{ background:url(/images/kistep/bg/tab_bg_type3_right_on.gif) right top no-repeat;    }
div.tab_type3_a ul  li.on a{ background:url(/images/kistep/bg/tab_bg_type3_left_on.gif) left top no-repeat; color:#fff;   font-weight:bold;   }
div.tab_type3_a ul  li.on span{ background:url(/images/kistep/bg/tab_bg_type3_on.png) center bottom no-repeat; height:28px; display:block; }

div.tab_type3_a ul  li:hover{background:url(/images/kistep/bg/tab_bg_type3_right_on.gif) right top no-repeat;    }
div.tab_type3_a ul  li a:hover{background:url(/images/kistep/bg/tab_bg_type3_left_on.gif) left top no-repeat; color:#fff;   font-weight:bold;   }

div.tump_rec{ position:relative; text-align:center;  width:100%; min-height:240px; overflow:auto;  vertical-align:middle; border-top:2px solid #213151;}


/* compare chart */

div.compareChart_a{ position:relative; text-align:center; min-height:240px; vertical-align:middle;  margin-top:15px;
border-top:2px solid #213151; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
div.compareChart_a div.subtit {background:#f9f9f9; width:100%; height:36px; font-weight:bold; float:left; border-bottom:1px solid #dfdfdf;}

div.compareChart_a div.tit {color:#333333; font-weight:bold; padding:9px 0 5px 10px; float:left;}
div.compareChart_a div.etc {float:right; font-size:11px; padding:9px 10px 5px 0px;}
div.compareChart_a div.chart {clear:both; width:100%;  height:300px;}
div.compareChart_a div.chart {clear:both; width:100%; height:300px; text-align:center;}
div.compareChart_a div.chart dl {}
div.compareChart_a div.chart dd.txt{font-weight:bold; font-size:14px; color:#1e51af; margin:20px 0;}