@charset "utf-8";
/* add WEBsiting */

.bdtd2px{border-top:2px dashed #ddd;}
.pdt10px{padding-top:10px;}
/* 게시판 목록 */

.td_subject img {margin-left:3px}}
/* 웹진형 목록 */
#bo_webzine h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_webzine #webzine_ul {width:100%; margin:5px 0 0;padding:0;list-style:none;zoom:1}
#bo_webzine #webzine_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_webzine .webzine_li a{display:block; cursor:pointer;overflow:hidden;padding:20px; border-bottom:1px solid #f2f2f2; margin:10px 0;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#bo_webzine .webzine_li a:hover{border-bottom:1px solid #c6c6c6; text-decoration:none; background:#f2f2f2;_background:none;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#bo_webzine .webzine_li{position:relative;}
#bo_webzine .webzine_li a .list_img{display:block; float:left; margin-right:10px; overflow:hidden; border-radius:50%; max-width:140px; border:1px solid #fff;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#bo_webzine .webzine_li a:hover .list_img{ border:1px solid #ddd;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#bo_webzine .webzine_li .checkselect{position:absolute; top:20px; right:20px; z-index:99;}
#bo_webzine .webzine_li a .datetime{display:block; float:left; width:100px; height:100px; margin-right:10px; text-align:center; color:#999; font-family:'Georgia'; font-style:italic; font-size:14px; font-weight:bold;}
#bo_webzine .webzine_li a .datetime b{display:block; width:100px; text-align:center;padding:5px 0 5px 0; overflow:hidden;font-size:34px;color:#666; font-weight:bold;}
#bo_webzine .webzine_li a .datetime .bo_notice{font-size:20px;}
#bo_webzine .webzine_li a .hit{font-size:9px; color:#999; display:block; padding-top:10px; font-family:verdana;}
#bo_webzine .webzine_li a .hit b{font-family:dotum; font-size:12px;}
#bo_webzine .webzine_li a strong{display:block;padding:0  0 5px 0; margin:0px; font-size:16px; font-family:'나눔고딕'; color:#333;}
#bo_webzine .webzine_li a:hover strong{color:#000;}
#bo_webzine .webzine_li a .datehit{padding:0  0 20px 0;}
#bo_webzine .webzine_li a:hover .datetime b{color:#333;}

#bo_webzine .webzine_li .listcont{color:#999;}
#bo_webzine .webzine_li:hover .listcont{color:#666;}
#bo_webzine .webzine_li a .list_img img{border:1px solid #fff;display:block; width:110%; height:auto; margin:-5%;}
#bo_webzine .webzine_li a:link .list_img img,
#bo_webzine .webzine_li a:visited .list_img img{}
#bo_webzine .webzine_li a:hover .list_img img,
#bo_webzine .webzine_li a:active .list_img img,
#bo_webzine .webzine_li a:focus .list_img img{}

#bo_webzine .webzine_li a:link img,
#bo_webzine .webzine_li a:visited img{}
#bo_webzine .webzine_li a:hover img,
#bo_webzine .webzine_li a:active img,
#bo_webzine .webzine_li a:focus img{}
#bo_webzine .webzine_con {margin:0;padding:0;list-style:none}
#bo_webzine .webzine_con li {margin:0 0 4px}
#bo_webzine .webzine_con .webzine_subject {display:inline-block;width:50px}

#bo_webzine .webzine_now .webzine_text_href a {color:#000000}

#bo_webzine .webzine_href a:link, #bo_webzine .webzine_href a:focus, #bo_webzine .webzine_href a:hover {text-decoration:none}
#bo_webzine .webzine_href strong, #bo_webzine .webzine_href span {display:inline-block;background:#f7f7f7;text-align:center;line-height:10em}

#bo_webzine .webzine_text_href {margin:10px 0 !important}
#bo_webzine .webzine_text_href a {font-weight:bold}
#bo_webzine .webzine_text_href span {display:inline !important}
#bo_webzine .webzine_text_href img {margin:0 0 0 4px}

.commWrap{width:100%; text-align:center; background:#fff;overflow:hidden; margin-top:-48px;}
.commWrapin{width:auto; padding:0 10px;max-width:980px; margin:0 auto; text-align:left;}

.comm{width:100%; text-align:center; padding-bottom:30px;overflow:hidden; background:URL(/img/commBg.jpg) repeat bottom center #242424; background-size:100% auto;}
.comm h2{padding:140px 0 80px 0; margin:0px; font-family:'Georgia'; color:#fff; font-size:30px; font-style:italic; font-weight:normal;}
.comm h2 small{display:block;font-size:14px;color:#efefef;font-style:normal;padding:10px 0; line-height:1.2em;}
.comm h2 u{display:block;margin:0 auto;width:60px; height:3px; background:#fff;}

#batit{width:100%; text-align:center; background:#242424; padding:20px 0;}
#batit h2 strong{display:block; font-family:'Georgia'; font-size:30px; color:#999; font-style:italic;font-weight:normal; padding-bottom:10px;}
#batit h2 small{display:block;font-size:14px;color:#666;}

.mlist_info{display:block; color:#999; font-family:verdana; font-size:10px;}
@media all  and (max-width:900px){
	.comm{background-size:auto 100%;}
	.comm h2{padding:100px 0 60px 0;}
	.comm h2 small{font-size:12px;}

	#batit h2 strong{font-size:20px;}
	#batit h2 small{font-size:11px;}
	#bo_webzine .webzine_li .listcont{font-size:12px; line-height:1.2em !important;}

	#bo_v_title{font-size:16px !important;}

}


/* 게시판 목록 카테고리 */
#bo_cate_comm {width:100%; max-width:600px; margin:0 auto;text-align:center;overflow:hidden;}
#bo_cate_comm h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;filter:Alpha(opacity=0); opacity:0.0; -moz-opacity:0.0;}
#bo_cate_comm ul {margin-bottom:10px;padding-left:1px;padding-bottom:2px;width:100%;text-align:center;overflow:hidden;zoom:1}
#bo_cate_comm ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate_comm li {display:inline-block;*display:inline;margin-bottom:-1px; width:25%;}
#bo_cate_comm a {display:block;position:relative;margin-left:-1px;padding:10px 0 9px 0; width:100%;font-family:malgungothic; font-weight:bold; border-bottom:3px solid #fff;background:#fff;color:#666;text-align:center;line-height:1.2em;cursor:pointer;filter:Alpha(opacity=60); opacity:0.6; -moz-opacity:0.6;}
#bo_cate_comm a:focus, #bo_cate_comm a:hover, #bo_cate_comm a:active {text-decoration:none;border-top:3px solid #ddd;color:#999;filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;}
#bo_cate_comm #bo_cate_on {z-index:2;border-top:3px solid #666;background:#fff;color:#333;font-weight:bold;filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;}


.empty_list{padding:100px 0;}

.view_file_download{display:block; width:auto !important; font-size:12px !important; padding-left:26px !important; padding-right:90px !important; background:URL(./img/icon_file.gif) no-repeat 8px 13px; border:1px dashed #999; overflow:hidden; position:relative;}
.view_file_download img{vertical-align:middle;display:block; float:left;}
.view_file_download b{display:block;width:80px; position:absolute; right:0px;top:8px; color:#000;}
a:hover.view_file_download{background:URL(./img/icon_file.gif) no-repeat 8px 13px #ddd; border:1px dashed #ff6600;}

.view_link_go{display:block; width:auto !important; font-size:12px !important; padding-left:26px !important; padding-right:90px !important; background:URL(./img/icon_link.gif) no-repeat 8px 13px; border:1px dashed #999; overflow:hidden; position:relative;}
.view_link_go img{vertical-align:middle;display:block; float:left;}
.view_link_go b{display:block;width:80px; position:absolute; right:0px;top:8px; color:#000;}
a:hover.view_link_go{background:URL(./img/icon_link.gif) no-repeat 8px 13px #ddd; border:1px dashed #ff6600;}

/*한별전기(주) 웹사이트 스토리*/
.story02{width:100%; overflow:hidden; text-align:left;}
.story02 img{display:block;float:left; width:30%; max-width:280px;}
.story02 p{float:left; color:#666; font-size:18px; line-height:1.4em; letter-spacing:-0.05em;}
.story02 p b{color:#e41e26;font-size:22px;}
.story03 img{float:right;}
.story03 p b{color:#f26522;}

.hrDashed{display:block !important;height:40px; margin-top:40px; width:100%; border:0px; border-top:2px dashed #ddd; clear:both;}

.storyCommonTxt img{width:100%;max-width:900px; display:block; margin:0 auto;}
.storyCommonTxt p{ color:#888; font-size:18px; line-height:1.4em; text-align:left; letter-spacing:-0.05em;}
.storyCommonTxt p b{color:#000;font-size:20px;}

@media all  and (max-width:800px){
	.story02 p,
	.storyCommonTxt p{font-size:13px;}
	.story02 p b,
	.storyCommonTxt p b{font-size:16px;}
}