@charset "utf-8";
@import url("../css/base.sno.css");
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

html, body { margin:0; padding:0; width:100%; height:100% }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button { margin:0;padding:0 }
body,h1,h2,h3,h4,input,button,table {
	font-family: 'Nanum Gothic', "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;	
	line-height:160%;
}

form { margin:0px; }

/* img {border:0px;} */
a { border:0;}
a:link, a:visited, a:active { text-decoration:none; color:#363636; letter-spacing:-1px }
a:hover { text-decoration:underline; }

img { border:0;}
ul { list-style:none;;}
ul, li { margin:0; padding:0;}


#wrapper {
	position:relative;
	max-width:720px;
	height:auto;
	overflow:none;
	z-index:1;
}
#wrap-site { position:relative; width:100%;}
#wrap-header {
	position:relative;
	height:55px;
	width:100%;
	overflow:hidden;
	background-color:#fff;
}
#logo {
	position:relative;
	margin:0 auto;
	width:150px;
	height:55px;
	background:url('../img/logo.jpg') no-repeat;
}

#menu-open, #menu-home {
	position:absolute;
	width:55px;
	height:55px;
	top:0;
	cursor:pointer;
}
#menu-open {left:0;}
#menu-home {right:0;}

/* 내용 */
#wrap-content {
	position:relative;
}



/******************
	사이드메뉴
*******************/
#gnb-bg {
	position:absolute; display:none; width:100%; height:100%; background:#000;
 	-moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); z-index:101;
}
#gnb { position:absolute; width:310px; height:100%; top:0; left:-310px; overflow:hidden;
	background-color:#f2f2f2; font-size:12px; z-index:102;
	/*border:1px solid red;*/
}
#gnb .gnb-logo { position:relative; height:60px; background-color:#fff; border-bottom:1px solid #E5E5E5;}
#gnb .gnb-close {
	position:absolute; display:block; width:16px; height:16px;
 	border:0px solid red; cursor:pointer; top:20px; right:20px;
}
#gnb .gnb-menu { position:relative;	height:100%; background-color:yellow; overflow:hidden; }
#gnb .gnb-menu .wrap-gnb01, #gnb .gnb-menu .wrap-gnb02 {
	position:relative; float:left; height:100%;
}
#gnb .gnb-menu .wrap-gnb01 { width:100px; background-color:purple;}
#gnb .gnb-menu .wrap-gnb02 { width:210px; background-color:#fff; }
#gnb ul { padding:0; margin:0; list-style:none; }
#gnb ul li { padding:0; margin:0; }
#gnb .gnb01 {
	position:relative;
	width:100%;
	height:100%;
	background-color:#F7F7F7;
}
#gnb .gnb01 ul, #gnb .gnb01 li { width:100%; }
#gnb .gnb01 li {
	color:#404040;
	width:100%;
	padding:10px;
	text-align:center;
	cursor:pointer;
	border-bottom:1px solid #E5E5E5;
}
#gnb .gnb01 li.on {
	font-weight:600;
	color:#fff;
	background-color:#F96F00;
}


#gnb .wrap-gnb02 {}
#gnb .gnb02 {
	border-left:1px solid #E5E5E5;
	overflow-y: scroll;
}
#gnb .gnb02 .sm {
	position:relative;
	width:100%;
	padding:20px 15px 0;
}
#gnb .gnb02 .title {
	font-size:18px;
	font-weight:600;
	color:#333;
	padding:10px 5px;
	border-bottom:1px solid #595757;
}

#gnb .gnb02 li {
	border-bottom:1px solid #E5E5E5;
}
#gnb .gnb02 li a {
	display:inline-block;
	color:#747474;
	width:100%;
	padding:7px 10px;
}
#gnb .gnb02 li a:hover, #gnb .gnb01 li a:hover { text-decoration: none}


/*********************/

 
/* 위로가기버튼  */
.btn-top {
	display:none;
	position:fixed;
	width:40px;
	height:40px;
	bottom:20px;
	right:15px;
	z-index:11;
	cursor:pointer;
	background:url(../img/top.jpg) no-repeat;
}

.ellipsis {
	position:relative;
	display:block;
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	text-overflow:ellipsis;
}

.img-responsive { width:100%; }