@charset "utf-8";
/************************************************
	Sub 스타일시트
*************************************************/
.img-zoom .btn-zoom{ display:none}

/*리스트 스타일*/
.list_dl{ padding-bottom:30px  }
.list_dl dt{ font-size:1.5em;  background: url(/resources/images/fund/sub/h3_bg.gif) repeat-x 0px 0px; padding:40px 0px 20px 20px; color:#0a45a9}
.list_dl dd{ background: url(/resources/images/fund/sub/list_01_bullet.png) no-repeat 20px 6px; padding:0px 0px 5px 40px; line-height:160% }
.list_dl.last{background: url(/resources/images/fund/sub/h3_bg.gif) repeat-x 0px bottom;}

.list_li01{ padding-left:10px;  }
.list_li01 li{ line-height:1.65; padding-bottom:7px; background: url(/resources/images/fund/sub/deco06.gif) no-repeat 0px 12px; padding-left:10px}

.list_li02{ margin:10px ; padding-left:5px   }
.list_li02 li{ line-height:1.55; padding-bottom:7px; background: url(/resources/images/fund/sub/deco14.gif) no-repeat 0px 9px; padding-left:12px}
.list_li02 li ul{ margin-top:10px}
.list_li02 li ul li{ background:url(/resources/images/fund/sub/deco06.gif) no-repeat 0px 10px; padding-left:8px ; padding-bottom:0px}

.list_li03 li{ line-height:1.55; padding:5px 0px 10px; background: url(/resources/images/fund/sub/deco0203.png) no-repeat 0px 4px; padding-left:35px; font-weight:500}


/*선*/
.line01{ width:100%; height:8px; background: url(/resources/images/fund/sub/deco05.gif) repeat; display:block; margin:10px 0px}
.bg-line01 {width:100%; height:50px; margin:0px 0; background: url(/resources/images/fund/sub/hline_gray.gif) 50% 0 no-repeat;}
.bg-line02 {width:100%; height:1px; margin-bottom:50px; background:#666666 }

/*이미지*/
.img100{ width:100%}


.ui-btn.imgno img{ display:none}
/*상단꾸밈박스 한두줄일때*/
.info_box{ background: url(/resources/images/fund/sub/deco05.gif)  repeat 0px 0px; width:100%;   margin-bottom:40px; padding:8px}
.info_box >  p, .info_box > div{ padding:30px; background-color:#fff; line-height:1.6;    }
.info_box.call p{background: url(/resources/images/fund/sub/daco_call.png)  no-repeat 30px center;  padding:20px 0px 20px 110px ; color:#0c419a; font-weight:400 }/*전화아이콘*/
.info_box.alim p{background:url(/resources/images/fund/sub/daco_alim.png)  no-repeat 30px center;  padding:20px 0px 20px 110px ; color:#0c419a; font-weight:400 }
.info_box.mike p{background: url(/resources/images/fund/sub/daco_mike.png)  no-repeat 30px center;  padding:20px 0px 20px 110px ; color:#0c419a}
.info_box.computer p{background: url(/resources/images/fund/sub/daco_computer.png)  no-repeat 30px center;  padding:20px 0px 20px 110px ; color:#0c419a}
.info_box.sign p{background: url(/resources/images/fund/sub/daco_sign.png)  no-repeat 30px center;  padding:20px 0px 20px 110px ; color:#0c419a; }
.info_box.sign{ margin-top:40px;}
.info_box .inner{padding:40px 20px; background:#fff; text-align: center;}
.info_box .inner p{font-size:18px; font-weight: 500;}

/*상단꾸밈박스 제목+내용일때*/
.info_box > dl{ background: url(/resources/images/fund/sub/daco_b01.png)  no-repeat 30px center #fff; padding:40px;  padding-left:150px; line-height:1.65; margin-bottom:0px}
.info_box > dl dt{ font-size:1.5em; color:#0c419a; margin-bottom:5px}
.info_box > dl dd{ }
.info_box > dl.orga{ background: url(/resources/images/fund/sub/daco_b02.png)  no-repeat 30px 50px #fff;  }

/*박스01*/
.box_st01{ border:#d7d7d7 solid  1px; padding:40px; line-height:1.5; border-top:#2763bb 2px solid}
/*박스02*/
.box_st02{ border:#333 dotted 1px; padding:40px; line-height:1.5}
/*박스03*/
.box_st03{  padding:20px; background: url(/resources/images/fund/sub/deco05.gif)  repeat 0px 0px;}
/*박스04*/
dl.box_st04{ width:100%; margin-bottom:20px; display:inline-block; line-height:1.5  }
dl.box_st04 dt{ width:100%; padding:20px 3%;  font-weight:500; color:#224fa3; border:#d7d7d7 1px solid; border-bottom:#224fa3 2px solid ; font-size:1.1em}
dl.box_st04 dd{ background:#f7f7f7; padding:2%; }

/*박스05*/
.box_st05{  padding:60px 0px; background: url(/resources/images/fund/sub/deco05.gif) repeat-x; }
/*박스06 기본라인*/
.box_st_line{ border:#d7d7d7  solid 1px; padding:40px; line-height:1.5}


/**탭영역width:25%**/
.ui-page-tab > ul li{ display:table-cell; width:1%; float:none; position:relative}
.ui-page-tab li a	{font-size:16px;height: 100%;line-height: 20px;border: 5px solid #bcbcbc;border-bottom: 0!important;padding: 10px 21px; font-weight:500}
.ui-page-tab li.on a,
.ui-page-tab li a:hover	{background:#224fa3;border:5px solid #224fa3;height: 100%;}

/* table */
.table_scroll {overflow-x:auto;margin-bottom: 20px;}/*넓이가 긴 테이블 */
table.table-detail { border-top: 2px solid #08449a; border-right: 1px solid #d8d8de; border-left: 0; width: 100%; text-align: left; border-collapse: separate; border-spacing: 0; }
table.table-detail caption { overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0; }
table.table-detail th,
table.table-detail td { border-left: 1px solid #d8d8de; border-bottom: 1px solid #d8d8de; margin-top: 0; padding: 12px 10px; vertical-align: middle; width: auto; line-height: 1.4; }
table.table-detail th { background: #f8f8f8; color: #000000; font-weight: 500; text-align: center; }
table.table-detail th.th01 { color:#6191d6 ; background:#fff }/*가로타이틀경우*/
table.table-detail td { min-height: 40px; color: #333; }
table.table-scroll { word-break: keep-all; }
.table-sub-info { margin: 30px 0; }

table.table-detail.colortable{ border-top:0px; word-break:normal; word-break:keep-all; }
table.table-detail.colortable th{ color:#fff; background:#2763bb}
/*아이콘*/
.link_icon{ width:12px; height:15px; background: url(/resources/images/fund/sub/icon_linkw.png) no-repeat 0px 0px; display:inline-block ; vertical-align:middle }/*링크*/
.down_icon{ width:15px; height:15px; background: url(/resources/images/fund/sub/icon_downw.png) no-repeat 0px 0px; display:inline-block ; vertical-align:middle ; margin-left:2px}/*다운*/
.down_icon02{width:31px; height:31px; background: url(/resources/images/fund/sub/arrow04.gif) no-repeat 0px 0px; display:inline-block ; vertical-align:middle ; font-size:0px }
.down_icon02:hover{width:31px; height:31px; background: url(/resources/images/fund/sub/arrow04on.gif) no-repeat 0px 0px; display:inline-block ; vertical-align:middle ; font-size:0px }

 /* 호서발전기금 컬러 */
 .fund_sky{ color:#008acd !important}
 .fund_blue{ color:#2763bb !important} 
 .fund_bgreen{ color:#2da490 !important/*청록*/}
 .fund_red{ color:#be1824 !important/*강조 빨강*/}
 .fund_black{color:#222 !important} 
 .fund_w{color:#ff !important} 
 .fund_gray{color:#808794 !important} 
 
  /* 호서발전기금 컬러 바탕*/
   .bg_sky{ background:#008acd !important}
 .bg_blue{ background:#2763bb !important;  }
 .bg_bgreen{ background:#2da490 !important/*연두*/}
 .gdbg_w{ background:#fff !important/*하얀색*/;  }
 
 
 /*버튼 색상 메인용 별도*/
 /* color */
.ui-btn{ border-radius:0px; padding:10px 15px; background:#2763bb; border-color:#0d428f; font-size:1em} 
.ui-btn:hover	{ background: #0d428f; border-color: #0d428f; }
.ui-btn.sky		{background: #008acd;border-color: #007bb7;}
.ui-btn.sky:hover	{ background: #007bb7; border-color: #007bb7; }
.ui-btn.bgreen		{ background: #2da490; border-color: #12917c; }
.ui-btn.bgreen:hover	{ background: #12917c; border-color: #12917c; }
.ui-btn.white:hover	{ background: #efefef; border-color: #c1c1c1; color:#0070d9 }
 
.ui-btn.small{ font-size:0.9em }
.ui-btn.bigx2{ padding:15px 45px; font-size:1em; font-weight:500  }
.ui-btn.bigx3{ padding:30px 60px; font-size:1.1em  }
 
.ui-btn.down img{ display:none }
 
.ui-page-total-category { margin:0px; margin-bottom:20px}
 input.ui-btn{ height:auto}
 
.page-search-box .ui-btn.white{ height:37px; line-height:100%}

/*프린트버튼 숨김*/
.no-print{ display:none !important}
 @media all and (max-width: 767px) { 
 /* 이미지확대보기 */
.img-zoom {position:relative;width:100%;text-align:center;}
.img-zoom img {max-width:100%;}
.img-zoom .btn-zoom {position:absolute;bottom:0;right:0;display:block;width:45px;height:45px;background:url(/resources/images/fund/sub/btn_zoom.png) no-repeat;z-index:1;}
 
 /*타이틀 스타일*/
h3{  font-size:1.5em; margin-top:20px}
h4{ font-size:1.2em; }
h5{  font-size:1.1em;  }

.display_m{ display:block !important}/*모바일에서 존재*/
	
	/*상단꾸밈박스 한두줄일때*/
	.info_box.call p{background:url(/resources/images/fund/sub/daco_call.png)  no-repeat 5px center; padding:20px 0px 20px 70px}
	.info_box.alim p{background:url(/resources/images/fund/sub/daco_alim.png)  no-repeat 5px center; padding:20px 0px 20px 70px}
	.info_box.sign p{background:url(/resources/images/fund/sub/daco_sign.png)  no-repeat 5px center; padding:20px 0px 20px 70px;}
	.info_box.sign{ margin-top:20px}
	.info_box > p{ padding:20px}
	/*상단꾸밈박스 제목+내용일때*/
	.info_box dl{background:url(/resources/images/main/sub/daco_b01.png)  no-repeat 90% 10px #fff; background-size:70px; padding:20px; padding-top:60px}
	.info_box dl.orga{background:url(/resources/images/main/sub/daco_b02.png)  no-repeat 90% 10px #fff; background-size:70px; padding:20px; padding-top:60px}
	/*박스01*/
	.box_st01, .box_st02,  .box_st_line{  padding:15px;}
	/*박스05*/
	.box_st05{ padding:20px 0px}
 
 	/*테이블*/
	.table_scroll, .table_Scroll {overflow-x:auto;}
	.table_scroll table, .table_Scroll table {width:768px}
	table.table-detail th, table.table-detail td{padding:8px 3px; font-size:13px}
	
	.list_li02{margin:5px}
	
	/*탭*/
 	.ui-page-tab > ul li{  width:50%; display:inline-block; float:left}

	/*버튼*/
	.ui-btn.bigx2{ padding:10px 20px; font-size:1em  }
	 .ui-btn.bigx3{ padding:20px 35px; font-size:1.1em  }
	 
	 .display_m{ display:none !important}/*모바일에서만존재*/
	 .pc_view{ display:none !important}/*모바일에서만존재*/
 }
  @media all and (max-width: 450px) { 
  .info_box.mike p,  .info_box.call p, .info_box.alim p, .info_box.computer{ padding:10px; background:none}
 
  }
 
/*************************************************************
	                                                   공통스타일  Style
**************************************************************/
b{ font-weight:bold}
/* 폰트사이즈 */
.f_6em { font-size: 0.6em!important; }
.f_7em { font-size: 0.7em!important; }
.f_8em { font-size: 0.8em!important; }
.f_9em { font-size: 0.9em!important; }
.f_10em { font-size: 1.0em!important; }
.f_11em { font-size: 1.1em!important; }
.f_12em { font-size: 1.2em!important; }
.f_13em { font-size: 1.3em!important; }
.f_14em { font-size: 1.4em; }
.f_15em { font-size: 1.5em; }
.f_16em { font-size: 1.6em; }

.f_10 { font-size: 10px; }
.f_11 { font-size: 11px; }
.f_12 { font-size: 12px; }
.f_13 { font-size: 13px; }
.f_14 { font-size: 14px; }
.f_15 { font-size: 15px; }
.f_16 { font-size: 16px; }

.f_w100{ font-weight:100}
.f_w300{ font-weight:300}
.f_w600{ font-weight:600}
.f_w900{ font-weight:900}

/*들여쓰기*/
.indent { padding:  0 0 0 10px!important; }
.indent2 { padding:  0 0 0 20px!important; }
.indent3 { padding:  0 0 0 30px!important; }

.t_center { text-align: center!important; }
.t_left { text-align: left!important; }
.t_right { text-align: right!important; }


/*********************** Float Style ***********************/
.f_left { float: left !important; }
.f_right { float: right !important; }
.f_none { float: none !important; }
.f_clear { clear: both !important; }
.d_inline { display: inline !important; }
.show { display: block; }
.hide { display: none; }


/*********************** Vertical Align Style ***********************/
.v_top { vertical-align: top !important; }
.v_middle { vertical-align: middle !important; }
.v_bottom { vertical-align: bottom !important; }
.v_baseline { vertical-align: baseline !important; }


/*********************** Letter Spacing Style ***********************/
.mp0 { margin: 0 !important; padding: 0 !important; }
.m0 { margin: 0 !important ; }
.p0 { padding: 0 !important ; }

/*********************** Padding Style ***********************/
.p_t0 { padding-top: 0px !important; }
.p_t1 { padding-top: 1px !important; }
.p_t2 { padding-top: 2px !important; }
.p_t3 { padding-top: 3px !important; }
.p_t4 { padding-top: 4px !important; }
.p_t5 { padding-top: 5px !important; }
.p_t6 { padding-top: 6px !important; }
.p_t7 { padding-top: 7px !important; }
.p_t8 { padding-top: 8px !important; }
.p_t9 { padding-top: 9px !important; }
.p_t10 { padding-top: 10px !important; }
.p_t11 { padding-top: 11px !important; }
.p_t12 { padding-top: 12px !important; }
.p_t13 { padding-top: 13px !important; }
.p_t14 { padding-top: 14px !important; }
.p_t15 { padding-top: 15px !important; }
.p_t16 { padding-top: 16px !important; }
.p_t17 { padding-top: 17px !important; }
.p_t18 { padding-top: 18px !important; }
.p_t19 { padding-top: 19px !important; }
.p_t20 { padding-top: 20px !important; }
.p_t30 { padding-top: 30px !important; }
.p_t40 { padding-top: 40px !important; }

.p_l0 { padding-left: 0px !important; }
.p_l1 { padding-left: 1px !important; }
.p_l2 { padding-left: 2px !important; }
.p_l3 { padding-left: 3px !important; }
.p_l4 { padding-left: 4px !important; }
.p_l5 { padding-left: 5px !important; }
.p_l6 { padding-left: 6px !important; }
.p_l7 { padding-left: 7px !important; }
.p_l8 { padding-left: 8px !important; }
.p_l9 { padding-left: 9px !important; }
.p_l10 { padding-left: 10px !important; }
.p_l11 { padding-left: 11px !important; }
.p_l12 { padding-left: 12px !important; }
.p_l13 { padding-left: 13px !important; }
.p_l14 { padding-left: 14px !important; }
.p_l15 { padding-left: 15px !important; }
.p_l16 { padding-left: 16px !important; }
.p_l17 { padding-left: 17px !important; }
.p_l18 { padding-left: 18px !important; }
.p_l19 { padding-left: 19px !important; }
.p_l20 { padding-left: 20px !important; }

.p_r0 { padding-right: 0px !important; }
.p_r1 { padding-right: 1px !important; }
.p_r2 { padding-right: 2px !important; }
.p_r3 { padding-right: 3px !important; }
.p_r4 { padding-right: 4px !important; }
.p_r5 { padding-right: 5px !important; }
.p_r6 { padding-right: 6px !important; }
.p_r7 { padding-right: 7px !important; }
.p_r8 { padding-right: 8px !important; }
.p_r9 { padding-right: 9px !important; }
.p_r10 { padding-right: 10px !important; }
.p_r11 { padding-right: 11px !important; }
.p_r12 { padding-right: 12px !important; }
.p_r13 { padding-right: 13px !important; }
.p_r14 { padding-right: 14px !important; }
.p_r15 { padding-right: 15px !important; }
.p_r16 { padding-right: 16px !important; }
.p_r17 { padding-right: 17px !important; }
.p_r18 { padding-right: 18px !important; }
.p_r19 { padding-right: 19px !important; }
.p_r20 { padding-right: 20px !important; }

.p_b0 { padding-bottom: 0px !important; }
.p_b1 { padding-bottom: 1px !important; }
.p_b2 { padding-bottom: 2px !important; }
.p_b3 { padding-bottom: 3px !important; }
.p_b4 { padding-bottom: 4px !important; }
.p_b5 { padding-bottom: 5px !important; }
.p_b6 { padding-bottom: 6px !important; }
.p_b7 { padding-bottom: 7px !important; }
.p_b8 { padding-bottom: 8px !important; }
.p_b9 { padding-bottom: 9px !important; }
.p_b10 { padding-bottom: 10px !important; }
.p_b11 { padding-bottom: 11px !important; }
.p_b12 { padding-bottom: 12px !important; }
.p_b13 { padding-bottom: 13px !important; }
.p_b14 { padding-bottom: 14px !important; }
.p_b15 { padding-bottom: 15px !important; }
.p_b16 { padding-bottom: 16px !important; }
.p_b17 { padding-bottom: 17px !important; }
.p_b18 { padding-bottom: 18px !important; }
.p_b19 { padding-bottom: 19px !important; }
.p_b20 { padding-bottom: 20px !important; }


/*********************** Margin Style ***********************/
.m_t0 { margin-top: 0px !important; }
.m_t1 { margin-top: 1px !important; }
.m_t2 { margin-top: 2px !important; }
.m_t3 { margin-top: 3px !important; }
.m_t4 { margin-top: 4px !important; }
.m_t5 { margin-top: 5px !important; }
.m_t6 { margin-top: 6px !important; }
.m_t7 { margin-top: 7px !important; }
.m_t8 { margin-top: 8px !important; }
.m_t9 { margin-top: 9px !important; }
.m_t10 { margin-top: 10px !important; }
.m_t11 { margin-top: 11px !important; }
.m_t12 { margin-top: 12px !important; }
.m_t13 { margin-top: 13px !important; }
.m_t14 { margin-top: 14px !important; }
.m_t15 { margin-top: 15px !important; }
.m_t16 { margin-top: 16px !important; }
.m_t17 { margin-top: 17px !important; }
.m_t18 { margin-top: 18px !important; }
.m_t19 { margin-top: 19px !important; }
.m_t20 { margin-top: 20px !important; }
.m_t25 { margin-top: 25px !important; }
.m_t30 { margin-top: 30px !important; }
.m_t40 { margin-top: 40px !important; }
.m_t50 { margin-top: 50px !important; }
.m_t96 { margin-top: 96px !important; }

.m_l0 { margin-left: 0px !important; }
.m_l1 { margin-left: 1px !important; }
.m_l2 { margin-left: 2px !important; }
.m_l3 { margin-left: 3px !important; }
.m_l4 { margin-left: 4px !important; }
.m_l5 { margin-left: 5px !important; }
.m_l6 { margin-left: 6px !important; }
.m_l7 { margin-left: 7px !important; }
.m_l8 { margin-left: 8px !important; }
.m_l9 { margin-left: 9px !important; }
.m_l10 { margin-left: 10px !important; }
.m_l11 { margin-left: 11px !important; }
.m_l12 { margin-left: 12px !important; }
.m_l13 { margin-left: 13px !important; }
.m_l14 { margin-left: 14px !important; }
.m_l15 { margin-left: 15px !important; }
.m_l16 { margin-left: 16px !important; }
.m_l17 { margin-left: 17px !important; }
.m_l18 { margin-left: 18px !important; }
.m_l19 { margin-left: 19px !important; }
.m_l20 { margin-left: 20px !important; }
.m_l25 { margin-left: 25px !important; }
.m_l30 { margin-left: 30px !important; }
.m_l55 { margin-left: 55px !important; }

.m_r0 { margin-right: 0px !important; }
.m_r1 { margin-right: 1px !important; }
.m_r2 { margin-right: 2px !important; }
.m_r3 { margin-right: 3px !important; }
.m_r4 { margin-right: 4px !important; }
.m_r5 { margin-right: 5px !important; }
.m_r6 { margin-right: 6px !important; }
.m_r7 { margin-right: 7px !important; }
.m_r8 { margin-right: 8px !important; }
.m_r9 { margin-right: 9px !important; }
.m_r10 { margin-right: 10px !important; }
.m_r11 { margin-right: 11px !important; }
.m_r12 { margin-right: 12px !important; }
.m_r13 { margin-right: 13px !important; }
.m_r14 { margin-right: 14px !important; }
.m_r15 { margin-right: 15px !important; }
.m_r16 { margin-right: 16px !important; }
.m_r17 { margin-right: 17px !important; }
.m_r18 { margin-right: 18px !important; }
.m_r19 { margin-right: 19px !important; }
.m_r20 { margin-right: 20px !important; }
.m_r25 { margin-right: 25px !important; }
.m_r50 { margin-right: 50px !important; }
.m_r55 { margin-right: 55px !important; }
.m_r88 { margin-right: 88px !important; }

.m_b0 { margin-bottom: 0px !important; }
.m_b1 { margin-bottom: 1px !important; }
.m_b2 { margin-bottom: 2px !important; }
.m_b3 { margin-bottom: 3px !important; }
.m_b4 { margin-bottom: 4px !important; }
.m_b5 { margin-bottom: 5px !important; }
.m_b6 { margin-bottom: 6px !important; }
.m_b7 { margin-bottom: 7px !important; }
.m_b8 { margin-bottom: 8px !important; }
.m_b9 { margin-bottom: 9px !important; }
.m_b10 { margin-bottom: 10px !important; }
.m_b11 { margin-bottom: 11px !important; }
.m_b12 { margin-bottom: 12px !important; }
.m_b13 { margin-bottom: 13px !important; }
.m_b14 { margin-bottom: 14px !important; }
.m_b15 { margin-bottom: 15px !important; }
.m_b16 { margin-bottom: 16px !important; }
.m_b17 { margin-bottom: 17px !important; }
.m_b18 { margin-bottom: 18px !important; }
.m_b19 { margin-bottom: 19px !important; }
.m_b20 { margin-bottom: 20px !important; }
.m_b30 { margin-bottom: 30px !important; }

/* 가로세로 */
.w100p { width: 100% !important; }
.w90p { width: 90% !important; }
.w80p { width: 80% !important; }
.w70p { width: 70% !important; }
.w60p { width: 60% !important; }
.w50p { width: 50% !important; }
.w40p { width: 40% !important; }
.w30p { width: 30% !important; }
.w20p { width: 20% !important; }
.w10p { width: 10% !important; }

.h100p { height: 100% !important; }
.h90p { height: 90% !important; }
.h80p { height: 80% !important; }
.h70p { height: 70% !important; }
.h60p { height: 60% !important; }
.h50p { height: 50% !important; }
.h40p { height: 40% !important; }
.h30p { height: 30% !important; }
.h20p { height: 20% !important; }
.h10p { height: 10% !important; }