@charset "euc-kr";

@import url('menu.css');
@import url('common.css');
@import url('font.css');
@import url('contents.css');


/* CSS Document
=======================================================================*/
html, body { margin: 0; padding: 0; height: 100%; }
body {border: 0 none; margin: 0 auto; padding: 0; font: 12px/1.5 'Noto Sans KR', 'Malgun Gothic','FontAwesome', 'Roboto', sans-serif ; font-weight: 400; color: #666666; overflow-y: scroll; *overflow-y:;}
dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, fieldset, textarea, p, blockquote { margin: 0; padding: 0; }
ul, ol, li { margin: 0; padding: 0; list-style: none; }
img { border: 0 none }


/* Link
=======================================================================*/
a { color: #666666; text-decoration: none; }
a:hover { color: #cb2b04; text-decoration: none; }


/* Shell */
.shell { width: 1000px; margin: 0 auto;height: auto; padding:0 0}
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.text_l{text-align:left}
.text_r{text-align:right}

/* Layout */
#wrap, #header, #logo { margin: 0; padding: 0 }
#wrap {position:relative; width:100%; min-width:1000px; background:url('../bg.gif') no-repeat center 100px;}
#header {background:#293c74;}
#container { width: 100%;margin:0px;}
#contents { width: 100%; text-align: left }
#footer { width: 100%; height: auto; padding: 0 0 0 0; border-top:1px solid #e5e5e5; }

/*
.box { position: relative; width: 1000px; margin: 0 auto; height: auto }
.box { zoom: 1; }
.box:after { content: ''; display: block; clear: both; } */

/*start header style
=======================================================================*/
#header{position:relative; width:100%; height:80px; }
#header h1{float:left; width:200px;padding-top:0; text-align:left;}

/* start gnb style
=======================================================================*/
#gnb {position: relative; float:left; width:800px;height:auto; z-index:5100;}
#gnb:after {content:""; display:block; clear:both;}

/*start Spot style*/
#spot {
	position: relative;
	width: 1000px;
	height: 450px;
	margin: 0 auto;
	padding:0 15px;
	background:url(../main/slide_shadow.png)  0 center no-repeat;
	overflow: hidden;
	}

/*start main style
=======================================================================*/
#row1 {padding-bottom:20px;}
#row1 ul li {display:block; float: left;width:235px; height:170px; padding-right: 20px; }
#row1 a img.menuon{display:none}
#row1 a img.menuoff{display:inline}
#row1 a:hover img.menuon{display:inline; }
#row1 a:hover img.menuoff{display:none}


#row2 {width:1000px;margin: 0 0 40px 0; background:#f6f6f6;}
.post, .cus {float: left; }

/* Board Output */
.post{display:block;width:510px; padding-left:0; text-align: left;}
.post h3 {float: left;}
.post table.board_output {
	float: left;
	margin: 0;
	padding: 5px 0 0 5px;
	font-size: 11px;
	line-height: 20px;
	color: #444;
}
.post .board_output a { font-size: 11px; color: #444; text-decoration: none }
.post .board_output a:hover { font-size: 11px; color: #cb2b04; text-decoration: underline }

/*start footer style
=======================================================================*/
.copy { width: 100%; background-color:#fff }
.copy .footer_bnr {margin:0px 0; padding:10px 0;border-bottom: 1px solid #e5e5e5; text-align:center;}
.copy-low {display: block; width: 100%; padding: 30px 0 20px; color: #888;}
.copy-low:after {content: ""; display: block; clear: both; }
.copy-low ul {float: left;}
.copy-low ul:nth-child(1) {width: 50%;}
.copy-low ul:nth-child(2) {width: 50%;}
.copy-low ul li {font-family: 'Noto Sans KR',sans-serif;font-size: 14px; margin-bottom: 10px;}
.copy-low ul li span { display: inline-block; padding-right: 15px ;}
.copy-low ul li span b {font-weight: 500; color: #444;}
.copy .copyright { padding: 15px 0; text-align: center; color: #999; border-top: 1px solid #e5e5e5}


/*start sub style
=======================================================================*/

/*start sub lnb style
=======================================================================*/
#snb { float: left; width: 210px; margin-top:20px; margin-right: 25px; padding: 0 }
#snb h2 {width:210px; height:auto; margin: 0; padding:5px 0 0 0; border-bottom: 1px solid #e5e5e5}
#snb .snb_bg{margin: 0; padding:0; background-color: #fff;}
#snb ul { display: block; width: 210px; margin: 0; padding-top: 5px;  }
#snb ul li { margin-top: 0px;}
#snb ul li:first-child, { margin-top: 0;}
#snb ul li {display:block; width:210px; height:38px; }




#snb .bnr01 {margin:20px 0 20px 0;}
#snb .bnr02 {margin:10px 0 20px 0}

/* start sub contents layout style
=======================================================================*/
#sub-visual {width:100%; height:120px;  background: #f1f1f1; text-align:center;}
#sub-visual .ttl {width: 100%; height:80px; margin-top: 0px; padding: 25px 0 0 0; /* border-bottom: 1px solid #e5e5e5; */ }
#sub-visual .ttl h3 {font: 36px/1.2 'Malgun Gothic','MalgunGothic','Roboto', 'Dotum', sans-serif ; color:#222;}
#sub-visual .ttl h3 span {font-size:24px; color:#666;}
#history {text-align:center; }
#history .root { font-size: 11px; color: #999; margin: 10px 0 0 0; }
#history .root img { vertical-align: -3px; }
#history .root span { display: inline-block; padding: 0 5px }
#history .root .current { display: inline-block; color: #333333; padding: 0 0 0 8px; }

#sub_contents { width: 720px; margin: 0 0 0 230px; ; padding: 60px 0 30px 0; height: auto; text-align: left; }

#contents_inside { float: left; width: 740px; height: auto; margin:  0; padding: 50px 0 30px 20px; text-align: left; }
	@-moz-document url-prefix() {
	#contents_inside {
			padding: 50px 0 30px 20px;
		}
	}
	div#contents_inside { min-height: 600px; height:expression(this.scrollHeight > 600 ? "auto":"600px");
	}

/*start sub tilte & root style
=======================================================================*/

/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:40px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(../sub/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../sub/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}