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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
em,address{font-style:normal;}
hr{display:none}
body{line-height:1.2em;}
ol, ul{list-style:none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}

ins{text-decoration:none;}
del{text-decoration:line-through;}
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;word-break:break-all;}
table th, table td{vertical-align:middle;}
caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0;zoom:1;}
fieldset{margin:0;padding:0;border:0 none;}
legend{overflow:hidden;width:0;height:0;font-size:0;visibility:visible;}

/*@font-face{
font-family:'NanumGothic'; 
font-style:normal; 
font-weight:normal; 
src: url('/common/font/NanumGothic.eot'); 
src: local('.'), url('/common/font/NanumGothic.woff') format('woff'), url('/common/font/NanumGothic.ttf') format('truetype');
}
@font-face{
font-family:'NanumGothicBold'; 
font-style:normal; 
font-weight:normal; 
src: url('/common/font/NanumGothicBold.eot'); 
src: local('.'), url('/common/font/NanumGothicBold.woff') format('woff'), url('/common/font/NanumGothicBold.ttf') format('truetype');
}
@font-face{
font-family:'NanumGothicExtraBold'; 
font-style:normal; 
font-weight:normal; 
src: url('/common/font/NanumGothicExtraBold.eot'); 
src: local('.'), url('/common/font/NanumGothicExtraBold.woff') format('woff'), url('/common/font/NanumGothicExtraBold.ttf') format('truetype');
}*/
/*@font-face{font-family:nanumgothicweb;
	src:url(../font/NanumGothic.eot);
	src:local(※), url(../font/NanumGothic.woff)
	format('woff')}

@font-face{
	font-family:ng;
	src:url(../font/NanumGothic.eot),
		url(../font/NanumGothic.woff),
		url(../font/NanumGothic.ttf);
}

@font-face{
	font-family:ng;
	src:url(../font/NanumGothicBold.eot),
		url(../font/NanumGothicBold.woff),
		url(../font/NanumGothicBold.ttf);
	font-weight:bold;
}*/

/*@font-face{font-family:NanumGothic;src:url('../font/NanumGothic.eot')}
@font-face{font-family:NanumGothic;src:url('../font/NanumGothic.ttf') format('truetype')}
*/

html, body,input{font-family:NanumGothic,'나눔고딕', Dotum, Arial, Gulim, sans-serif;font-size:12px;color:#4c4c4c;}
html{overflow-y:scroll;overflow-x:hidden;}

a, a:link, a:visited, a:active{color:#818181; text-decoration:none; }
a:hover {color:#003875; text-decoration:none;}
img,input{vertical-align:top;}
textarea{color: #818181;font-size:11px;overflow-y:auto;resize:none;}

/* html5 reset */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display:block;}

/* common */
.blind{position:absolute;overflow:hidden;width:0;height:0;font-size:0;visibility:visible;}

/* skip menu */
#skipnavi a{position:absolute;text-align:center;width:200px;display:block;background:#e5234a;padding:5px 0;color:#fff;left:-9999px; font-weight:bold;}
#skipnavi a:hover{z-index:999999;margin-left:-100px;left:50%;}
#skipnavi a:focus{z-index:999999;margin-left:-100px;left:50%;}
#skipnavi a:active{z-index:999999;margin-left:-100px;left:50%;}

input[type=text], select, textarea{margin:0; padding:0; border:1px solid #c9c9c9;}
input[type=text]{padding:4px 5px 0;}

.noLst{text-align:center;}

#wrap{min-width:1458px;}
#wrapSub{min-width:1001px;}
header{position:relative; height:131px; z-index:100;}
header h1{position:absolute; top:46px; left:50%; margin-left:-484px; z-index:9999;}
header .gnb_wrap{position:relative; background:#454954; min-width:1458px; border-bottom:5px solid #e5234a;}
header .gnb_wrap .gnb{width:1002px; margin:0 auto; padding:9px 0 3px; text-align:right;}
header .gnb_wrap .gnb a{display:inline-block; *display:inline; zoom:1; background:url(/images/main/line_gnb.gif) 0 0 no-repeat; padding-left:13px; margin-left:7px;}
header .gnb_wrap .gnb a:first-child{background:none;}
header nav{position:absolute; top:58px; left:50%; background:url(/images/common/bg_nav.jpg) 0 49px no-repeat; width:1002px; min-height:51px; margin-left:-501px; border-bottom:1px solid #d8d8db; z-index:10;}
header nav .bgNav{position:absolute; top:-9999px; right:0; width:628px; height:289px; background:; z-index:49;}
header nav > ul{zoom:1;}
header nav > ul:after{content:""; display:block; clear:both;}
header nav > ul > li{float:left; position:relative; width:160px; text-align:center;}
header nav li.nav01{margin-left:362px;}
header nav li > h2{position:relative; z-index:50; line-height:1.3em;}
header nav li > h2 a{display:block; padding-bottom:36px; font-size:16px; font-weight:bold; white-space:nowrap;}
header nav li > h2 > a:hover,
header nav li > h2 > a:focus{color:#ed164b;}
header nav li h2 a:hover,
header nav li h2 a:focus{background-position:50% -40px;}
header nav li .dep2{position:absolute; top:-999px; left:39px; background:url(/images/common/bg_dep2.gif) 0 0 repeat-y; width:171px; height:98px; padding-bottom:5px; z-index:50; text-align:left;}
header nav li.nav04 .dep2{width:96px;}
header nav li .dep2 li{margin-top:-2px;}
header nav li .dep2 li a{display:block; padding:0 2px 10px 11px; white-space:nowrap;}
header nav li .dep2 li a:hover,
header nav li .dep2 li a:focus{color:#003875;}

footer{width:969px; margin:30px auto 0 auto; zoom:1;}
footer:after{content:""; display:block; clear:both;}
footer p{position:relative; float:left; z-index:101;}
footer .familySite{position:relative; float:right; z-index:100;}
footer .familySite .siteList{position:absolute; bottom:-300px; left:0px; overflow:hidden; background:#e9e9e9; width:145px; height:353px; border:1px solid #e2e2e2; border-width:1px 1px 0 1px; z-index:4;}
footer .familySite .siteList li{border-bottom:1px solid #f3f3f3; padding:5px 0 5px 5px;}
footer .familySite .siteList li a{display:block; }
footer .familySite .siteList li a:hover{background:#003875; color:#fff; font-weight:bold;}

#container{width:1002px; min-height:800px; margin:-27px auto 0 auto;}
#container .topArea{position:relative; height:135px; margin-top:5px; padding:65px 0 0 15px;}
#container .topArea h2{margin-bottom:9px;}
#container .topArea .txt_dis{color:#999;}
#container .topArea .bread{position:absolute; bottom:0; left:0; background:#f0f0f0; width:999px; height:44px; border:1px solid #dedede; zoom:1; z-index:15;}
#container .topArea .bread:after{content:""; display:block; clear:both;}
#container .topArea .bread a,
#container .topArea .bread .subLst{float:left;}
#container .topArea .bread a{position:relative; top:-1px; left:-1px; background:#f0f0f0; padding:15px 25px; border:1px solid #dedede; border-width:1px 0 1px 1px; color:#666;}
#container .topArea .bread .subLst{position:relative; top:0px;}

#container .topArea .bread .subLst a{background:#f0f0f0; padding:15px 25px; border:1px solid #dedede; border-width:1px 1px 1px 0; color:#666;}
#container .topArea .bread .subLst a.on{background:#575c68; padding:16px 25px; border-left:1px solid #dedede; border-right:1px solid #dedede; border-top:0 none; border-bottom:0 none; color:#fff; font-weight:normal; text-align:center;}
#container .topArea .bread .subLst a:hover{color:#003875;}
#container .topArea .bread .subLst a:first-child{border-left:1px solid #dedede;}
#container .topArea .bread .subLst a.on:hover{color:#fff;}


#container .topArea .bread .subLst span.arrow{display:inline-block; *display:inline; zoom:1; background:url(/images/common/blt_arrow.gif) 0 0 no-repeat; width:7px; height:4px; margin:0 0 0 10px;}
#container .topArea .bread .subLst ul{position:absolute; top:-1000px; left:-1px;}/*top:45px;*/
#container .topArea .bread .subLst ul li a{display:block; position:static; top:0; left:0; float:none; background:#fff; width:100%; padding:15px 0; border:0 none; text-align:center; color:#666; border:1px solid #dedede; border-width:0 1px 1px 1px;}
#container .topArea .bread .subLst ul li a:hover{background:#575c68; color:#fff;}



#wrapSub header nav{background:url(/images/common/bg_nav.jpg) 0 30px no-repeat;}
#wrapSub header .gnb_wrap {min-width:1002px;}
#cts{padding-top:44px;}
.leftOn{overflow:hidden; zoom:1;}
.leftOn:after{content:""; display:block; clear:both;}
.leftOn .leftCon{float:left; width:197px; margin-right:80px;}
.leftOn .content{float:left; width:724px;}
.leftOn .leftNav{margin-top:30px;}
.leftOn .leftNav ul li{margin-bottom:5px;}

#wrapSub footer{margin-top:100px;}

#cts .content{overflow:hidden; zoom:1;}
#cts .content:after{content:""; display:block; clear:both;}