@charset "utf-8";
@import "/WebHome/commons/css/grobal.css";
@import "/WebHome/commons/css/basic.css";
@import "/WebHome/commons/css/button.css";

/*
Authorhttp: 김희정
Version : 1.0
*/
/* BG fon 
.left_color { float:left; width:50%; background:url(images/bg_t.gif); height:100%; margin:0; position:fixed;}
=== Layout
#page { margin:0 auto; padding:0; width:1140px; position:relative; z-index:2; background:url(images/main_bg.gif) top center repeat-y; }
#left_page { width:297px; margin:0 30px 0 0; padding:0; float:left;  }
#right_page { width:646px; margin:0; padding:0; float:left; }
- Logo -
body {font-family:Verdana,'돋움',dotum, sans-serif;font-size:11px;color:#8f8f8f;background:#7d1212 url(/WebHome/Skins/LayoutB/Skin0/img/main/bg_totalmain.gif) center center repeat-y }
.left_color {float:left; width:50%; background:url(/WebHome/Skins/LayoutB/Skin0/img/main/bg_t.gif) scroll 0 0 transparent; height:100%; margin:0; }
*/

/*body {background:#7d1212 url(/WebHome/Skins/LayoutB/Skin0/img/main/bg_totalmain.gif) center center repeat-y }
.left_color {float:right; width:100%; background:#fff; height:100%;margin-left:680px ;position:fixed}*/


#container_skip {
    margin: 0 auto;
    min-height: 100%;
    min-width: 1000px;
}
#container_skip {
    clear: both;
    position: relative;
}
#wrapper_header {
    /*background: url("../img/transparent_white.png") repeat-x scroll left top transparent;
    height: 130px;*/
}
#wrapper_header {
    clear: both;
    position: relative;
    z-index: 1000;
	padding: 0;
}
#wrapper_header .headerskip {
    /*background: url("../img/transparent_top.png") no-repeat scroll center top transparent;
    height: 100px;*/
    margin: 0 auto;
    padding: 0px 0;
    position: relative;
}


/*  header   */
#headergnb{clear:both;width:1000px;margin:0 auto;padding-top:5px;height:55px;z-index: 990;}
#header-top{width:1000px;margin:0 auto;height:48px;overflow:hidden;padding:2px 0px 0px 20px;}
#header-top h1{float:left;}
#header-top h1 a{display:block;}
#header-top h1 a span{display:none;}
#header-top h2{float:right;margin:5px 30px 0 0;}
#header-top h2 ul{font-size:12px;color:#ffffff;}
#header-top h2 ul li{display:inline;padding:0 0px 0 0px}
#header-top h2 ul li a{color:#fff}
/*#header-center {clear:both;margin:0 auto;width:1000px;} */

#mainVisual_wrap {
	clear: both;
    position: relative;
	text-align:center;
}
.Visual_wrap{
    margin: 0 auto;
    padding: 0;
    position: relative;
	width:1000px;
	display:inline-block;
}
.Visual_wrap .TnbArea {
    position: relative;
	width: 200px;
	display: inline;
	float: left;
    height: 100%;
    z-index: 998;
}

.Visual_wrap .mainVisual{
	margin-left: 220px;
	padding:0px;
	margin-bottom:5px;
	z-index:3;
	margin-top: 10px;
	overflow: hidden;
	position: relative;
}

#mainContainer-wrap{
	float: right;
	position: relative;
	padding:0px 5px 0px 0;;
	z-index:998;
	display: inline;
    margin-left: 10px;
    width: 320px;
}
#mainConts {
    /*margin: 0 auto;
	float:right;
    padding: 0;z-index:998;*/
	overflow:hidden;
}
.float-container {
	overflow:hidden;
	margin-bottom:5px;
	z-index:998
}

/* main style [#mainimg_content]추가  ;
#container-wrapper {width:1000px; margin:0 auto; overflow:hidden;z-index:3;}
#mainimg_content {float:left;margin-left:5px; padding:0px;width:330px;margin-bottom:5px;z-index:5;}/*margin-right:15px;에서 변경
#content {overflow:hidden;float:right;z-index:998;}
.float-container {width:320px;overflow:hidden;margin-top:5px;margin-bottom:5px;float:left;z-index:998}*/

/* common use 
#content img {background:#fff; padding:0px; -moz-box-shadow: 0 0px 5px #fff; -webkit-box-shadow: 0 0px 5px #fff;}
#content .noborder, 
#content .noborder img {padding:0px; background:transparent; -moz-box-shadow: 0 0px 0px #ccc; -webkit-box-shadow: 0 0px 0px #ccc;}
.imageborder {background:#fff; padding:5px; -moz-box-shadow: 0 0px 5px #ccc; -webkit-box-shadow: 0 0px 5px #ccc;}
.divider {border-bottom:1px solid #e1e1e1; color:#9f9f9f; margin-bottom:35px; padding-bottom:25px;}*/

/* main columns [grid3column:margin-bottom:15px]추가*/
.grid2column, 
.grid3column, 
.grid3columnbigcolumn {float:left;}
.grid2column {width:455px; margin-right:30px; }
.grid3columnbigcolumn {width:620px; margin-right:30px;}
.grid3column {width:310px; height:160px;margin-left:10px;margin-right:0px;border:0px solid #000;margin-bottom:10px;margin-top:2px;}
.grid3column h3{color:#5b5a5a}
/* columns info */
.alignright {float:right; margin:0 0 10px 10px;}
.alignleft {float:left; margin:0 15px 0px 0;}
.aligncenter { margin-bottom:12px; text-align:center;}

#footerbg_wrap {
	/*background: none repeat scroll 0 0 #000000;*/
	margin: 0 auto;
    position: relative;
	padding: 0;
}
#footerbg_wrap .footMenu {
    margin: 0 auto;
    position: relative;
    width: 1000px;
	padding: 0px 0 0px;
}
#bottoms_wraper{
    margin: 0 auto;
	overflow:hidden;
    padding: 0px 0 0px 0;
    width: 1000px;
	clear: both;
}

/*sub*/
#subcontainer-wrap{
	position: relative;
	padding:13px 0;
}
#sub-content {
	padding:10px 5px; 
	background:#fff;
	width:990px; 
	overflow:hidden;
	position: relative;
	z-index:8;
	margin:0 auto;
}
/* comments-tit */
.comments-tit {
	color:#9f9f9f; 
	font-size:11px; 
	padding:0px 10px 8px 0;
	margin:0px 0 10px 0;
	text-align:right;
}
.comments-tit .spot {
	color:#767676;
	text-decoration:none;
	vertical-align:bottom;
}
/* 11.08.29*/
#sub-left{
	display:inline;
	float:left;
	width:200px;
}
.sub-banners{
	clear:both;
	display:inline;
	float:left;
	width:200px;
	padding-top:15px;
	padding-left:0px
}
.sub-banners h3{
	padding-top:10px
}

#main-content-sidebar {
	width:775px;
	display:inline;
	float:right;
	min-height:350px;
	padding-right:0px
}

/* contents-edit */
.contents_edit{
	position:relative;
	height:40px;
}



/* 
#main-leftmenu {
    margin: 0 auto;
    position: relative;
    width: 1000px;
	height:50px;
}
#mainimg_content{
	background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
}
#container-wrapper {
	padding:0px 0 0px 0; 
	background-color: #EAEAEA;
    border-bottom: 1px solid #FFFFFF;
    clear: both;
    position: relative;
    width: 100%;
}
.float-container {
	width:1000px;
	margin: 0 auto;
	overflow:hidden;
	position: relative;
}

#footer_wraper_bg {
    clear: both;
    position: relative;
    width: 100%;
}
#footer_wraper {
    margin: 0 auto;
    position: relative;
    width: 1000px;
	height:80px;
	padding: 3px 0 5px 0;
}
#bottoms_wraper{
    margin: 0 auto;
	overflow:hidden;
    padding: 0px 0 0px 0;
    width: 1000px;
}
/* main style [#mainimg_content]추가 
#content {padding:10px 0 5px 0px;width:770px; margin-bottom:0px;float:right;height:100%}
#container-wrapper {width:1000px; margin:0 auto; padding:0px 0 10px 0; overflow:hidden}
#wrapper{margin:0 auto; padding:0; width:100%; position:relative; /*background:url(/WebHome/Skins/LayoutB/Skin0/img/main/bg_totalmain.gif) top center repeat-y}
#mainimg_content {float:left;margin-right:30px;margin-left:20px;padding:0;width:330px;border:0px solid #cac9c9}
#main-leftmenu {display:inline;float:left;width:210px;margin-right:10px;}
#main-left{display:inline;float:left;width:210px;min-height:350px;}*/


/* common use 
#content img {background:#fff; padding:0px; -moz-box-shadow: 0 0px 5px #ccc; -webkit-box-shadow: 0 0px 5px #ccc;}
#content .noborder, 
#content .noborder img {padding:0px; background:transparent; -moz-box-shadow: 0 0px 0px #ccc; -webkit-box-shadow: 0 0px 0px #ccc;}
.imageborder {background:#fff; padding:5px; -moz-box-shadow: 0 0px 5px #ccc; -webkit-box-shadow: 0 0px 5px #ccc;}
.divider {border-bottom:1px solid #e1e1e1; color:#9f9f9f; margin-bottom:35px; padding-bottom:25px;}

/* main columns [grid3column:margin-bottom:15px]추가
.grid2column, 
.grid3column, 
.grid3columnbigcolumn {float:left;}
.grid2column {width:455px; margin-right:30px; }
.grid3columnbigcolumn {width:620px; margin-right:30px;}
.grid3column {width:310px; height:160px;margin-left:10px;margin-right:10px;border:0px solid #000;margin-bottom:18px;margin-top:9px;}
.grid3column h3{color:#5b5a5a}

/* columns info 
.alignright {float:right; margin:0 0 10px 10px;}
.alignleft {float:left; margin:0 15px 0px 0;}
.aligncenter { margin-bottom:12px; text-align:center;}

/* sub style 
#sub-content {padding:10px 0 10px 0; width:1000px; overflow:hidden;/* padding:10px 0 5px 0px;width:770px; margin-bottom:0px;overflow:hidden;float:right;border:0px solid #cac9c9*/}
/* 11.08.29 추가
#sub-left{display:inline;float:left;width:210px;height:100%;}
.sub_sideMenu{min-height:320px}
.sub-banners{clear:both;display:inline;float:left;width:210px;padding-top:15px;padding-left:5px}
.sub-banners h3{padding-top:10px}

#main-content-sidebar {width:765px;min-height:550px;float:right;}
.clr{clear:both; padding:0; margin:0; background:none; }

/* sub sidebar 
.sidebar {float:left; width:190px; margin-top:5px; padding:10px 20px 0 5px; }
#sidebar-base {height:86px; width:20px; position:relative; right:32px;}
.sidebardivider {margin-bottom:40px;}
.sidebar h4 {background:url(/WebHome/Skins/LayoutC/Skin0/img/main/grey.gif) top left no-repeat;height:40px;color:#fff;padding:15px 0 0px 20px;font-size:15px;}
#content ul.submenu li {list-style:none; margin-left:0px;}
ul.submenu li a {display:block; color:#fff;padding:5px 0 5px 25px; text-decoration:none; border-bottom:1px solid #b55d5d}
ul.submenu li a:hover {color:#000;}
*/
/* comments-tit 
.comments-tit {border-bottom:0px solid #e9e9e9; color:#cc1617; font-size:11px;padding:0px 0 2px 0; margin:0px 0 10px 0;text-align:left}
.comments-tit a {color:#000; text-decoration:none;}
.comments-tit a:hover {color:#cc1617;}

/* sub title 
.post-heading {width:740px; overflow:hidden; margin:0px 0 5px 0;}
.post-heading h2.posttit {font-size:20px; color:#000;line-height:20px; margin-bottom:0px; margin-top:0px;font-family:'돋움',dotum;}
#content .posttit img {background:#fff; padding:6px; -moz-box-shadow: 0 0px 5px #ccc; -webkit-box-shadow: 0 0px 5px #ccc;}*/