@charset "utf-8";
/* CSS Document */

/*HTML Reset*/
body, input, textarea, select, button{font-size:12px; font-family:Tahoma; color:#666666;}
*{margin:0; padding:0; line-height:130%;}
hr{display:none; height:0;}
html, body{margin:0px; padding:0px; border:0;}
div{ padding:0; margin:0;}
button{cursor:pointer;}
ul{list-style:none;}
img{border:0;}
a:link{}
a:visited{}
a:active{}
a:focus{}
p{line-height:120%; margin-bottom:20px;}
/* layout */
body{background:url(../images/bodyBg.gif) repeat-x 0 0;}
.wrap{width:960px; margin:0 auto; padding:0; background:url(../images/headerBg.gif) no-repeat; position:relative;} 
.header{height:140px; width:100%; padding:0; position:relative; top:0;}
/*.footer{ background:yellow;}*/   
.hide{font-size: 0;height: 1px;line-height: 0;margin: 0;overflow: hidden;padding: 0;position: absolute;visibility: hidden;width: 1px;}
.title{position:absolute; top:15px; left:5px;}
.logo{position:absolute; top:15px; right:10px;}

.skip {
	line-height:0; margin: 0px -1px -1px 0px; width: 1px; display:block; height: 1px; font-size:0px; overflow: hidden;
}
.skip:hover, .skip:active, .skip:focus {height:30px; width:900px; color:#096; font-size:12px; font-weight:bold; background:#CCC;line-height:1; text-decoration:none; background:url(../images/skipBg.gif) no-repeat left bottom; position: absolute; z-index:1000;}
.skip:hover span, .skip:active span, .skip:focus span{font-size: 0;height: 1px;line-height: 0;margin: 0;overflow: hidden;padding: 0;position: absolute;visibility: hidden;width: 1px;} 



/* 주메뉴 */
.gnb{height:30px; width:900px; position:absolute; top:101px;}
.gnb a{display:block;}
.gnb ul {list-style:none; margin:0; padding:0; margin-top:6px; margin-left:20px; }
.gnb ul:after{content:""; display:block; clear:both;}
.gnb ul li{position:absolute; top:6px;}
.gnb ul li a{ background:url(../images/gnbBtn.gif) no-repeat 0 0; display:block; height:30px; overflow:hidden;}
.gnb ul li a span{ font-size: 0; height: 1px;line-height: 0;margin: 0;overflow: hidden;padding: 0;position: absolute;visibility: hidden;width: 1px;}
.gnb ul li.em1 {left:18px; width:82px;}
.gnb ul li.eng_about a{background-position:0px 0px; width:110px;}
.gnb ul li.eng_about a:hover,.gnb ul li.eng_about a:focus,.gnb ul li.eng_about a:active{background:url(../images/gnbBtn.gif) no-repeat left bottom;}
.gnb ul li.eng_about ul a{width:auto;}

.gnb ul li.eng_discover {left:142px; width:130px;}
.gnb ul li.eng_discover a{background-position:-126px 0;}
.gnb ul li.eng_discover a:hover,.gnb ul li.eng_discover a:focus,.gnb ul li.eng_discover a:active{ background:url(../images/gnbBtn.gif) no-repeat -126px bottom;}
.gnb ul li.eng_discover ul{left:-30px; width:500px;}

.gnb ul li.eng_invest {left:277px; width:100px;}
.gnb ul li.eng_invest a{background-position: -270px 0;}
.gnb ul li.eng_invest a:hover,.gnb ul li.eng_invest a:focus,.gnb ul li.eng_invest a:active{ background:url(../images/gnbBtn.gif) no-repeat -270px bottom;}
.gnb ul li.eng_invest ul{left:-200px; width:780px;}

.gnb ul li.eng_library {left:280px; width:70px;}
.gnb ul li.eng_library a{background-position: -380px 0;}
.gnb ul li.eng_library a:hover,.gnb ul li.eng_library a:focus,.gnb ul li.eng_library a:active{ background:url(../images/gnbBtn.gif) no-repeat -380px bottom;}
.gnb ul li.eng_library ul{left:-130px; width:500px;}

.gnb ul li.eng_relate {left:355px; width:115px;}
.gnb ul li.eng_relate a{background-position: -463px 0;}
.gnb ul li.eng_relate a:hover,.gnb ul li.eng_relate a:focus,.gnb ul li.eng_relate a:active{ background:url(../images/gnbBtn.gif) no-repeat -463px bottom;}
.gnb ul li.eng_relate ul{left:-300px; width:630px;}

.gnb ul ul{display:none;}
.gnb ul .on ul{display:block !important; position:absolute; top:30px; z-index:100;}
.gnb ul .on li{float:left; position:relative;}


.gnb ul li ul a{display:inline-block; margin-right:10px;line-height: 130%; font-size:12px; height:20px; width:auto; text-decoration:none; padding-left:10px; color:#555; background:none;}
.gnb ul li ul a:hover,.gnb ul li ul a:focus,.gnb ul li ul a:active{ text-decoration:underline; color:black; background:url(../images/gnbIcon.gif) no-repeat 0px 3px !important;}
.gnb ul .on ul span{display:block; font-size: 12px; height: auto; line-height: 130%; overflow: visible; position: relative; visibility: visible;width: auto;}

.gnb .on .eng_about{background:url(../images/gnbBtn.gif) no-repeat left bottom;}
.gnb .on .eng_discover{background:url(../images/gnbBtn.gif) no-repeat -126px bottom;}
.gnb .on .eng_invest{background:url(../images/gnbBtn.gif) no-repeat -270px bottom;}
.gnb .on .eng_library{background:url(../images/gnbBtn.gif) no-repeat -380px bottom;}
.gnb .on .eng_relate{background:url(../images/gnbBtn.gif) no-repeat -463px bottom;}

.help{position: absolute; right:0; top:111px;}
.help a{display: block; width: 70px; height: 20px; background: url(../images/maccBtn.gif);}
.help a:hover,.help a:focus,.help a:active{background-position: 0 bottom;}

/* 카피라이터 */
/*.footer{ height:75px; padding-top:15px; width:100%; border-top:1px #eee solid; text-align:center; background:url(../images/footerBg.jpg) no-repeat center center; position:relative;}*/
/*.footer{ height:75px; padding-top:15px; width:100%; border-top:1px #eee solid; text-align:center;  position:relative;}*/
.footer a{display:inline; padding:3px; background:none; cursor:pointer;}

.footer a:link {text-decoration:none; color: #000000}   
.footer a:visited {text-decoration:none; color: #000000} 
.footer a:active {text-decoration:none; color:#000000}   

/* 컨텐츠 */
.content h2{font-size: 15px; color: #0e6fb3; letter-spacing: 0px; background:url(../images/hIcon.gif) no-repeat 0 3px; padding-left: 20px;  margin-bottom: 15px;}
.content h3{font-size: 14px; color: #b97b33; letter-spacing: 0px; background:url(../images/hIcon.gif) no-repeat 5px -42px; padding-left: 22px;  margin-bottom: 15px;}
.content h4{font-size: 12px; color: #4d9400; letter-spacing: 0px; background:url(../images/hIcon.gif) no-repeat 10px -94px; padding-left: 25px;  margin-bottom: 15px;}
.content h5{font-size: 12px; color: #767676; font-weight:bold; letter-spacing: -1px; background:url(../images/hIcon.gif) no-repeat 16px -138px; padding-left: 25px;  margin-bottom: 12px;}
.content h6{font-size: 12px; color: #767676; font-weight:normal; letter-spacing: -1px; background:url(../images/hIcon.gif) no-repeat 16px -176px; padding-left: 25px;  margin-bottom: 15px;}
.content ul{margin-bottom: 20px;}
.content li{}
.content li li{padding-bottom: 7px; line-height: 140%; padding-left: 10px; background:url(../images/liBg.gif) no-repeat 0 9px; margin-left: 10px; }

