@charset "utf-8";
/* webfont */
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/css?family=Gentium+Basic);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);*/

/* 초기화 */
html {margin:0;padding:0;}
body {margin:0;padding:0;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:12px;font-family:'Nanum Gothic','돋움',dotum,sans-serif;color:#222;} /* color값은 디자인가이드에 맞게사용 */
a {color:#222;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;}
button {cursor:pointer}

textarea, select {}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}

.bold {font-weight:bold}
.normal {font-weight:normal}

.myoungjo {font-family:'NanumMyeongjo'}

.line_no {border:none !important}

.clb {clear:both}

#gnb_wrap {position:relative;width:100%;height:48px;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;z-index:999;}
#gnb {width:962px;margin:0 auto;}
#gnb ul {}
#gnb ul li {display:block;float:left;}
#gnb ul li a {display:block;width:136px;height:48px;margin-right:-2px;font-size:14px;color:#444;font-weight:bold;text-align:center;line-height:48px;text-decoration:none;background:#fff;border-left:solid 1px #ccc;border-right:solid 1px #ccc;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#gnb ul li a:hover {color:#fff;background:#ff6501;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#gnb ul li a.on {color:#fff !important;background:#ff6501 !important;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

#snb_wrap {position:absolute;width:100%;height:0;overflow:hidden;left:0;top:49px;background:#fff;z-index:999;}
#snb {width:962px;margin:0 auto;}
#snb ul {height:100%}
#snb ul li {display:block;float:left;width:136px;height:270px;padding:10px 0;}
#snb ul li:hover {background:#f6f6f6}
#snb ul li ul {height:100%;}
#snb ul li ul li {display:block;width:100%;height:30px;padding:0;border:none;}
#snb ul li ul li a {display:block;height:30px;font-size:11px;line-height:30px;text-indent:7px;text-decoration:none;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#snb ul li ul li a:hover {color:#fff;background:#444;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}