/* 
   @charset "euc-kr";
   Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/

@font-face{font-family:'Nanum Gothic'; src:url('/keei/keei_portal/font/NanumGothic-Regular.eot')}
@font-face{font-family:'Nanum Gothic'; src:url('/keei/keei_portal/font/NanumGothic-Regular.woff')}


img, object, embed, video {
	max-width: 100%;
}

boby {
	margin:0;
	padding:0;
	font-family: 'Nanum Gothic', 'serif';
}

ul, li {
	margin:0;
	padding:0;
	text-decoration:none;
	list-style-type:none;
}


#objBody ul {

padding-left:19px;

}

#objBody ul li{

list-style-type: disc;

}


a {
	text-decoration:none;
}

/* 서브메뉴 */
.sub_menu_tap {
	margin:25px 0 0 0;
	float:left;
	position:absolute;
	background-color:#008cd7;
	padding: 9px 24px;
	z-index:5000;
}

.sub_menu_tap ul {
	float:left;
	width:110px;
}

.sub_menu_tap ul li {
	float:left;
	width:100%;
	padding:8px 0;
	color:#;
}

.sub_menu_tap ul li a {
	color:#97d5ff;
}

.sub_menu_tap ul li a:hover {
	color:#ffffff;
	font-weight:bold;
}


/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}


/* Mobile Layout: 480px and below. */

.wrap {
	font-family: 'Nanum Gothic', 'serif';
	letter-spacing:-0.05em;
	font-size:12px;
	background:url(/keei/keei_portal/images/01_header/01_header_top_line_bg.gif) repeat-x top left;
	width:100%;
	padding:0;
	margin:0;
	clear: none;
	float: none;
}

.wrap1 {
	font-family: 'Nanum Gothic', 'serif';
	letter-spacing:-0.05em;
	font-size:12px;
	width:100%;
	padding:0;
	margin:0;
	clear: none;
	float: none;
}

.wrap2 {
	font-family: 'Nanum Gothic', 'serif';
	letter-spacing:-0.05em;
	font-size:12px;
	background: url(/keei/keei_portal/images/03_center_banner/03_center_banner_bg.gif) repeat-x top left;
	width:100%;
	padding:0;
	margin:0;
	margin-top:1%;
	clear: none;
	float: none;
}

.wrap3 {
	font-family: 'Nanum Gothic', 'serif';
	letter-spacing:-0.05em;
	font-size:12px;
	width:100%;
	padding:0;
	margin:0;
	clear: none;
	float: none;
}
  
.gridContainer {
	background:url(/keei/keei_portal/images/01_header/01_header_top_bg.gif) repeat-x top left;
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}

.gridContainer1 {
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}

.gridContainer2 {
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}

#div1 {
}
#div2 {
}
#div3 {
}
#div4 {
}
#div5 {
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}

/* top */


.top {
	width:100%;
}

.top .top_utill {
	width:100%;
	margin-top:12px;
}

.top .top_utill .a_left {
	float:left;
	width:30%;
}

.top .top_utill .a_left .left_logo a {
	display:block;
	background:url(/keei/keei_portal/images/01_header/01_header_logo.gif) no-repeat top left;
	width:155px;
	height:64px;
	float:left;
}

.top .top_utill .a_left ul {
	display:none;	
}

.top .top_utill .a_right {
	display:none;

}

.top .top_menu {
	width:100%;
	height:60px;
}

.top .top_menu .a_left {
	display:none;
}

.top .top_menu .a_right {
	float:left;
	width:100%;
	height:60px;
}

.top .top_menu .a_right .top_menu_all {
	margin-top:20px;
	width:100%;
	float:right;
}

.top .top_menu .a_right .top_menu_all .top_menu_sty {
	float:left;
	background:url(/keei/keei_portal/images/01_header/01_header_menu_line.gif) no-repeat right 50%;
	width:12%;
	float:left;
	margin-right:2%;
	padding-right:0.5%;
	text-align:left;
}

.top .top_menu .a_right .top_menu_all .top_menu_sty a {
	float:left;
	width:100%;
	font-size:12px;
	font-weight:bold;
	color:#4f4f4f;
	text-decoration:none;
	position:relative;
}

.top .top_menu .a_right .top_menu_all .top_menu_sty a:hover {
	color:#0068b7;
}

.top .top_menu .a_right .top_menu_all .none {
	float:left;
	width:12%;
	text-align:left;
}

.top .top_menu .a_right .top_menu_all .none a {
	float:left;
	width:100%;
	font-size:12px;
	font-weight:bold;
	color:#4f4f4f;
	text-decoration:none;
}

.top .top_menu .a_right .top_menu_all .none a:hover {
	color:#0068b7;
}

.menu_all_btn a {
	display:none;
}

/* content */

.content {
	width:100%;
}

/* 이미지 */

.content .con_layout_left {
	float:left;
	width:100%;
	margin-right:0%;
	margin-bottom:2%;
}

.content .con_layout_right {
	border:1px solid #c6c6c6;
	background-color:#f6f6f6;
	float:right;
	width:99.8%;
	height:446px;
}

.content .con_layout_left .con_mainimg_box {
	border:3px solid #1681d4;
	width:auto;
	height:180px;
}

.content .con_layout_left .con_mainimg_box .main_img {
	/*background:url(/keei/keei_portal/images/02_top_content/02_top_content_mob_img_2.gif) no-repeat center 50%;*/
	background-size:100% auto;
	width:100%;
	height:180px;
}

.main_img .roll_box {
	display:none;
}

/* 전력수급, 패밀리 사이트 */

.content .con_layout_left .con_bor_layout {
	float:left;
	width:100%;
	margin-top:1.9%;
}

.content .con_layout_left .con_bor_layout .con_bor_left {
	background:#ffffff;
	float:left;
	border:1px solid #c6c6c6;
	width:48.5%;
	height:196px;
}

.content .con_layout_left .con_bor_layout ul {
	float:left;
	width:100%;
}

.content .con_layout_left .con_bor_layout ul .con_bor_left_tit {
	float:left;
	width:100%;
	height:38px;
	background:#f6f6f6;
	border-bottom:1px solid #d6d6d6;
}

.content .con_layout_left .con_bor_layout ul .con_bor_left_tit .l_con_icon01 {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/02_top_content/02_top_content_box_icon_1.gif) no-repeat top left;
	width:82%;
	margin:10px 5% 0 5%;
	padding-left:8%;
	height:18px;
	font-size:11px;
	color:#484848;
}

.content .con_layout_left .con_bor_layout ul .con_bor_left_tit b {
	color:#115ba3;
}

.content .con_layout_left .con_bor_layout ul .con_bor_left_list01 {
	margin:10px 0 0 0;
	float:left;
	width:100%;
	height:141px;
}

.content .con_layout_left .con_bor_layout .con_bor_right {
	background:#ffffff;
	float:right;
	border:1px solid #c6c6c6;
	width:48.5%;
	height:196px;
}

.content .con_layout_left .con_bor_layout .con_bor_right .con_bor_left_tit {
	float:left;
	width:100%;
	height:38px;
	background:#f6f6f6;
	border-bottom:1px solid #d6d6d6;
}

.content .con_layout_left .con_bor_layout ul .con_bor_left_tit .l_con_icon02 {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/02_top_content/02_top_content_box_icon_2.gif) no-repeat top left;
	width:79%;
	margin:9px 5% 0 5%;
	padding-left:11%;
	height:18px;
	font-size:11px;
	color:#484848;
}

.content .con_layout_left .con_bor_layout ul .con_bor_left_list02 {
	display:block;
	float:left;
	width:100%;
	height:51px;
	border-bottom:1px dotted #dcdcdc;
}

.content .con_layout_left .con_bor_layout ul .con_bor_left_list03 {
	display:block;
	float:left;
	width:100%;
	height:51px;
}

.content .con_layout_left .con_bor_layout ul a {
	display:block;
	text-decoration:none;
	background:none;
	width:90%;
	height:51px;
	margin:0 5%;
	font-size:11px;
	color:#2c2c2c;
	line-height:51px;
}


/* KEEL 발간물 */

.content .con_layout_right .clr_layout {
	float:left;
	width:92%;
	margin:4%;
}

.content .con_layout_right .clr_layout .keei_book_top {
	float:left;
	width: 100%;
}

.content .con_layout_right .clr_layout .keei_book_top .kbt_tit {
	float:left;
	width: 50%;
	font-size:27px;
	color: #0068b7;
	font-weight: bold;
}

.content .con_layout_right .clr_layout .keei_book_top .kbt_btn {
	float:right;
	margin-top:6px;
	width: 78px;
	height: 26px;
}

.content .con_layout_right .clr_layout .keei_book_top .kbt_btn .kbt_prev {
	float:left;
	background:url(/keei/keei_portal/images/02_top_content/02_top_content_btn_back.gif) no-repeat top right;
	width: 26px;
	height: 26px;
	cursor:pointer;
}

.content .con_layout_right .clr_layout .keei_book_top .kbt_btn .kbt_next {
	float:left;
	background:url(/keei/keei_portal/images/02_top_content/02_top_content_btn_next.gif) no-repeat top right;
	width: 26px;
	height: 26px;
	cursor:pointer;
}

.content .con_layout_right .clr_layout .keei_book_top .kbt_btn .kkt_all {
	float:right;
	background:url(/keei/keei_portal/images/02_top_content/02_top_content_btn_more.gif) no-repeat top right;
	width: 26px;
	height: 26px;
	cursor:pointer;
}

.content .con_layout_right .clr_layout .keei_book_box {
	float:left;
	margin-top:3%;
	width:100%;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_img {
	display:none;
	float:left;
	border:1px solid #b4b4b4;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_img span {
	float:left;
	width:113px;
	height:163px;
	border:1px solid #ffffff;
	background:url(/keei/keei_portal/images/02_top_content/02_top_content_book.gif) no-repeat top left;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_list {
	float:right;
	width:100%;
	height:163px;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_list .kbb_l_tit {
	float:left;
	font-size:16px;
	font-weight:bold;
	margin-top:6px;
	width:100%;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_list .kbb_l_day {
	float:left;
	font-size:12px;
	margin-top:2px;
	width:100%;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_list .kbb_l_btn {
	float:left;
	margin-top:13px;
	padding-bottom:13px;
	width:100%;
	border-bottom:1px dashed #c0c0c0;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_list .kbb_l_btn a {
	float:left;
	background: url(/keei/keei_portal/images/02_top_content/02_top_content_btn_next2_w.gif) no-repeat 85% 46% #008cd6;
	font-size:11px;
	text-decoration:none;
	width:114px;
	height:26px;
	padding-left:18px;
	color:#ffffff;
	line-height:26px;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_list .kbb_l_btn .btn_ebook {

   background: url(../images/02_top_content/02_top_content_btn_next2_w.gif) no-repeat 85% 46% #008cd6;
   margin-left:2px;

}



.content .con_layout_right .clr_layout .keei_book_box .kbb_list .kbb_l_btn a:hover {
	background: url(/keei/keei_portal/images/02_top_content/02_top_content_btn_next2_w.gif) no-repeat 85% 46% #9cc813;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_list .kbb_l_text {
	float:left;
	margin-top:10px;
	line-height:143%;	
}

.content .con_layout_right .clr_layout .keei_book_box ul {
	float:left;
	width:100%;
	border-top:1px solid #b6b6b6;
	margin-top:21px;
}

.content .con_layout_right .clr_layout .keei_book_box ul li {
	float:left;
	width:100%;
	border-bottom:1px dashed #c0c0c0;
	margin-top:10px;
	padding-bottom:10px;
}

.content .con_layout_right .clr_layout .keei_book_box ul .kbb_l_none {
	border-bottom:0px solid #ffffff;
	padding-bottom:6px;
}

.content .con_layout_right .clr_layout .keei_book_box ul li a {
	float:left;
	width:100%;
	color:#232323;
	font-size:15px;
	text-decoration:none;
}

.content .con_layout_right .clr_layout .keei_book_box ul li a:hover {
	color:#068cd3;
	text-decoration:underline;
}



/* 배너 */

.banner {
	width:100%;
}


.banner .banner_sty01 {
	display:none;
}

.banner .banner_sty02 {
	display:block;
	float:left;
	width:50%;
	height:154px;
	background: url(/keei/keei_portal/images/03_center_banner/03_center_banner_bg_4.gif) no-repeat bottom right #ececec;	
}

.banner .banner_sty03 {
	display:block;
	float:left;
	width:50%;
	height:154px;
	background: url(/keei/keei_portal/images/03_center_banner/03_center_banner_bg_5.gif) no-repeat bottom left #e0e0e0;
	

}

.banner .banner_sty01 a {
	display:block;
	width:90%;
	margin:0 auto;
}

.banner .banner_sty02 a {
	display:block;
	width:90%;
	margin:0 auto;
}

.banner .banner_sty03 a {
	display:block;
	width:90%;
	margin:0 auto;
}

.banner .bs_text {
	float:left;
	margin-top:;
	width:100%;
}

.banner .bs_text .bs_t_tit {
	float:left;
	width:100%;
	margin-top:11%;
	font-size:19px;
	color:#404040;
	letter-spacing:-0.1em;
	font-weight:bold;
}

.banner .bs_text .bs_t_tit span {
	color:#0068b7;
}

.banner .bs_text .bs_t_text {
	float:left;
	width:100%;
	margin-top:3%;
	color:#404040;
}

.banner .bs_text01 {
        float:left;
        width:100%;
}

.banner .bs_text01 .bs_t_tit {
        float:left;
	width:100%;
        margin-top:7%;
        font-size:19px;
        color:#404040;
	letter-spacing:-0.1em;
	font-weight:bold;
}

.banner .bs_text01 .bs_t_tit span {
	color:#0068b7;
}

.banner .bs_text01 .bs_t_text {
	float:left;
	width:100%;
	margin-top:3%;
	color:#404040;
}

.banner .bs_icon02 {
	display:none;
}

.banner .bs_icon03 {
	display:none;
}



/* 연구원 인용자료 */

.board {
	width:100%;
	margin-top:1%;
}

.board .a_left {
	width:100%;
	float:left;
	border:1px solid #c6c6c6;
}

.board .a_right {
	margin-top:2%;
	width:100%;
	float:left;
	border:1px solid #c6c6c6;
}

.board .a_left .cb_tep {
	background:#cecece;
	width:100%;
	height:46px;
}

.board .a_left .cb_tep .cb_tep_ov {
	float:left;
	padding:0 3%;
	background:#ffffff;
	height:46px;
	width:120px;
	line-height:46px;
	color:#008977;
	font-size:13px;
	font-weight:bold;
	cursor:pointer;
}

.board .a_left .cb_tep .cb_tep_off {
	float:left;
	padding:0 3%;
	height:46px;
	width:120px;
	line-height:46px;
	color:#696969;
	font-size:13px;
	font-weight:bold;
	border-right:1px solid #e7e7e7;
	cursor:pointer;
}

.board .a_left .cb_tep .add_btn {
	float:right;
	background:url(/keei/keei_portal/images/04_bottom_content/04_bottom_content_moer_1.gif) no-repeat top right;
	width:12px;
	height:12px;
	margin:17px 3% 0 0;
}

.board .a_left .cb_bor_sty01 {
	float:left;
	width:92%;
	margin:3% 4%;
}

.board .a_left .cb_bor_sty01 ul {
	float:left;
	width:100%;
}

.board .a_left .cb_bor_sty01 ul li {
	float:left;
	width:100%;
	padding:2% 0;
	border-bottom:1px dotted #bbbbbb;
}

.board .a_left .cb_bor_sty01 ul li a {
	float:left;
	color:#434343;
}

.board .a_left .cb_bor_sty01 ul li a:hover {
	color:#068cd3;
	text-decoration:underline;
}

.board .a_left .cb_bor_sty01 ul li span {
	float:right;
	color:#8d8d8d;
}

.board .a_right .cb_bor_sty02 {
	float:left;
	background:url(/keei/keei_portal/images/04_bottom_content/04_bottom_content_line.gif) repeat-y top right;
	width:100%;
}

.board .a_right .cb_bor_sty03 {
	float:right;
	background-color:#f6f6f6;
	width:50%;
}

.board .a_right .cb_bor_tit {
	float:left;
	width:90%;
	margin:3% 5% 4% 5%;
}

.board .a_right .cb_bor_tit b {
	float:left;
	color:#131313;
	font-size:18px;
}

.board .a_right .cb_bor_tit .add_btn01 {
	float:right;
	background:url(/keei/keei_portal/images/04_bottom_content/04_bottom_content_moer_2.gif) no-repeat top right;
	width:59px;
	height:20px;
	margin-top:2px;
	cursor:pointer;
}

.board .a_right .cb_bor_tit .add_btn02 {
	float:right;
	background:url(/keei/keei_portal/images/04_bottom_content/04_bottom_content_moer_3.gif) no-repeat top right;
	width:59px;
	height:20px;
	margin-top:2px;
	cursor:pointer;
}

.board .a_right ul {
	float:left;
	width:90%;
	margin:0 5% 5% 5%;
}

.board .a_right ul li {
	float:left;
	border-bottom:1px dotted #bbbbbb;
	width:100%;
	margin:0;
	padding:2% 0;
}

.board .a_right ul li a {
	float:left;
	color:#434343;
}

.board .a_right ul li a:hover {
	color:#068cd3;
	text-decoration:underline;
}

.board .a_right ul li span {
	float:right;
	color:#8d8d8d;
}


/* 하단 */

.footer {
	width:100%;
}

.footer .f_bor_lay_all {
	width:100%;
	float:left;
	margin-top:2%;
}

.footer .f_bor_lay_all2 {
	width:100%;
	float:left;
}

.footer .f_bor_lay_all .f_bor_lay01 {
	width:99.9%;
	float:left;
	border:1px solid #c6c6c6;
}

.footer .f_bor_lay_all .f_bor_lay02 {
	margin-top:2%;
	width:99.9%;
	float:left;
	border:1px solid #c6c6c6;
}


/* 국제원유가격, 전력가스석탄 */

.footer .f_bor_lay_all .f_bor_lay01 .f_bor01 {
	float:left;
	background:url(/keei/keei_portal/images/05_bottom_banner/05_bottom_banner_line.gif) repeat-y top right;
	width:50%;
	height:105px;
	cursor:pointer;
}

.footer .f_bor_lay_all .f_bor_lay01 .f_bor01 .f_bor_lay01_icon01 {
	display:none;
}

.footer .f_bor_lay_all .f_bor_lay01 .f_bor02 {
	float:left;
	width:50%;
	height:105px;
	cursor:pointer;
}


.footer .f_bor_lay_all .f_bor_lay01 .f_bor02 .f_bor_lay01_icon02 {
	display:none;
}

.f_bor_lay01_text {
	float:left;
	width:90%;
	margin:0 5%;
}

.f_bor_lay01_text .f_bor_ltt_tit01 {
	float:left;
	width:100%;
	color:#068cd3;
	font-size:15px;
	font-weight:bold;
	margin:10% 0 3% 0;
}

.f_bor_lay01_text .f_bor_ltt_tit02 {
	float:left;
	width:100%;
	color:#27b6b1;
	font-size:15px;
	font-weight:bold;
	margin:10% 0 3% 0;
}

.f_bor_lay01_text .f_bor_ltt_tt {
	font-size:11px;
	color:#4c4c4c;
}


/* 정보공개 외 3개 배너 */

.f_bor_lay02 .fbl02_01 {
	float:left;
	background:url(/keei/keei_portal/images/05_bottom_banner/05_bottom_banner_line.gif) repeat-y top right;
	width:25%;
	height:98px;
	cursor:pointer;
}

.f_bor_lay02 .fbl02_02 {
	float:left;
	width:25%;
	height:98px;
	cursor:pointer;
}

.f_bor_lay02 .fbl02_icon01 {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/05_bottom_banner/05_bottom_banner_icon_3.gif) no-repeat top center;
	background-size:auto 100%;
	width:100%;
	height:48px;
	margin:12% 0 5% 0;
}

.f_bor_lay02 .fbl02_icon02 {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/05_bottom_banner/05_bottom_banner_icon_4.gif) no-repeat top center;
	background-size:auto 100%;
	width:100%;
	height:48px;
	margin:12% 0 5% 0;
}

.f_bor_lay02 .fbl02_icon03 {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/05_bottom_banner/05_bottom_banner_icon_5.gif) no-repeat top center;
	background-size:auto 100%;
	width:100%;
	height:48px;
	margin:12% 0 5% 0;
}

.f_bor_lay02 .fbl02_icon04 {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/05_bottom_banner/05_bottom_banner_icon_6.gif) no-repeat top center;
	background-size:auto 100%;
	width:100%;
	height:48px;
	margin:12% 0 5% 0;
}

.f_bor_lay02 .fbl02_01 b {
	float:left;
	width:100%;
	text-align:center;
	font-size:14px;
	color:#525252;
}

.f_bor_lay02 .fbl02_02 b {
	float:left;
	width:100%;
	text-align:center;
	font-size:14px;
	color:#525252;
}


/* 슬라이더 배너-정부 사이트 */

.footer .slider_banner {
	display:none;
}



/* 푸터 메뉴 - 관련 사이트 등 */

.footer .footer_menu {
	width:100%;
	float:left;
	margin:1% 0;
}

.footer .footer_menu .fm_left {
	display:none;
}

.footer .footer_menu .fm_right {
	display:none;
}

.footer .footer_bm01 {
	margin-top:5px;
	float:left;
	width:100%;
}


.footer .footer_bm01 .fbm_right {
	display:none;
}

.footer .footer_bm01 .family_site {
	display:none;
}

.footer .footer_bm01 .web_btn {
	float:left;
	background:url(/keei/keei_portal/images/07_footer/07_footer_icon_mail.gif) no-repeat left 50%;
	padding-left:20px;
	font-size:11px;
	cursor:pointer;
	margin-right:15px;
	margin-top:5px;
}

.footer .footer_bm01 .home_btn {
	float:left;
	background:url(/keei/keei_portal/images/07_footer/07_footer_icon_mail.gif) no-repeat left 50%;
	padding-left:20px;
	font-size:11px;
	cursor:pointer;
	margin-right:15px;
	margin-top:5px;
}

.footer .footer_bm01 .rss_btn {
	float:left;
	background:url(/keei/keei_portal/images/07_footer/07_footer_icon_wi.gif) no-repeat left 50%;
	padding-left:15px;
	font-size:11px;
	cursor:pointer;
	margin-top:5px;
}

.footer  .footer_bm02 {
	float:left;
	width:100%;
	margin-top:1.5%;
	padding-top:1.5%;
	border-top:1px solid #e1e1e1;
}

.footer .footer_bm02 .footer_address_pc {
	display:none;
}

.footer .footer_bm02 .footer_address_mob {
	display:block;
	float:left;
	width:100%;
	font-size:11px;
}

.footer .footer_bm02 .footer_cr {
	float:left;
	width:100%;
	margin-top:0.3%;
	padding-bottom:2%;
	font-size:11px;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 550px) {

.gridContainer {
	background:url(/keei/keei_portal/images/01_header/01_header_top_bg.gif) repeat-x top left;
	width: 95%;
	padding-left:0;
	padding-right:0;
	clear: none;
	float: none;
	margin-left: auto;
}

.gridContainer1 {
	width: 95%;
	padding-left:0;
	padding-right:0;
	clear: none;
	float: none;
	margin-left: auto;
}

.gridContainer2 {
	width: 95%;
	padding-left:0;
	padding-right:0;
	clear: none;
	float: none;
	margin-left: auto;
	margin-top:2%;
}

#div1 {
}
#div2 {
}
#div3 {
}
#div4 {
}
#div5 {
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}

/* top */


.top {
	width:100%;
}

.top .top_utill {
	width:100%;
	margin-top:12px;
}

.top .top_utill .a_left {
	float:left;
	width:30%;
}

.top .top_utill .a_left .left_logo a {
	display:block;
	background:url(/keei/keei_portal/images/01_header/01_header_logo.gif) no-repeat top left;
	width:155px;
	height:64px;
	float:left;
}

.top .top_utill .a_left ul {
	display:none;	
}

.top .top_utill .a_right {
	display:block;
	float:right;
	width:70%;
}

.top .top_utill .a_right .btn_set {
	float:right;
	width:100%;
}

.top .top_utill .a_right .btn_login {
	float:right;
	display:block;
	background-color:#ddf5ff;
	border:1px solid #66cafc;
	width:66px;
	height:24px;
}

.top .top_utill .a_right .btn_login a {
	display:block;
	margin:0 auto;
	margin-top:3px;
	width:46px;
	background:url(/keei/keei_portal/images/01_header/01_header_btn_icon.gif) no-repeat left 45%;
	text-align:center;
	color:#317eb8;
	text-align:right;
	text-decoration:none;
}


.top .top_utill .a_right .btn_logout {
	float:right;
	display:block;
	background-color:#d5d5d5;
	border:1px solid #b5b5b5;
	margin-left:2pt;
	width:66px;
	height:24px;
}

.top .top_utill .a_right .btn_logout a {
	display:block;
	margin:0 auto;
	margin-top:3px;
	width:43px;
	text-align:center;
	color:#4f4f4f;
	text-align:right;
	text-decoration:none;
}

.top .top_utill .a_right .btn_mp {
	float:right;
	display:block;
	background-color:#ffffff;
	border:1px solid #b5b5b5;
	width:66px;
	height:24px;
}

.top .top_utill .a_right .btn_mp a {
	display:block;
	margin:0 auto;
	margin-top:3px;
	width:43px;
	text-align:center;
	color:#4f4f4f;
	text-decoration:none;
}

.top .top_utill .a_right .btn_search {
	float:right;
	display:block;
	background-color:#ffffff;
	border:1px solid #c4c4c4;
	width:78px;
	height:24px;
	margin-right:5px;
}

.top .top_utill .a_right .btn_search a {
	display:block;
	margin:0 auto;
	margin-top:3px;
	width:70px;
	background:url(/keei/keei_portal/images/01_header/01_header_btn_search_icon.gif) no-repeat right 50%;
	text-align:center;
	color:#545454;
	text-align:left;
	text-decoration:none;
}

.top .top_utill .a_right .btn_text {
	display:none;
}

.top .top_utill .a_right .radio_box {
	display:block;
	float:right;
	margin-top:10px;
	width:345px;
	height:26px;
}

.top .top_utill .a_right .radio_box .radio_btn {
	display:block;
	float:left;
	color:#888888;
	margin-top:5px;
	margin-right:5px;
	vertical-align:middle;
}

.top .top_utill .a_right .radio_box .radio_btn input {
	display:block;
	float:left;
	margin-top:2px;
	margin-right:2px;
}

.top .top_utill .a_right .radio_box .radio_btn .radio_text {
	display:block;
	float:left;
}

.top .top_utill .a_right .radio_box .seach_box {
	display:block;
	float:left;
}

.top .top_utill .a_right .radio_box .seach_box .seach_input {
	display:block;
	float:left;
	border:1px solid #c4c4c4;
	width:172px;
	height:26px;
	margin-left:4px;
}

.top .top_utill .a_right .radio_box .seach_box .seach_input input {
	float:left;
	border:0px solid #FFFFFF;
	margin:4px 0 0 4px;
	color:#4e4e4e;
}

.top .top_utill .a_right .radio_box .seach_box .seach_btn a {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/01_header/01_header_icon_search.gif) no-repeat center 50%;
	width:26px;
	height:26px;
}

.top .top_menu {
	width:100%;
	height:60px;
}

.top .top_menu .a_left {
	display:none;
}

.top .top_menu .a_right {
	float:left;
	width:100%;
	height:60px;
}

.top .top_menu .a_right .top_menu_all {
	margin-top:20px;
	width:100%;
	float:right;
}

.top .top_menu .a_right .top_menu_all .top_menu_sty {
	float:left;
	background: url(/keei/keei_portal/images/01_header/01_header_menu_line.gif) no-repeat right 50%;
	width:12%;
	float:left;
	margin-right:2%;
	padding-right:0.5%;
	text-align:left;
}

.top .top_menu .a_right .top_menu_all .top_menu_sty a {
	float:left;
	width:100%;
	font-size:14px;
	font-weight:bold;
	color:#4f4f4f;
	text-decoration:none;
}

.top .top_menu .a_right .top_menu_all .top_menu_sty a:hover {
	color:#0068b7;
}

.top .top_menu .a_right .top_menu_all .none {
	float:left;
	width:12%;
	text-align:left;
}

.top .top_menu .a_right .top_menu_all .none a {
	float:left;
	width:100%;
	font-size:15px;
	font-weight:bold;
	color:#4f4f4f;
	text-decoration:none;
}

.top .top_menu .a_right .top_menu_all .none a:hover {
	color:#0068b7;
}

.menu_all_btn a {
	display:none;
}

/* content */

.content {
	width:100%;
}

/* 이미지 */

.content .con_layout_left {
	float:left;
	width:100%;
	margin-right:0%;
	margin-bottom:2%;
}

.content .con_layout_right {
	border:1px solid #c6c6c6;
	background-color:#f6f6f6;
	float:right;
	width:99.8%;
	height:446px;
}

.content .con_layout_left .con_mainimg_box {
	border:3px solid #1681d4;
	width:auto;
	height:234px;
}

.content .con_layout_left .con_mainimg_box .main_img {
	/*background:url(/keei/keei_portal/images/02_top_content/02_top_content_mob_img_2.gif) no-repeat center 50%;*/
	background-size:100% auto;
	width:100%;
	/**height:228px;**/
	height:215px;
}

.main_img .roll_box {
	display:none;
}

/* 전력수급, 패밀리 사이트 */

.content .con_layout_left .con_bor_layout {
	float:left;
	width:100%;
	margin-top:1.9%;
}

.content .con_layout_left .con_bor_layout .con_bor_left {
	background:#ffffff;
	float:left;
	border:1px solid #c6c6c6;
	width:48.5%;
	height:196px;
}

.content .con_layout_left .con_bor_layout ul {
	float:left;
	width:100%;
}

.content .con_layout_left .con_bor_layout ul .con_bor_left_tit {
	float:left;
	width:100%;
	height:38px;
	background:#f6f6f6;
	border-bottom:1px solid #d6d6d6;
}

.content .con_layout_left .con_bor_layout ul .con_bor_left_tit .l_con_icon01 {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/02_top_content/02_top_content_box_icon_1.gif) no-repeat top left;
	width:83%;
	margin:9px 5% 0 5%;
	padding-left:7%;
	height:18px;
	font-size:13px;
	color:#484848;
}

.content .con_layout_left .con_bor_layout ul .con_bor_left_tit b {
	color:#115ba3;
}

.content .con_layout_left .con_bor_layout ul .con_bor_left_list01 {
	margin:10px 0 0 0;
	float:left;
	width:100%;
	height:141px;
}

.content .con_layout_left .con_bor_layout .con_bor_right {
	background:#ffffff;
	float:right;
	border:1px solid #c6c6c6;
	width:48.5%;
	height:196px;
}

.content .con_layout_left .con_bor_layout .con_bor_right .con_bor_left_tit {
	float:left;
	width:100%;
	height:38px;
	background:#f6f6f6;
	border-bottom:1px solid #d6d6d6;
}

.content .con_layout_left .con_bor_layout ul .con_bor_left_tit .l_con_icon02 {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/02_top_content/02_top_content_box_icon_2.gif) no-repeat top left;
	width:81%;
	margin:9px 5% 0 5%;
	padding-left:9%;
	height:18px;
	font-size:13px;
	color:#484848;
}

.content .con_layout_left .con_bor_layout ul .con_bor_left_list02 {
	display:block;
	float:left;
	width:100%;
	height:51px;
	border-bottom:1px dotted #dcdcdc;
}

.content .con_layout_left .con_bor_layout ul .con_bor_left_list03 {
	display:block;
	float:left;
	width:100%;
	height:51px;
}

.content .con_layout_left .con_bor_layout ul a {
	display:block;
	text-decoration:none;
	background:url(/keei/keei_portal/images/02_top_content/02_top_content_icon_more.png) no-repeat right 50%;
	width:90%;
	height:51px;
	margin:0 5%;
	font-size:12px;
	color:#2c2c2c;
	line-height:51px;
}


/* KEEL 발간물 */

.content .con_layout_right .clr_layout {
	float:left;
	width:92%;
	margin:4%;
}

.content .con_layout_right .clr_layout .keei_book_top {
	float:left;
	width: 100%;
}

.content .con_layout_right .clr_layout .keei_book_top .kbt_tit {
	float:left;
	width: 50%;
	font-size:27px;
	color: #0068b7;
	font-weight: bold;
}

.content .con_layout_right .clr_layout .keei_book_top .kbt_btn {
	float:right;
	margin-top:6px;
	width: 78px;
	height: 26px;
}

.content .con_layout_right .clr_layout .keei_book_top .kbt_btn .kbt_prev {
	float:left;
	background:url(/keei/keei_portal/images/02_top_content/02_top_content_btn_back.gif) no-repeat top right;
	width: 26px;
	height: 26px;
	cursor:pointer;
}

.content .con_layout_right .clr_layout .keei_book_top .kbt_btn .kbt_next {
	float:left;
	background:url(/keei/keei_portal/images/02_top_content/02_top_content_btn_next.gif) no-repeat top right;
	width: 26px;
	height: 26px;
	cursor:pointer;
}

.content .con_layout_right .clr_layout .keei_book_top .kbt_btn .kkt_all {
	float:right;
	background:url(/keei/keei_portal/images/02_top_content/02_top_content_btn_more.gif) no-repeat top right;
	width: 26px;
	height: 26px;
	cursor:pointer;
}

.content .con_layout_right .clr_layout .keei_book_box {
	float:left;
	margin-top:3%;
	width:100%;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_img {
	display:block;
	float:left;
	border:1px solid #b4b4b4;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_img span {
	float:left;
	width:113px;
	height:163px;
	border:1px solid #ffffff;
	background:url(/keei/keei_portal/images/02_top_content/02_top_content_book.gif) no-repeat top left;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_list {
	float:right;
	width:68%;
	height:163px;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_list .kbb_l_tit {
	float:left;
	font-size:16px;
	font-weight:bold;
	margin-top:6px;
	width:100%;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_list .kbb_l_day {
	float:left;
	font-size:12px;
	margin-top:2px;
	width:100%;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_list .kbb_l_btn {
	float:left;
	margin-top:13px;
	padding-bottom:13px;
	width:100%;
	border-bottom:1px dashed #c0c0c0;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_list .kbb_l_btn a {
	float:left;
	background: url(/keei/keei_portal/images/02_top_content/02_top_content_btn_next2_w.gif) no-repeat 85% 46% #008cd6;
	font-size:11px;
	text-decoration:none;
	width:114px;
	height:26px;
	padding-left:18px;
	color:#ffffff;
	line-height:26px;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_list .kbb_l_btn a:hover {
	background: url(/keei/keei_portal/images/02_top_content/02_top_content_btn_next2_w.gif) no-repeat 85% 46% #9cc813;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_list .kbb_l_text {
	float:left;
	margin-top:10px;
	line-height:143%;	
}

.content .con_layout_right .clr_layout .keei_book_box ul {
	float:left;
	width:100%;
	border-top:1px solid #b6b6b6;
	margin-top:21px;
}

.content .con_layout_right .clr_layout .keei_book_box ul li {
	float:left;
	width:100%;
	border-bottom:1px dashed #c0c0c0;
	margin-top:10px;
	padding-bottom:10px;
}

.content .con_layout_right .clr_layout .keei_book_box ul .kbb_l_none {
	border-bottom:0px solid #ffffff;
	padding-bottom:6px;
}

.content .con_layout_right .clr_layout .keei_book_box ul li a {
	float:left;
	width:100%;
	color:#232323;
	font-size:15px;
	text-decoration:none;
}

.content .con_layout_right .clr_layout .keei_book_box ul li a:hover {
	color:#068cd3;
	text-decoration:underline;
}


/* 배너 */

.banner {
	width:100%;
}

.banner .banner_sty01 {
	display:none;
}

.banner .banner_sty02 {
	display:block;
	float:left;
	width:50%;
	height:154px;
	background: url(/keei/keei_portal/images/03_center_banner/03_center_banner_bg_4.gif) no-repeat bottom right #ececec;	
}

.banner .banner_sty03 {
	display:block;
	float:left;
	width:50%;
	height:154px;
	background: url(/keei/keei_portal/images/03_center_banner/03_center_banner_bg_5.gif) no-repeat bottom left #e0e0e0;	
}

.banner .banner_sty01 a {
	display:block;
	width:90%;
	margin:0 auto;
}

.banner .banner_sty02 a {
	display:block;
	width:90%;
	margin:0 auto;
}

.banner .banner_sty03 a {
	display:block;
	width:90%;
	margin:0 auto;
}

.banner .bs_text {
	float:left;
	margin-top:;
	width:60%;
}

.banner .bs_text .bs_t_tit {
	float:left;
	width:100%;
	margin-top:11%;
	font-size:19px;
	color:#404040;
	letter-spacing:-0.1em;
	font-weight:bold;
}

.banner .bs_text .bs_t_tit span {
	color:#0068b7;
}

.banner .bs_text .bs_t_text {
	float:left;
	width:100%;
	margin-top:3%;
	color:#404040;
}

.banner .bs_text01 {
        float:left;
        width:100%;
}

.banner .bs_text01 .bs_t_tit {
        float:left;
	width:100%;
        margin-top:7%;
        font-size:19px;
        color:#404040;
	letter-spacing:-0.1em;
	font-weight:bold;
}

.banner .bs_text01 .bs_t_tit span {
	color:#0068b7;
}

.banner .bs_text01 .bs_t_text {
	float:left;
	width:100%;
	margin-top:3%;
	color:#404040;
}

.banner .bs_icon01 {
	float:right;
	margin-top:3%;
	display:block;
	background:url(/keei/keei_portal/images/03_center_banner/03_center_banner_icon_1.png) no-repeat top center;
	background-size:100%;
	width:33%;
	height:101px;
}

.banner .bs_icon02 {
	float:right;
	margin-top:3%;
	display:block;
	background:url(/keei/keei_portal/images/03_center_banner/03_center_banner_icon_2.png) no-repeat top center;
	background-size:100%;
	width:33%;
	height:101px;
}

.banner .bs_icon03 {
	float:right;
	margin-top:3%;
	display:block;
	background:url(/keei/keei_portal/images/03_center_banner/03_center_banner_icon_3.png) no-repeat top center;
	background-size:100%;
	width:33%;
	height:101px;
}



/* 연구원 인용자료 */

.board {
	width:100%;
	margin-top:1%;
}

.board .a_left {
	width:100%;
	float:left;
	border:1px solid #c6c6c6;
}

.board .a_right {
	margin-top:2%;
	width:100%;
	float:left;
	border:1px solid #c6c6c6;
}

.board .a_left .cb_tep {
	background:#cecece;
	width:100%;
	height:46px;
}

.board .a_left .cb_tep .cb_tep_ov {
	float:left;
	padding:0 3%;
	background:#ffffff;
	height:46px;
	width:120px;
	line-height:46px;
	color:#008977;
	font-size:13px;
	font-weight:bold;
	cursor:pointer;
}

.board .a_left .cb_tep .cb_tep_off {
	float:left;
	padding:0 3%;
	height:46px;
	width:120px;
	line-height:46px;
	color:#696969;
	font-size:13px;
	font-weight:bold;
	border-right:1px solid #e7e7e7;
	cursor:pointer;
}

.board .a_left .cb_tep .add_btn {
	float:right;
	background:url(/keei/keei_portal/images/04_bottom_content/04_bottom_content_moer_1.gif) no-repeat top right;
	width:12px;
	height:12px;
	margin:17px 3% 0 0;
}

.board .a_left .cb_bor_sty01 {
	float:left;
	width:92%;
	margin:3% 4%;
}

.board .a_left .cb_bor_sty01 ul {
	float:left;
	width:100%;
}

.board .a_left .cb_bor_sty01 ul li {
	float:left;
	width:100%;
	padding:2% 0;
	border-bottom:1px dotted #bbbbbb;
}

.board .a_left .cb_bor_sty01 ul li a {
	float:left;
	color:#434343;
}

.board .a_left .cb_bor_sty01 ul li a:hover {
	color:#068cd3;
	text-decoration:underline;
}

.board .a_left .cb_bor_sty01 ul li span {
	float:right;
	color:#8d8d8d;
}

.board .a_right .cb_bor_sty02 {
	float:left;
	background:url(/keei/keei_portal/images/04_bottom_content/04_bottom_content_line.gif) repeat-y top right;
	width:100%;
}

.board .a_right .cb_bor_sty03 {
	float:right;
	background-color:#f6f6f6;
	width:50%;
}

.board .a_right .cb_bor_tit {
	float:left;
	width:90%;
	margin:3% 5% 4% 5%;
}

.board .a_right .cb_bor_tit b {
	float:left;
	color:#131313;
	font-size:18px;
}

.board .a_right .cb_bor_tit .add_btn01 {
	float:right;
	background:url(/keei/keei_portal/images/04_bottom_content/04_bottom_content_moer_2.gif) no-repeat top right;
	width:59px;
	height:20px;
	margin-top:2px;
	cursor:pointer;
}

.board .a_right .cb_bor_tit .add_btn02 {
	float:right;
	background:url(/keei/keei_portal/images/04_bottom_content/04_bottom_content_moer_3.gif) no-repeat top right;
	width:59px;
	height:20px;
	margin-top:2px;
	cursor:pointer;
}

.board .a_right ul {
	float:left;
	width:90%;
	margin:0 5% 5% 5%;
}

.board .a_right ul li {
	float:left;
	border-bottom:1px dotted #bbbbbb;
	width:100%;
	margin:0;
	padding:2% 0;
}

.board .a_right ul li a {
	float:left;
	color:#434343;
}

.board .a_right ul li a:hover {
	color:#068cd3;
	text-decoration:underline;
}

.board .a_right ul li span {
	float:right;
	color:#8d8d8d;
}



/* 하단 */

.footer {
	width:100%;
}

.footer .f_bor_lay_all {
	width:100%;
	float:left;
	margin-top:2%;
}

.footer .f_bor_lay_all .f_bor_lay01 {
	width:99.9%;
	float:left;
	border:1px solid #c6c6c6;
}

.footer .f_bor_lay_all .f_bor_lay02 {
	margin-top:2%;
	width:99.9%;
	float:left;
	border:1px solid #c6c6c6;
}


/* 국제원유가격, 전력가스석탄 */

.footer .f_bor_lay_all .f_bor_lay01 .f_bor01 {
	float:left;
	background:url(/keei/keei_portal/images/05_bottom_banner/05_bottom_banner_line.gif) repeat-y top right;
	width:50%;
	height:105px;
	cursor:pointer;
}

.footer .f_bor_lay_all .f_bor_lay01 .f_bor01 .f_bor_lay01_icon01 {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/05_bottom_banner/05_bottom_banner_icon_1.gif) no-repeat top center;
	background-size:contain;
	width:30%;
	margin:4% 4% 0 9%;
	height:70%;
}

.footer .f_bor_lay_all .f_bor_lay01 .f_bor02 {
	float:left;
	width:50%;
	height:105px;
	cursor:pointer;
}


.footer .f_bor_lay_all .f_bor_lay01 .f_bor02 .f_bor_lay01_icon02 {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/05_bottom_banner/05_bottom_banner_icon_2.gif) no-repeat top center;
	background-size:contain;
	width:30%;
	margin:4% 5% 0 7%;
	height:70%;
}

.f_bor_lay01_text {
	float:left;
	width:52%;
	margin:0;
}

.f_bor_lay01_text .f_bor_ltt_tit01 {
	float:left;
	width:100%;
	color:#068cd3;
	font-size:19px;
	font-weight:bold;
	margin:10% 0 3% 0;
}

.f_bor_lay01_text .f_bor_ltt_tit02 {
	float:left;
	width:100%;
	color:#27b6b1;
	font-size:19px;
	font-weight:bold;
	margin:10% 0 3% 0;
}

.f_bor_lay01_text .f_bor_ltt_tt {
	font-size:11px;
	color:#4c4c4c;
}


/* 정보공개 외 3개 배너 */

.f_bor_lay02 .fbl02_01 {
	float:left;
	background:url(/keei/keei_portal/images/05_bottom_banner/05_bottom_banner_line.gif) repeat-y top right;
	width:25%;
	height:98px;
	cursor:pointer;
}

.f_bor_lay02 .fbl02_02 {
	float:left;
	width:25%;
	height:98px;
	cursor:pointer;
}

.f_bor_lay02 .fbl02_icon01 {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/05_bottom_banner/05_bottom_banner_icon_3.gif) no-repeat top center;
	background-size:auto 100%;
	width:100%;
	height:48px;
	margin:9% 0 5% 0;
}

.f_bor_lay02 .fbl02_icon02 {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/05_bottom_banner/05_bottom_banner_icon_4.gif) no-repeat top center;
	background-size:auto 100%;
	width:100%;
	height:48px;
	margin:9% 0 5% 0;
}

.f_bor_lay02 .fbl02_icon03 {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/05_bottom_banner/05_bottom_banner_icon_5.gif) no-repeat top center;
	background-size:auto 100%;
	width:100%;
	height:48px;
	margin:9% 0 5% 0;
}

.f_bor_lay02 .fbl02_icon04 {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/05_bottom_banner/05_bottom_banner_icon_6.gif) no-repeat top center;
	background-size:auto 100%;
	width:100%;
	height:48px;
	margin:9% 0 5% 0;
}

.f_bor_lay02 .fbl02_01 b {
	float:left;
	width:100%;
	text-align:center;
	font-size:14px;
	color:#525252;
}

.f_bor_lay02 .fbl02_02 b {
	float:left;
	width:100%;
	text-align:center;
	font-size:14px;
	color:#525252;
}


/* 슬라이더 배너-정부 사이트 */

.footer .slider_banner {
	display:none;
}


/* 푸터 메뉴 - 관련 사이트 등 */

.footer .footer_menu {
	width:100%;
	float:left;
	margin:1% 0;
}

.footer .footer_menu .fm_left {
	display:block;
	border-bottom:1px solid #dbdbdb;
	width:100%;
	float:left;
	height:39px;
}

.footer .footer_menu .fm_left li {
	float:left;
	font-size:12px;
	background:url(/keei/keei_portal/images/07_footer/07_footer_line.gif) no-repeat right 50%;
	line-height:34px;
	padding-right:8px;
	margin-right:8px;
	cursor:pointer;
}

.footer .footer_menu .fm_left li b {
	color:#068cd3;
}

.footer .footer_menu .fm_left .none {
	background:none;
}

.footer .footer_menu .fm_right {
	display:none;
}

.footer .footer_bm01 {
	margin-top:5px;
	float:left;
	width:100%;
}


.footer .footer_bm01 .fbm_right {
	display:block;
	float:right;
	height:26px;
}

.footer .footer_bm01 .fbm_right .fm_icon01 {
	display:block;
	float:right;
	background:url(/keei/keei_portal/images/07_footer/07_footer_icon_blog.gif) no-repeat left 50%;
	width:26px;
	height:26px;
	margin-right:3px;
	cursor:pointer;
	position:relative;
}

.footer .footer_bm01 .fbm_right .fm_icon02 {
	display:block;
	float:right;
	background:url(/keei/keei_portal/images/07_footer/07_footer_icon_facebook.gif) no-repeat left 50%;
	width:26px;
	height:26px;
	margin-right:3px;
	cursor:pointer;
}

.footer .footer_bm01 .fbm_right .fm_icon03 {
	display:block;
	float:right;
	background:url(/keei/keei_portal/images/07_footer/07_footer_icon_twitter.gif) no-repeat left 50%;
	width:26px;
	height:26px;
	margin-right:3px;
	cursor:pointer;
}

.footer .footer_bm01 .fbm_right .fm_icon04 {
	display:block;
	float:right;
	background:url(/keei/keei_portal/images/07_footer/07_footer_icon_youtube.gif) no-repeat left 50%;
	width:26px;
	height:26px;
	cursor:pointer;
}

.footer .footer_bm01 .family_site {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/07_footer/07_footer_icon.gif) no-repeat 92% 50% #9c9c9c;
	width:133px;
	height:20px;
	cursor:pointer;
	margin-right:20px;
	margin-top:3px;	
}

.footer .footer_bm01 .family_site b {
	color:#ffffff;
	margin-left:5px;
	font-size:11px;
}

.footer .footer_bm01 .web_btn {
	float:left;
	background:url(/keei/keei_portal/images/07_footer/07_footer_icon_mail.gif) no-repeat left 50%;
	padding-left:20px;
	font-size:11px;
	cursor:pointer;
	margin-right:15px;
	margin-top:5px;
}

.footer .footer_bm01 .home_btn {
	float:left;
	background:url(/keei/keei_portal/images/07_footer/07_footer_icon_mail.gif) no-repeat left 50%;
	padding-left:20px;
	font-size:11px;
	cursor:pointer;
	margin-right:15px;
	margin-top:5px;
}

.footer .footer_bm01 .rss_btn {
	float:left;
	background:url(/keei/keei_portal/images/07_footer/07_footer_icon_wi.gif) no-repeat left 50%;
	padding-left:15px;
	font-size:11px;
	cursor:pointer;
	margin-top:5px;
}

.footer  .footer_bm02 {
	float:left;
	width:100%;
	margin-top:1.5%;
	padding-top:1.5%;
	border-top:1px solid #e1e1e1;
}

.footer .footer_bm02 .footer_address_pc {
	display:none;
}

.footer .footer_bm02 .footer_address_mob {
	display:block;
	float:left;
	width:100%;
	font-size:11px;
}

.footer .footer_bm02 .footer_cr {
	float:left;
	width:100%;
	margin-top:0.3%;
	padding-bottom:2%;
	font-size:11px;
}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {	

.gridContainer {
	background:url(/keei/keei_portal/images/01_header/01_header_top_bg.gif) repeat-x top left;
	width: 95%;
	max-width: 1060px;
	padding-left:0;
	padding-right:0;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

.gridContainer1 {
	width: 95%;
	max-width: 1060px;
	padding-left:0;
	padding-right:0;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

.gridContainer2 {
	width: 95%;
	max-width: 1060px;
	padding-left:0;
	padding-right:0;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

#div1 {
}
#div2 {
}
#div3 {
}
#div4 {
}
#div5 {
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}


/* top */


.top {
	width:100%;
}

.top .top_utill {
	width:100%;
	margin-top:12px;
}

.top .top_utill .a_left {
	float:left;
	width:30%;
}

.top .top_utill .a_left .left_logo a {
	display:none;
}

.top .top_utill .a_left ul {
	display:block;
	float:left;
}

.top .top_utill .a_left ul li {
	background:url(/keei/keei_portal/images/01_header/01_header_icon_line.gif) no-repeat right 30%;
	float:left;
	text-align:left;
	padding-right:9px;
	margin-right:9px;
}

.top .top_utill .a_left ul li a {
	float:left;
	font-family: "Myriad Pro";
	font-size:10px;
	text-decoration:none;
	color: #aaaaaa;
}

.top .top_utill .a_right {
	display:block;
	float:left;
	width:70%;
}

.top .top_utill .a_right .btn_set {
	float:right;
	width:45%;
}

.top .top_utill .a_right .btn_login {
	float:right;
	display:block;
	background-color:#ddf5ff;
	border:1px solid #66cafc;
	width:66px;
	height:24px;
}

.top .top_utill .a_right .btn_login a {
	display:block;
	margin:0 auto;
	margin-top:3px;
	width:46px;
	background:url(/keei/keei_portal/images/01_header/01_header_btn_icon.gif) no-repeat left 45%;
	text-align:center;
	color:#317eb8;
	text-align:right;
	text-decoration:none;
}

.top .top_utill .a_right .btn_search {
	float:right;
	display:block;
	background-color:#ffffff;
	border:1px solid #c4c4c4;
	width:78px;
	height:24px;
	margin-right:5px;
}

.top .top_utill .a_right .btn_search a {
	display:block;
	margin:0 auto;
	margin-top:3px;
	width:70px;
	background:url(/keei/keei_portal/images/01_header/01_header_btn_search_icon.gif) no-repeat right 50%;
	text-align:center;
	color:#545454;
	text-align:left;
	text-decoration:none;
}

.top .top_utill .a_right .btn_text {
	display:block;
	float:right;
	background:url(/keei/keei_portal/images/01_header/01_header_btn_4.gif) no-repeat top right;
	width:78px;
	height:26px;
	margin-right:5px;
}

.top .top_utill .a_right .btn_text .textbig_btn {
	display:block;
	float:left;
	width:26px;
	height:26px
}

.top .top_utill .a_right .btn_text .textbig_btn a {
	display:block;
	background:url(/keei/keei_portal/images/01_header/01_header_btn_2.gif) no-repeat top left;
	float:left;
	width:26px;
	height:26px;
}

.top .top_utill .a_right .btn_text .textsmall_btn a {
	display:block;
	background:url(/keei/keei_portal/images/01_header/01_header_btn_3.gif) no-repeat top left;
	float:left;
	width:26px;
	height:26px;
}

.top .top_utill .a_right .radio_box {
	display:block;
	float:right;
	margin-top:0;
	width:340px;
	height:26px;
}

.top .top_utill .a_right .radio_box .radio_btn {
	display:block;
	float:left;
	color:#888888;
	margin-top:5px;
	margin-right:5px;
	vertical-align:middle;
}

.top .top_utill .a_right .radio_box .radio_btn input {
	display:block;
	float:left;
	margin-top:2px;
	margin-right:2px;
}

.top .top_utill .a_right .radio_box .radio_btn .radio_text {
	display:block;
	float:left;
}

.top .top_utill .a_right .radio_box .seach_box {
	display:block;
	float:left;
}

.top .top_utill .a_right .radio_box .seach_box .seach_input {
	display:block;
	float:left;
	border:1px solid #c4c4c4;
	width:172px;
	height:26px;
	margin-left:4px;
}

.top .top_utill .a_right .radio_box .seach_box .seach_input input {
	float:left;
	border:0px solid #FFFFFF;
	margin:4px 0 0 4px;
	color:#4e4e4e;
}

.top .top_utill .a_right .radio_box .seach_box .seach_btn a {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/01_header/01_header_icon_search.gif) no-repeat center 50%;
	width:26px;
	height:26px;
}

.top .top_menu {
	width:100%;
	height:80px;
}

.top .top_menu .a_left {
	display:block;
	float:left;
	width:25%;
	height:80px;
}

.top .top_menu .a_left a {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/01_header/01_header_logo.gif) no-repeat top left;
	width:155px;
	height:64px;
}

.top .top_menu .a_right {
	float:left;
	width:75%;
	height:80px;
}

.top .top_menu .a_right .top_menu_all {
	margin-top:29px;
	width:90%;
	float:left;
}

.top .top_menu .a_right .top_menu_all .top_menu_sty {
	float:left;
	background: url(/keei/keei_portal/images/01_header/01_header_menu_line.gif) no-repeat right 50%;
	width:12%;
	margin-right:2%;
	padding-right:0.5%;
	text-align:left;
}

.top .top_menu .a_right .top_menu_all .top_menu_sty a {
	float:left;
	width:100%;
	font-size:15px;
	font-weight:bold;
	color:#4f4f4f;
	text-decoration:none;
}

.top .top_menu .a_right .top_menu_all .top_menu_sty a:hover {
	color:#0068b7;
}

.top .top_menu .a_right .top_menu_all .none {
	float:left;
	width:12%;
	text-align:left;
}

.top .top_menu .a_right .top_menu_all .none a {
	float:left;
	width:100%;
	font-size:15px;
	font-weight:bold;
	color:#4f4f4f;
	text-decoration:none;
}

.top .top_menu .a_right .top_menu_all .none a:hover {
	color:#0068b7;
}

.menu_all_btn a {
	display:block;
	float:right;
	background:url(/keei/keei_portal/images/01_header/01_header_icon_more.gif) no-repeat left 60%;
	padding-left:1.5%;
	width:8.5%;
	height:11px;
	margin-top:35px;
	margin-left:;
	color:#91c000;
	font-size:11px;
	text-decoration:none;
}



/* content */

.content {
	width:100%;
}

/* 이미지 */

.content .con_layout_left {
	float:left;
	width:49.5%;
	margin-right:1%;
	margin-bottom:0;
}

.content .con_layout_right {
	border:1px solid #c6c6c6;
	background-color:#f6f6f6;
	float:right;
	width:49.2%;
	height:446px;
}

.content .con_layout_left .con_mainimg_box {
	border:3px solid #1681d4;
	width:auto;
	height:234px;
}

.content .con_layout_left .con_mainimg_box .main_img {
	/*background:url(/keei/keei_portal/images/02_top_content/02_top_content_img_2.gif) no-repeat center 50%;*/
	background-size:100% auto;
	width:100%;
	/*height:228px;*/
	height:215px;
}

.main_img .roll_box {
	display:block;
	float:left;
	margin-top:38%;
	margin-left:5%;
}

.main_img .roll_box .roll_stop {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/02_top_content/02_top_content_icon_stop.png) no-repeat top left;
	width:11px;
	height:11px;
	margin-top:1px;
	margin-right:5px;
	cursor:pointer;
}

.main_img .roll_box .roll_on {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/02_top_content/02_top_content_icon_ov.png) no-repeat top left;
	width:47px;
	height:12px;
	margin-right:5px;
	cursor:pointer;
}

.main_img .roll_box .roll_off {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/02_top_content/02_top_content_icon_off.png) no-repeat top left;
	width:13px;
	height:13px;
	margin-right:5px;
	cursor:pointer;
}


/* 전력수급, 패밀리 사이트 */

.content .con_layout_left .con_bor_layout {
	float:left;
	width:100%;
	margin-top:1.9%;
}

.content .con_layout_left .con_bor_layout .con_bor_left {
	background:#ffffff;
	float:left;
	border:1px solid #c6c6c6;
	width:48.5%;
	height:196px;
}

.content .con_layout_left .con_bor_layout ul {
	float:left;
	width:100%;
}

.content .con_layout_left .con_bor_layout ul .con_bor_left_tit {
	float:left;
	width:100%;
	height:38px;
	background:#f6f6f6;
	border-bottom:1px solid #d6d6d6;
}

.content .con_layout_left .con_bor_layout ul .con_bor_left_tit .l_con_icon01 {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/02_top_content/02_top_content_box_icon_1.gif) no-repeat top left;
	width:83%;
	margin:9px 5% 0 5%;
	padding-left:7%;
	height:18px;
	font-size:13px;
	color:#484848;
}

.content .con_layout_left .con_bor_layout ul .con_bor_left_tit b {
	color:#115ba3;
}

.content .con_layout_left .con_bor_layout ul .con_bor_left_list01 {
	margin:10px 0 0 0;
	float:left;
	width:100%;
	height:141px;
}

.content .con_layout_left .con_bor_layout .con_bor_right {
	background:#ffffff;
	float:right;
	border:1px solid #c6c6c6;
	width:48.5%;
	height:196px;
}

.content .con_layout_left .con_bor_layout .con_bor_right .con_bor_left_tit {
	float:left;
	width:100%;
	height:38px;
	background:#f6f6f6;
	border-bottom:1px solid #d6d6d6;
}

.content .con_layout_left .con_bor_layout ul .con_bor_left_tit .l_con_icon02 {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/02_top_content/02_top_content_box_icon_2.gif) no-repeat top left;
	width:81%;
	margin:9px 5% 0 5%;
	padding-left:9%;
	height:18px;
	font-size:13px;
	color:#484848;
}

.content .con_layout_left .con_bor_layout ul .con_bor_left_list02 {
	display:block;
	float:left;
	width:100%;
	height:51px;
	border-bottom:1px dotted #dcdcdc;
}

.content .con_layout_left .con_bor_layout ul .con_bor_left_list03 {
	display:block;
	float:left;
	width:100%;
	height:51px;
}

.content .con_layout_left .con_bor_layout ul a {
	display:block;
	text-decoration:none;
	background:url(/keei/keei_portal/images/02_top_content/02_top_content_icon_more.png) no-repeat right 50%;
	width:90%;
	height:51px;
	margin:0 5%;
	font-size:12px;
	color:#2c2c2c;
	line-height:51px;
}


/* KEEL 발간물 */

.content .con_layout_right .clr_layout {
	float:left;
	width:92%;
	margin:4%;
}

.content .con_layout_right .clr_layout .keei_book_top {
	float:left;
	width: 100%;
}

.content .con_layout_right .clr_layout .keei_book_top .kbt_tit {
	float:left;
	width: 50%;
	font-size:27px;
	color: #0068b7;
	font-weight: bold;
}

.content .con_layout_right .clr_layout .keei_book_top .kbt_btn {
	float:right;
	margin-top:6px;
	width: 78px;
	height: 26px;
}

.content .con_layout_right .clr_layout .keei_book_top .kbt_btn .kbt_prev {
	float:left;
	background:url(/keei/keei_portal/images/02_top_content/02_top_content_btn_back.gif) no-repeat top right;
	width: 26px;
	height: 26px;
	cursor:pointer;
}

.content .con_layout_right .clr_layout .keei_book_top .kbt_btn .kbt_next {
	float:left;
	background:url(/keei/keei_portal/images/02_top_content/02_top_content_btn_next.gif) no-repeat top right;
	width: 26px;
	height: 26px;
	cursor:pointer;
}

.content .con_layout_right .clr_layout .keei_book_top .kbt_btn .kkt_all {
	float:right;
	background:url(/keei/keei_portal/images/02_top_content/02_top_content_btn_more.gif) no-repeat top right;
	width: 26px;
	height: 26px;
	cursor:pointer;
}

.content .con_layout_right .clr_layout .keei_book_box {
	float:left;
	margin-top:3%;
	width:100%;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_img {
	display:block;
	float:left;
	border:1px solid #b4b4b4;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_img span {
	float:left;
	width:113px;
	height:163px;
	border:1px solid #ffffff;
	background:url(/keei/keei_portal/images/02_top_content/02_top_content_book.gif) no-repeat top left;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_list {
	float:right;
	width:68%;
	height:163px;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_list .kbb_l_tit {
	float:left;
	font-size:16px;
	font-weight:bold;
	margin-top:6px;
	width:100%;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_list .kbb_l_day {
	float:left;
	font-size:12px;
	margin-top:2px;
	width:100%;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_list .kbb_l_btn {
	float:left;
	margin-top:13px;
	padding-bottom:13px;
	width:100%;
	border-bottom:1px dashed #c0c0c0;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_list .kbb_l_btn a {
	float:left;
	background: url(/keei/keei_portal/images/02_top_content/02_top_content_btn_next2_w.gif) no-repeat 85% 46% #008cd6;
	font-size:11px;
	text-decoration:none;
	width:114px;
	height:26px;
	padding-left:18px;
	color:#ffffff;
	line-height:26px;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_list .kbb_l_btn a:hover {
	background: url(/keei/keei_portal/images/02_top_content/02_top_content_btn_next2_w.gif) no-repeat 85% 46% #9cc813;
}

.content .con_layout_right .clr_layout .keei_book_box .kbb_list .kbb_l_text {
	float:left;
	margin-top:10px;
	line-height:143%;	
}

.content .con_layout_right .clr_layout .keei_book_box ul {
	float:left;
	width:100%;
	border-top:1px solid #b6b6b6;
	margin-top:21px;
}

.content .con_layout_right .clr_layout .keei_book_box ul li {
	float:left;
	width:100%;
	border-bottom:1px dashed #c0c0c0;
	margin-top:10px;
	padding-bottom:10px;
}

.content .con_layout_right .clr_layout .keei_book_box ul .kbb_l_none {
	border-bottom:0px solid #ffffff;
	padding-bottom:6px;
}

.content .con_layout_right .clr_layout .keei_book_box ul li a {
	float:left;
	width:100%;
	color:#232323;
	font-size:15px;
	text-decoration:none;
}

.content .con_layout_right .clr_layout .keei_book_box ul li a:hover {
	color:#068cd3;
	text-decoration:underline;
}


/* 배너 */

.banner {
	width:100%;
}

.banner .banner_sty01 {
	display:block;
	float:left;
	width:33.4%;
	height:154px;
	background: url(/keei/keei_portal/images/03_center_banner/03_center_banner_bg_1.gif) no-repeat bottom right;
}

.banner .banner_sty02 {
	display:block;
	float:left;
	width:33.3%;
	height:154px;
	background: url(/keei/keei_portal/images/03_center_banner/03_center_banner_bg_2.gif) no-repeat bottom center #ececec;	
}

.banner .banner_sty03 {
	display:block;
	float:right;
	width:33.2%;
	height:154px;
	background: url(/keei/keei_portal/images/03_center_banner/03_center_banner_bg_1.gif) repeat-x bottom left #e0e0e0;
	
}

.banner .banner_sty01 a {
	display:block;
	width:90%;
	margin:0 auto;
}

.banner .banner_sty02 a {
	display:block;
	width:90%;
	margin:0 auto;
}

.banner .banner_sty03 a {
	display:block;
	width:90%;
	margin:0 auto;
}

.banner .bs_text {
	float:left;
	margin-top:;
	width:60%;
}

.banner .bs_text .bs_t_tit {
	float:left;
	width:100%;
	margin-top:11%;
	font-size:19px;
	color:#404040;
	letter-spacing:-0.1em;
	font-weight:bold;
}

.banner .bs_text .bs_t_tit span {
	color:#0068b7;
}

.banner .bs_text .bs_t_text {
	float:left;
	width:100%;
	margin-top:3%;
	color:#404040;
}


.banner .bs_text01 {
        float:left;
        width:100%;
}

.banner .bs_text01 .bs_t_tit {
        float:left;
	width:100%;
        margin-top:7%;
        font-size:19px;
        color:#404040;
	letter-spacing:-0.1em;
	font-weight:bold;
}

.banner .bs_text01 .bs_t_tit span {
	color:#0068b7;
}

.banner .bs_text01 .bs_t_text {
	float:left;
	width:100%;
	margin-top:3%;
	color:#404040;
}


.banner .bs_icon01 {
	float:right;
	margin-top:3%;
	display:block;
	background:url(/keei/keei_portal/images/03_center_banner/03_center_banner_icon_1.png) no-repeat top center;
	background-size:100%;
	width:33%;
	height:101px;
}

.banner .bs_icon02 {
	float:right;
	margin-top:3%;
	display:block;
	background:url(/keei/keei_portal/images/03_center_banner/03_center_banner_icon_2.png) no-repeat top center;
	background-size:100%;
	width:33%;
	height:101px;
}



/* 연구원 인용자료 */

.board {
	width:100%;
	margin-top:1%;
}

.board .a_left {
	width:49.3%;
	float:left;
	border:1px solid #c6c6c6;
}

.board .a_right {
	margin-top:0;
	width:49.2%;
	float:right;
	border:1px solid #c6c6c6;
}

.board .a_left .cb_tep {
	background:#cecece;
	width:100%;
	height:46px;
}

.board .a_left .cb_tep .cb_tep_ov {
	float:left;
	padding:0 3%;
	background:#ffffff;
	height:46px;
	width:120px;
	line-height:46px;
	color:#008977;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
}

.board .a_left .cb_tep .cb_tep_off {
	float:left;
	padding:0 3%;
	height:46px;
	width:120px;
	line-height:46px;
	color:#696969;
	font-size:14px;
	font-weight:bold;
	border-right:1px solid #e7e7e7;
	cursor:pointer;
}

.board .a_left .cb_tep .add_btn {
	float:right;
	background:url(/keei/keei_portal/images/04_bottom_content/04_bottom_content_moer_1.gif) no-repeat top right;
	width:12px;
	height:12px;
	margin:17px 3% 0 0;
}

.board .a_left .cb_bor_sty01 {
	float:left;
	width:92%;
	margin:3% 4%;
}

.board .a_left .cb_bor_sty01 ul {
	float:left;
	width:100%;
}

.board .a_left .cb_bor_sty01 ul li {
	float:left;
	width:100%;
	padding:2% 0;
	border-bottom:1px dotted #bbbbbb;
}

.board .a_left .cb_bor_sty01 ul li a {
	float:left;
	color:#434343;
}

.board .a_left .cb_bor_sty01 ul li a:hover {
	color:#068cd3;
	text-decoration:underline;
}

.board .a_left .cb_bor_sty01 ul li span {
	float:right;
	color:#8d8d8d;
}
/* 여기부터 */
.board .a_right .cb_tep {
	background:#cecece;
	width:100%;
	height:46px;
}

.board .a_right .cb_tep .cb_tep_ov {
	float:left;
	padding:0 3%;
	background:#ffffff;
	height:46px;
	width:120px;
	line-height:46px;
	color:#008977;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
}

.board .a_right .cb_tep .cb_tep_off {
	float:left;
	padding:0 3%;
	height:46px;
	width:120px;
	line-height:46px;
	color:#696969;
	font-size:14px;
	font-weight:bold;
	border-right:1px solid #e7e7e7;
	cursor:pointer;
}

.board .a_right .cb_tep .add_btn {
	float:right;
	background:url(/keei/keei_portal/images/04_bottom_content/04_bottom_content_moer_1.gif) no-repeat top right;
	width:12px;
	height:12px;
	margin:17px 3% 0 0;
}
/* 여기까지 */
.board .a_right .cb_bor_sty022 {
	float:left;
	width:100%;
	margin:3% 0% 0% 0%;
}

.board .a_right .cb_bor_sty03 {
	float:right;
	background-color:#f6f6f6;
	width:50%;
}

.board .a_right .cb_bor_tit {
	float:left;
	width:90%;
	margin:3% 5% 4% 5%;
}

.board .a_right .cb_bor_tit b {
	float:left;
	color:#131313;
	font-size:18px;
}

.board .a_right .cb_bor_tit .add_btn01 {
	float:right;
	background:url(/keei/keei_portal/images/04_bottom_content/04_bottom_content_moer_2.gif) no-repeat top right;
	width:59px;
	height:20px;
	margin-top:2px;
	cursor:pointer;
}

.board .a_right .cb_bor_tit .add_btn02 {
	float:right;
	background:url(/keei/keei_portal/images/04_bottom_content/04_bottom_content_moer_3.gif) no-repeat top right;
	width:59px;
	height:20px;
	margin-top:2px;
	cursor:pointer;
}

.board .a_right ul {
	float:left;
	width:90%;
	margin:0 5% 5% 5%;
}

.board .a_right ul li {
	float:left;
	border-bottom:1px dotted #bbbbbb;
	width:100%;
	margin:0;
	padding:2% 0;
}

.board .a_right ul li a {
	float:left;
	color:#434343;
}

.board .a_right ul li a:hover {
	color:#068cd3;
	text-decoration:underline;
}

.board .a_right ul li span {
	float:right;
	color:#8d8d8d;
}



/* 하단 */

.footer {
	width:100%;
}

.footer .f_bor_lay_all {
	width:100%;
	float:left;
	margin-top:1%;
}

.footer .f_bor_lay_all .f_bor_lay01 {
	width:49.3%;
	float:left;
	border:1px solid #c6c6c6;
}

.footer .f_bor_lay_all .f_bor_lay02 {
	margin-top:0;
	width:49.2%;
	float:right;
	border:1px solid #c6c6c6;
}


/* 국제원유가격, 전력가스석탄 */

.footer .f_bor_lay_all .f_bor_lay01 .f_bor01 {
	float:left;
	background:url(/keei/keei_portal/images/05_bottom_banner/05_bottom_banner_line.gif) repeat-y top right;
	width:50%;
	height:98px;
	cursor:pointer;
}

.footer .f_bor_lay_all .f_bor_lay01 .f_bor01 .f_bor_lay01_icon01 {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/05_bottom_banner/05_bottom_banner_icon_1.gif) no-repeat top center;
	background-size:100%;
	width:30%;
	margin:4% 4% 4% 9%;
	height:100%;
}

.footer .f_bor_lay_all .f_bor_lay01 .f_bor02 {
	float:left;
	width:50%;
	height:98px;
	cursor:pointer;
}


.footer .f_bor_lay_all .f_bor_lay01 .f_bor02 .f_bor_lay01_icon02 {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/05_bottom_banner/05_bottom_banner_icon_2.gif) no-repeat top center;
	background-size:100%;
	width:30%;
	margin:4% 5% 4% 7%;
	height:100%;
}

.f_bor_lay01_text {
	float:left;
	width:52%;
	margin:0;
}

.f_bor_lay01_text .f_bor_ltt_tit01 {
	float:left;
	width:100%;
	color:#068cd3;
	font-size:18px;
	font-weight:bold;
	margin:10% 0 3% 0;
}

.f_bor_lay01_text .f_bor_ltt_tit02 {
	float:left;
	width:100%;
	color:#27b6b1;
	font-size:18px;
	font-weight:bold;
	margin:10% 0 3% 0;
}

.f_bor_lay01_text .f_bor_ltt_tt {
	font-size:11px;
	color:#4c4c4c;
}


/* 정보공개 외 3개 배너 */

.f_bor_lay02 .fbl02_01 {
	float:left;
	background:url(/keei/keei_portal/images/05_bottom_banner/05_bottom_banner_line.gif) repeat-y top right;
	width:25%;
	height:98px;
	cursor:pointer;
}

.f_bor_lay02 .fbl02_02 {
	float:left;
	width:25%;
	height:98px;
	cursor:pointer;
}

.f_bor_lay02 .fbl02_icon01 {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/05_bottom_banner/05_bottom_banner_icon_3.gif) no-repeat top center;
	background-size:auto 100%;
	width:100%;
	height:48px;
	margin:9% 0 5% 0;
}

.f_bor_lay02 .fbl02_icon02 {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/05_bottom_banner/05_bottom_banner_icon_4.gif) no-repeat top center;
	background-size:auto 100%;
	width:100%;
	height:48px;
	margin:9% 0 5% 0;
}

.f_bor_lay02 .fbl02_icon03 {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/05_bottom_banner/05_bottom_banner_icon_5.gif) no-repeat top center;
	background-size:auto 100%;
	width:100%;
	height:48px;
	margin:9% 0 5% 0;
}

.f_bor_lay02 .fbl02_icon04 {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/05_bottom_banner/05_bottom_banner_icon_6.gif) no-repeat top center;
	background-size:auto 100%;
	width:100%;
	height:48px;
	margin:9% 0 5% 0;
}

.f_bor_lay02 .fbl02_01 b {
	float:left;
	width:100%;
	text-align:center;
	font-size:14px;
	color:#525252;
}

.f_bor_lay02 .fbl02_02 b {
	float:left;
	width:100%;
	text-align:center;
	font-size:14px;
	color:#525252;
}


/* 슬라이더 배너-정부 사이트 */

.footer .slider_banner {
	display:block;
	width:100%;
	height:63px;
	float:left;
	margin-top:2.3%;
	border-top:2px solid #c8c8c9;
	border-bottom:1px solid #dbdbdb;
}

.footer .slider_banner .sb_left {
	float:left;
	display:block;
	width:5%;
	height:63px;
	background:url(/keei/keei_portal/images/06_rolling_banner/06_rolling_banner_btn_back.gif) no-repeat center right;
	cursor:pointer;
}

.footer .slider_banner .sb_right {
	float:right;
	display:block;
	width:5%;
	height:63px;
	background:url(/keei/keei_portal/images/06_rolling_banner/06_rolling_banner_btn_next.gif) no-repeat center left;
	cursor:pointer;
}

.footer .slider_banner .sb01 {
	background:url(/keei/keei_portal/images/06_rolling_banner/06_rolling_banner_1.gif) no-repeat center 50%;
	background-size:65% auto;
	float:left;
	display:block;
	width:18%;
	height:63px;
	cursor:pointer;
}

.footer .slider_banner .sb02 {
	background:url(/keei/keei_portal/images/06_rolling_banner/06_rolling_banner_2.gif) no-repeat center 50%;
	background-size:65% auto;
	float:left;
	display:block;
	width:18%;
	height:63px;
	cursor:pointer;
}

.footer .slider_banner .sb03 {
	background:url(/keei/keei_portal/images/06_rolling_banner/06_rolling_banner_3.gif) no-repeat center 50%;
	background-size:65% auto;
	float:left;
	display:block;
	width:18%;
	height:63px;
	cursor:pointer;
}

.footer .slider_banner .sb04 {
	background:url(/keei/keei_portal/images/06_rolling_banner/06_rolling_banner_4.gif) no-repeat center 50%;
	background-size:80% auto;
	float:left;
	display:block;
	width:18%;
	height:63px;
	cursor:pointer;
}

.footer .slider_banner .sb05 {
	background:url(/keei/keei_portal/images/06_rolling_banner/06_rolling_banner_5.gif) no-repeat center 50%;
	background-size:65% auto;
	float:left;
	display:block;
	width:18%;
	height:63px;
	cursor:pointer;
}

.footer .slider_banner .sb06 {
	background:url(/keei/keei_portal/images/06_rolling_banner/06_rolling_banner_6.gif) no-repeat center 50%;
	background-size:45% auto;
	float:left;
	display:block;
	width:18%;
	height:63px;
	cursor:pointer;
}

.footer .slider_banner .sb07 {
	background:url(/keei/keei_portal/images/06_rolling_banner/06_rolling_banner_7.gif) no-repeat center 50%;
	background-size:60% auto;
	float:left;
	display:block;
	width:18%;
	height:63px;
	cursor:pointer;
}


/* 푸터 메뉴 - 관련 사이트 등 */

.footer .footer_menu {
	width:100%;
	float:left;
	margin:1% 0;
}

.footer .footer_menu .fm_left {
	display:block;
	border-bottom:none;
	width:65%;
	float:left;
	height:34px;
}

.footer .footer_menu .fm_left li {
	float:left;
	font-size:12px;
	background:url(/keei/keei_portal/images/07_footer/07_footer_line.gif) no-repeat right 50%;
	line-height:34px;
	padding-right:8px;
	margin-right:8px;
	cursor:pointer;
}

.footer .footer_menu .fm_left li b {
	color:#068cd3;
}

.footer .footer_menu .fm_left .none {
	background:none;
}

.footer .footer_menu .fm_right {
	display:block;
	width:35%;
	float:right;
}

.footer .footer_menu .fm_right .fm_icon01 {
	display:block;
	float:right;
	background:url(/keei/keei_portal/images/07_footer/07_footer_btn_qr.gif) no-repeat left 50%;
	width:131px;
	height:34px;
	margin-right:10px;
	cursor:pointer;
	position:relative;
}

.mobile_popup {
	bottom:0px;
	right:0px;
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/07_footer/07_footer_btn_qr_popup.gif) no-repeat top left;
	width:292px;
	height:170px;
	position:absolute;
	z-index:5000;
}

.footer .footer_menu .fm_right .fm_icon02 {
	display:block;
	float:right;
	background:url(/keei/keei_portal/images/07_footer/07_footer_icon_blog.gif) no-repeat left 50%;
	width:26px;
	height:34px;
	margin-right:3px;
	cursor:pointer;
}

.footer .footer_menu .fm_right .fm_icon03 {
	display:block;
	float:right;
	background:url(/keei/keei_portal/images/07_footer/07_footer_icon_facebook.gif) no-repeat left 50%;
	width:26px;
	height:34px;
	margin-right:3px;
	cursor:pointer;
}

.footer .footer_menu .fm_right .fm_icon04 {
	display:block;
	float:right;
	background:url(/keei/keei_portal/images/07_footer/07_footer_icon_twitter.gif) no-repeat left 50%;
	width:26px;
	height:34px;
	margin-right:3px;
	cursor:pointer;
}

.footer .footer_menu .fm_right .fm_icon05 {
	display:block;
	float:right;
	background:url(/keei/keei_portal/images/07_footer/07_footer_icon_youtube.gif) no-repeat left 50%;
	width:26px;
	height:34px;
	margin-right:10px;
	cursor:pointer;
}

.footer .footer_menu .fm_right .fm_icon06 {
	display:block;
	float:right;
	background:url(/keei/keei_portal/images/07_footer/07_footer_icon_gcs.gif) no-repeat left 50%;
	width:60px;
	height:34px;
	cursor:pointer;
}

.footer .footer_bm01 {
	margin-top:0;
	float:left;
	width:100%;
}

.footer .footer_bm01 .fbm_right {
	display:none;
}

.footer .footer_bm01 .family_site {
	display:block;
	float:left;
	background:url(/keei/keei_portal/images/07_footer/07_footer_icon.gif) no-repeat 92% 50% #9c9c9c;
	width:133px;
	height:20px;
	cursor:pointer;
	margin-right:20px;
	margin-top:0;	
}

.footer .footer_bm01 .family_site b {
	color:#ffffff;
	margin-left:5px;
	font-size:11px;
}

.footer .footer_bm01 .web_btn {
	float:left;
	background:url(/keei/keei_portal/images/07_footer/07_footer_icon_mail.gif) no-repeat left 50%;
	padding-left:20px;
	font-size:11px;
	cursor:pointer;
	margin-right:15px;
	margin-top:0;
}

.footer .footer_bm01 .home_btn {
	float:left;
	background:url(/keei/keei_portal/images/07_footer/07_footer_icon_mail.gif) no-repeat left 50%;
	padding-left:20px;
	font-size:11px;
	cursor:pointer;
	margin-right:15px;
	margin-top:0;
}

.footer .footer_bm01 .rss_btn {
	float:left;
	background:url(/keei/keei_portal/images/07_footer/07_footer_icon_wi.gif) no-repeat left 50%;
	padding-left:15px;
	font-size:11px;
	cursor:pointer;
	margin-top:0;
}

.footer  .footer_bm02 {
	float:left;
	width:100%;
	margin-top:1.5%;
	padding-top:1.5%;
	border-top:1px solid #e1e1e1;
}

.footer .footer_bm02 .footer_address_pc {
	display:block;
	float:left;
	width:100%;
	font-size:11px;
}

.footer .footer_bm02 .footer_address_mob {
	display:none;
}

.footer .footer_bm02 .footer_cr_pc {
	display:block;
	float:left;
	width:100%;
	margin-top:0.3%;
	padding-bottom:2%;
	font-size:11px;
}


}