/*-----------------------------------------------------------------------------------*/
/*	LAYOUT
/*-----------------------------------------------------------------------------------*/

/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
*/

@charset "utf-8";
/*-----------------------------------------------------------------------------------*/
/*	RESET
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
body {
	x-line-height:1
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
:focus {
	outline:0
}
ins {
	text-decoration:none
}
del {
	text-decoration:line-through
}
table {
	border-collapse:collapse;
	border-spacing:0
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}
th, td {
	margin:0;
	padding:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}
.clear {
	clear: both;
}
br {
	line-height: 10px;
}
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
 border : 0px;
}
input[type="submit"]:focus, input[type="button"]:focus {
	outline : none;
}

/*-----------------------------------------------------------------------------------*/
/*	GENERAL
/*-----------------------------------------------------------------------------------*/

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src:local('※');
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),  url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
  url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
  url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}

body { font-size:12px; 
     font-family:"굴림", gulim, "Trebuchet MS", "Lucida Grande", "Tahoma","Helvetica","Arial", "hiragino kaku gothic pro", sans-serif; 
}
input,select,textarea {font-size:12px; font-family:gulim;}
select {font-size:12px;font-family:dotum;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}

.centered {
	text-align: center;
	vertical-align: middle;
	margin-top: 25%;
	margin-bottom: 25%;
}

.wrap { 
	width:1060px; margin:auto; 
}

.header { }

.header .tnb { height:30px; background:rgba(255,255,255,0.3); }
.header .tnb .wrap .menutops {padding:5px 0 0px 0;text-align:right;font-size:11px;font-family:dotum;letter-spacing:2px;}
.header .tnb .wrap .menutops a {font-family:gulim;color:white; font-size:11px; font-weight:bold; letter-spacing:-1px;outline:none;}
.header .tnb .wrap .menutops a:hover {text-decoration:underline;}
.headertop .tnb .menutops img {margin-bottom:-3px;}
.header .tnb .wrap .menutops .admin {font-size:11px;font-family:dotum;font-weight:normal;color:#FA5800;}

p { font-size:14px; line-height:160%; color:#222; } 
.desc { font-family:Gulim, Arial, Sans Serif; }


.content {  } 
.title h1 { font-size: 27px; color: #777; font-weight: normal; } 
.title h1 .small { font-size:20px; } 
.content .comment { font-size:12px; color:#444; } 
.snb_sub_top { 
	margin:10px 0 20px; width:770px; min-height:40px; padding:20px; 
	font-size:22px; color:#333333; font-family:nanumgothic; text-align:justify; 
	x-background:url(image/sub/snb_title_bg.jpg); 
	border-radius:5px; border:solid 1px #b399ff; 
}

/* ------------------------- */

#footer { margin:40px 0 0 0; clear:both; border-top:solid 1px #a5af33; background-color:#ffffff; }
#footer .wrap { padding:15px 20px 30px 20px; }
#footer .wrap .slinks { }
#footer .wrap .slinks .elink {padding:10px 0 10px 0;font-size:11px;font-family:dotum;color:#c0c0c0;letter-spacing:2px; text-align:center; }
#footer .wrap .slinks .elink a {font-family:gulim;font-size:14px;letter-spacing:-1px;color:#999999; x-font-weight:bold; }
#footer .wrap .slinks .elink a:hover {text-decoration:underline;}
#footer .wrap .slinks .copyright {font-size:11px;font-family:arial;color:#999999; text-align:center; }
#footer .wrap .powered {float:right;}
#footer .wrap .kimsq {padding:10px 0 10px 0;font-size:11px;font-family:arial;color:#c0c0c0;}

/*-----------------------------------------------------------------------------------*/
/* Hotbox 
/*-----------------------------------------------------------------------------------*/
.hotbox a { color:#000; }

.rightbanner {
    width: 120px;
    height: 150px;
    position: absolute;
    top: 0px;
    right: -130px;
    z-index: 10;
}

.rightbanner img {
    border: solid 1px #CCCCCC;
	margin-bottom:10px;	
}

/* --------------------------------------------- */
/* TABS                                          */
/* --------------------------------------------- */

.tabs {position:relative;padding:0;width:100%; clear:both; -padding-top:30px}
.tabs h6 {padding:0 0 15px 0;margin:0 0 5px 0;font-weight:bold; font-size:15px; color:#333;}

.tabs a {color:#333;}

.tabs H1 { margin-bottom: 2px; font-family: Garamond, "Times New Roman", Times, Serif;}
.tabs DIV.container { margin: auto; width: 90%; margin-bottom: 10px;}
.tabs TEXTAREA { width: 80%;}
.tabs FIELDSET { border: 1px solid #ccc; padding: 1em; margin: 0; }
.tabs LEGEND { color: #ccc; font-size: 120%; }
.tabs INPUT, TEXTAREA { font-family: Arial, verdana; font-size: 125%; padding: 7px; border: 1px solid #999; }
.tabs LABEL { display: block; margin-top: 10px; } 
.tabs IMG { margin: 5px; }

UL.tabNavigation {
    list-style: none;
    margin: 5px 0 0px;
    padding: 0px 0;
}

UL.tabNavigation LI {
    display: table-cell;
	border-spacing: 0px;
}

UL.tabNavigation LI:last-child {
	border-right:none;
}

UL.tabNavigation LI A {
    display: inline-block;
	margin-left:1px;
	padding: 5px 5px 5px 5px;
	margin-bottom:5px; 
	text-decoration: none;
	font-size: 14px;
	font-weight:bold;	
	font-family: nanumgothic;
	color: #777;
	x-background:#ecefc7;
	background:#fafafa;
	width:135px;
	text-align:center;
}

UL.tabNavigation LI A:after { }

UL.tabNavigation LI A.selected,
UL.tabNavigation LI A:hover {
    x-color: #fff;
    x-background:#a5af33;
	background:#eeeeee;
}

UL.tabNavigation LI A:focus {
    outline: 0;
}

div.tabs > div {
    padding: 5px;
    -margin-top: 3px;
    x-border: 1px solid #bbbbbb;
}

div.tabs > div h2 {
    margin-top: 0;
}

#first {
    background-color: #fff;
}

#second {
    background-color: #fff;
}

#third {
    background-color: #fff;
}

.waste {
        min-height: 100x;
}
