/******************** Zeroize *********************/
body, div, dl, dt, dd, li, form, input, p, blockquote, th, td { margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
ol, ul { margin:0; padding:0; list-style:none; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img, iframe { margin:0; padding:0; border:0; }
caption, th { border:0; }
q:before, q:after { content:''; }
a, a:hover, a:visited { text-decoration:none; }

/******************** Common *********************/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html {
}
body {
	width: 100%;
	font-size: 12px/16px
	color: #464646;
    font-family:'나눔고딕', NanumGothic, 'Nanum Gothic';
}
.clear {
	clear: both;
	display: block;
	float:none;
	font-size:0 !important;
	height:0;
	line-height:0 !important;
	margin:0 !important;
	overflow:hidden;
	padding:0 !important;
	width:100%;
}

a, a:link, a:active, a:visited { color: #464646 }
a:hover {  } 

.f_left { float:left; }
.f_right { float:right; }
.t_left { text-align:left; }
.t_right { text-align:right; }
.wrpa {float:left; width:100%;}
/* font */
h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}

/******************** layout *********************/
#wrap {
	float: left;
	width: 100%;
	min-width: 962px;
	float: left;
}
.w962 {
	width: 962px;
	margin: 0 auto;
}
.w680 {
	width: 680px;
	margin: 0 auto;
}
.w1263 {
	width: 1263px;
	margin: 0 auto;
}
/******************** header *********************/
#header {
	width: 100%;
	float: left;
	height: 124px;
	background: url("../images/common/bg_gnb.gif") repeat-x;
}
/* top_banner 
#header .top_banner {
	width: 100%;
	height: 160px;
	float: left;
	background: url("../images/common/bg_top.gif") repeat-x;
}
#header .top_banner .w962 {
	position: relative;
}
#header .top_banner .close {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
}

/* top_nav */
#header .top_nav {
	width: 100%;
	float: left;

}
#header .top_nav ul {
	float: right;
	margin-top: 5px;
}
#header .top_nav ul li {
	float: left;
	margin-top: 5px;
	padding: 0 10px;
	font-size: 11px;
	line-height: 11px;
	vertical-align: middle;
	border-right: solid 1px #edeeef;
}
#header .top_nav ul li.last {
	border-right: none;
}
#header .top_nav ul li img {
	vertical-align: middle;
}

/* global_search */
#header .global_search {
	width: 100%;
	height: 111px;
	float: right;
}
#header .global_search h1 {
	float: left;
	margin-left: 30px;
	margin-top: 25px;
}
#header .global_search .rolling_txt {
	width: 150px;
	float: left;
	height: 39px;
	border-left: solid 3px #88b6cd;
	text-indent: 7px;
	margin-left: 215px;
	margin-top: 49px;
}
#header .global_search .rolling_txt li {
	height: 39px;
}
#header .global_search .rolling_txt li img {
	margin-top: 3px;
}
#header .global_search .search_box {
	width: 352px;
	margin-top: 25px;
	float: left;
}
#header .global_search .search_box .frq_keyword {
	float: right;
}
#header .global_search .search_box .frq_keyword li {
	float: left;
	height: 13px;
	border-right: solid 1px #e1dede;
	padding: 0 15px;
}
#header .global_search .search_box .frq_keyword li.last {
	border-right: none;
	padding-right: 0;
}
#header .global_search .search_box .search {
	float: left;
	margin-top: 11px;
}
#header .global_search .search_box .search input[type=text] {
	float: left;
	width: 300px;
	height: 33px;
	border: solid 3px #88b6cd;
}
#header .global_search .search_box .search img {
	float: left;
}

/******************** navigation *********************/
#header .main_nav {
	float: right;
	padding-top: 53px;
}
#header .main_nav .main {
	width: 100%;
	height: 44px;
	float: left;
}
#header .main_nav .main li {
	width: 110px;
	float: left;
	text-align: center;
	position: relative;
	z-index: 999;
}
#header .main_nav .main li span {
	position: absolute;
	top: 0;
	right: 0;
	color: #7d8d95;
}
#header .main_nav .main li .sub {
	float: left;
	width: 260px;
	height: auto;
	margin-top: 12px;
	background: #fff;
	z-index: 999;
	display: none;
	position: relative;
	opacity: 0.95;
	-moz-opacity: 0.95;
	filter: alpha(opacity=95); // IE-7
    opacity: .95; // all-browser
	box-shadow: 0 5px 5px rgba(0,0,0,0.06);
	margin-left: -84px;
}
#header .main_nav .main li .sub li {
	float: left;
	width: 260px;
	height: 30px;
	line-height: 30px;
	margin-top: 0;
	padding-bottom: 1px;
}
/*#header .main_nav .main li .sub li a {
	line-height: 30px;
	font-size: 14px;
	letter-spacing: 0px;
}

#header .main_nav .main li .sub li:hover {
	background: url("../images/common/bg_subnav_on.gif")repeat-x;
}*/

.sub li a {
	color: #787878  !important;
	font-size: 14px;
	line-height: 30px;
	font-weight: normal !important;
	letter-spacing: 0px;
}
.sub li a:hover{
	font-weight: 700 !important;
	text-decoration: none;
	letter-spacing: -0.3px;
	font-size: 14.5px;
	color: #01268e  !important;
}
/******************** footer *********************/
#footer {
	width: 100%;
	float: left;
	background-color: #f4f3ef;
}

/* footer_nav */
#footer .footer_nav {
	width: 100%;
	height: 39px;
	float: left;
	border-top: solid 2px #5b5b5b;
}
#footer .footer_nav ul {
	height: 14px;
	float: left;
	margin-top: 9px;
}

#footer .footer_nav ul li {
	float: left;
	padding: 0 24px;
	text-align: center;
	position: relative;
}
#footer .footer_nav ul li a {
	font-size: 13px;
	font-weight: 700;
	color: #928F8F;
}
#footer .footer_nav ul li span {
	position: absolute;
	top: 1px;
	right: 0;
	font-size: 11px;
	color: #d5d5d5;
}
#footer .footer_nav .gotop {
	float: right;
	margin-top: 12px;
	margin-right: 10px;
}

/* copyrights */
#footer .copyrights {
	width: 100%;
	float: left;
	border-top: solid 1px #cecece;
	border-bottom: solid 1px #cecece;
	background: url("../images/common/logo_footer.jpg") 4px 24% no-repeat;
}
#footer .copyrights dl {
	margin-top: 19px;
	margin-left: 175px;
	padding-bottom: 19px;
	color: #777777;
}
#footer .copyrights dl dt {
	font-weight: bold;
	letter-spacing: 0px;
}
#footer .copyrights dl dd {
	font-size: 11px;
	margin-top: 3px;
	line-height: 18px;
}
#footer .copyrights dl dd.copy {
	color: #aaaaaa
}
#footer .family {
	width: 100%;
	float: left;
}

/* family */
#footer .family ul {
	width: 100%;
	float: left;
	margin-top: 9px;
	padding-bottom: 9px;
}
#footer .family ul li {
	float: left;
	margin-right: 19px;
}
#footer .family ul li.last {
	margin-right: 0;
}

/*게시판 추가*/
/******************** extra*********************/
/* 정렬 */
.txt_left{text-align:left !important;}
.txt_center{text-align:center !important;}
.txt_right{text-align:right !important;}

.txtv_top{vertical-align:top !important;}
.txtv_middle{vertical-align:middle !important;}
.txtv_bottom{vertical-align:bottom !important;}

.float_left{float:left !important;}
.float_right{float:right !important;}

/* padding */
.pdt2{padding-top:2px !important;}
.pdt5{padding-top:5px !important;}
.pdt9{padding-top:9px !important;}
.pdt10{padding-top:10px !important;}
.pdt15{padding-top:15px !important;}
.pdt20{padding-top:20px !important;}
.pdt25{padding-top:25px !important;}
.pdt30{padding-top:30px !important;}
.pdt35{padding-top:35px !important;}
.pdt40{padding-top:40px !important;}
.pdt45{padding-top:45px !important;}
.pdt50{padding-top:50px !important;}
.pdt90{padding-top:90px !important;}

.pdb5{padding-bottom:5px !important;}
.pdb10{padding-bottom:10px !important;}
.pdb15{padding-bottom:15px !important;}
.pdb20{padding-bottom:20px !important;}
.pdb25{padding-bottom:25px !important;}
.pdb30{padding-bottom:30px !important;}
.pdb40{padding-bottom:40px !important;}
.pdb50{padding-bottom:50px !important;}

.pdl5{padding-left:5px !important;}
.pdl7{padding-left:7px !important;}
.pdl10{padding-left:10px !important;}
.pdl15{padding-left:15px !important;}
.pdl20{padding-left:20px !important;}
.pdl25{padding-left:25px !important;}
.pdl30{padding-left:30px !important;}
.pdl35{padding-left:35px !important;}
.pdl40{padding-left:40px !important;}
.pdl50{padding-left:50px !important;}

.pdr5{padding-right:5px !important;}
.pdr10{padding-right:10px !important;}
.pdr12{padding-right:12px !important;}
.pdr15{padding-right:15px !important;}
.pdr20{padding-right:20px !important;}
.pdr25{padding-right:25px !important;}
.pdr30{padding-right:30px !important;}
.pdr40{padding-right:40px !important;}
.pdr50{padding-right:50px !important;}