@charset "utf-8";
/* CSS Document */
/* 기본 CSS */

#skipNav {position:relative;z-index:10001}
#skipNav dt{position:absolute; top:0; left:-1000px} 
#skipNav dd a{display: block; font-weight: bold; position: absolute; top:0; left:-1000px;font-size: 120%;text-align: center; background-color:#fff; z-index:1000}
#skipNav dd a:hover, 
#skipNav dd a:active, 
#skipNav dd a:focus{left:0; height:40px;  width:100%; line-height:40px; color:#000 !important; }

html, body {height:100%;}
#wrap {height:100%; margin:0 auto; }
#header {position:relative; height:112px; background:url(../../images/bg_top.gif) repeat-x top; z-index:3}
#container_wrap {min-height:80%;}
.container {position:relative; width:1130px; margin:0 auto;}
* html .container{height: 80%;}
#footer {position:relative; clear:both; height:90px; margin:0 auto; z-index:1}
#content_wrap {position:relative; width:1130px; min-height:600px; margin:0 auto; z-index:2}

/* 상단로고 */

h1 {position:absolute; top:12px; left:0; z-index:10001;}

/* 상단GNB */
#gnb_wrap { position:relative; width:1130px; margin:0 auto;}
#gnb {position: absolute; width:1130px; left:0; top:63px; height:49px; font-size:20px;overflow:hidden; z-index: 9999;}
#gnb li {float:left; text-align:center}
#gnb li a {display:block;width:226px; height:49px; line-height:49px}
#gnb li a:hover, #gnb li a.hover, #gnb li a:focus, #gnb li a:active { background:#072d53; color:#fff}

/* sidebar */
#sidebar{ float:left; width:220px; margin:0 28px 20px 0; font-size:12px; border-left:1px solid #ccc; border-right:1px solid #ccc}
#sidebar h2 {height:90px; text-indent:-5000px; background:url(../../images/bg_lnb.jpg) no-repeat; background-repeat:no-repeat;}
/* lnb */
ul#lnb { width:220px;}
ul#lnb > li > a, 
ul#lnb > li > a:link, 
ul#lnb > li > a:visited{ display:block; padding-left:10px; margin:0; line-height:46px; font-size:16px; color:#333; border-bottom:1px solid #ccc;}
ul#lnb > li > a:hover, 
ul#lnb > li > a:focus, 
ul#lnb > li > a:active, 
ul#lnb > li > a.hover, 
ul#lnb > li > a:link.hover, 
ul#lnb > li > a:visited.hover{ color:#fff; background:#072d53 url(../../images/bg_lnb_arw.png) no-repeat 203px 16px; text-decoration:none}
ul#lnb > li > ul{ background:#eee; border-bottom:1px solid #ccc; padding:10px 0}
ul#lnb > li > ul > li > a, 
ul#lnb > li > ul > li > a:link, 
ul#lnb > li > ul > li > a:visited{ display:block; padding-left:28px; margin:0; line-height:24px; font-size:14px; color:#666;}
ul#lnb > li > ul > li > a:hover, 
ul#lnb > li > ul > li > a:focus, 
ul#lnb > li > ul > li > a:active, 
ul#lnb > li > ul > li > a.hover, 
ul#lnb > li > ul > li > a:link.hover, 
ul#lnb > li > ul > li > a:visited.hover{ color:#072d53; background:url(../../images/blt_lnb.gif) no-repeat 14px 8px; text-decoration:none; }

/* 컨텐츠 */
#contents {position:relative; float:left; width:880px; margin:0 0 20px 0; color:#444; font-size:14px;}
.one #contents {position:relative; float:left; width:1130px; margin:0 0 20px 0; color:#444; font-size:14px;}
#location {position:absolute;	top:37px; right:0; height:27px; padding:5px 0 0 0; font-size:12px; color:#666;font-family:'notokr-demilight'; z-index:10000; display:inline-block;}
#location a:link, #location a:visited { color:#666;}
#location a:hover, #location a:focus, #location a:active { text-decoration:underline}
#location dt {float:right; margin-left:12px; color:#000;}
#location dd {float:right;margin-left:12px; padding-right:15px; background:url(../../images/ico_path.gif) no-repeat right 4px;}
#location dd img{float:right; vertical-align:middle; padding-bottom:2px;}

#locations {position:absolute;	top:37px; right:0; height:27px; padding:5px 0 0 0; font-size:12px; color:#666;font-family:'notokr-demilight'; z-index:10000; display:inline-block;}
#locations a:link, #location a:visited { color:#666;}
#locations a:hover, #location a:focus, #location a:active { text-decoration:underline}
#locations dt {margin-left:12px; color:#000; display:inline-block;}
#locations dd {margin-left:12px; padding-right:15px; background:url(../../images/ico_path.gif) no-repeat right 4px; display:inline-block;}
#locations dd img{vertical-align:middle; padding-bottom:2px; display:inline-block;}

.one #location a:link, #location a:visited { color:#fff;}
.one #location dt {color:#fff; margin-right:20px}
.one #location dd {background:url(../../images/ico_path_w.gif) no-repeat right 4px}


#contents h2 { position:relative; clear:both; margin:0 0 15px 0; padding:24px 0 15px 0;font-family:'notokr-bold','Malgun Gothic';font-size:25px; color:#000; border-bottom:1px solid #ccc}
.one #contents h2 { background:url(../../images/bg_h2.png) no-repeat }
#contents h2 span.print { position:absolute; top:8px; right:20px}
#contents h3 {clear:both; background:url(../img/common/blt_10px.gif) no-repeat 10px 10px; padding-left:30px; margin-bottom:10px; font-size:1.385em ; color:#000}


/* 하단 */
#footer{font-size:0.750em; color:#fff; line-height:16px; background:#54595b}
.footer_logo{position:absolute;left:0;top:16px;}
address{position:absolute;left:220px;top:24px}
.nurimk{position:absolute;right:0;top:16px}
#footer ul{margin-top:7px; margin-left:200px;}
#footer ul li{ float:left; margin:0 14px 0 0;}
#footer ul li a{ color:#000; font-size:13px}
#footer ul li a.smap{ color:#777;}
#footer ul li a:hover{ color:#39C}
address span.s{ font-size:11px; color:#999; letter-spacing:-1px; padding-top:10px}
