@charset 'utf-8';
/*
	■ 설명: 공용 CSS, Main CSS, Sub Page Guide
	■ 파일명: base.css
	■ 작성자: 설미현
	■ 마지막 수정자: 설미현
	■ 최초 작성일: 2008-12-08
	■ 마지막 수정일: 2009-01-02
*/

html, body {width:100%;height: 100%;background:#FFFFFF;border:0;margin:0;padding:0;color:#888;font-family:돋움,Dotum,Verdana, Arial, SunSans-Regular, Sans-Serif; font-size: 10pt;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
ol, ul, li, dl, dt, dd {margin: 0;padding: 0;list-style-type: none;vertical-align:top;}
form, input, select, p, div, span {margin:0;padding:0;}
input, select, button, textarea {font-family:Verdana, Arial, SunSans-Regular, Sans-Serif;font-size:9pt;color:#888;}
textarea {overflow: auto;border:1px solid #ccc;padding: 5px;}
select {behavior: url(/eng/css/select.htc);CURSOR:hand}
img {border : 0;}
form {display:inline;}
hr, legend {display:none;}
.ac {text-align:center !important;}
.at {vertical-align:top !important;}
.ab {vertical-align:bottom;}
.ar {text-align:right !important;}
.aj {text-align:justify;}
input.ar {text-align:right !important;padding-right:3px !important;}
.absR {position:absolute;right:0;}
.absL {position:absolute;left:0;}
.al {text-align:left !important;}
.btSec {text-align:center;margin:10px 0;}
.btSec02 {text-align:left;margin:10px 0;}
.btSec03 {text-align:right;margin:10px 0;}
.btSecR {position:absolute;right:0;margin-top:3px;}
.pre {white-space: pre}
.hand {cursor:pointer;}
.b {font-weight:bold !important;}
.n {font-weight:normal;}
.u {text-decoration:underline !important;}
.l {float:left;}
.r {float:right !important;}
.cl {clear:both;}
.static {float:none !important;}
.sp {letter-spacing:-1px;}
.sp0 {letter-spacing:0;}
.sp1 {letter-spacing:1px;}
.wp {word-spacing:-1px;}
.input1 {border:1px solid #e0e0e0;padding:4px;}
A, A:link, A:visited, A:hover {color:#737373;text-decoration:none;}
A.overu:hover {color:#666;text-decoration:underline;}

/* GUIDE */
#main-body-style {width: 100%;background: url(../img/main/main_top_bg.jpg) left top repeat-x;}
#main-wrap {width:980px;margin: 0px auto;}
#body-style {width: 100%;background: url(../img/common/top_bg.jpg) left top repeat-x;}
#head {width:980px;margin:0px auto;height:250px;position:relative;z-index:1;}
#head-main {width:980px;margin:0px auto;height:250px;position:relative;z-index:1;}
#wrap {width:754px;height:60px;margin:0px auto;background: url(../img/common/content-bg.gif) no-repeat;padding: 0px 30px;}
#head-wrap {text-align:center;}
#head-wrap ul {	float:right;margin-right:25px;}
#head-wrap ul li {float:left;height:11px;margin-top:23px;}
#head-wrap ul li a {display:block;height:11px;text-indent:-10000px;}
#head-wrap ul li#home a:link, #head-wrap ul li#home a:visited, #head-wrap ul li#home a:hover {width:40px;background:url(../img/common/head_home.gif) no-repeat;}
#head-wrap ul li#home a:hover {width:40px;background:url(../img/common/head_home_.gif) no-repeat;}
#head-wrap ul li#login a:link, #head-wrap ul li#login a:visited, #head-wrap ul li#login a:hover {width:41px;background:url(../img/common/head_login.gif) no-repeat;}
#head-wrap ul li#login a:hover {width:41px;background:url(../img/common/head_login_.gif) no-repeat;}
#head-wrap ul li#contact_us a:link, #head-wrap ul li#contact_us a:visited, #head-wrap ul li#contact_us a:hover {width:65px;background:url(../img/common/head_contactus.gif) no-repeat;}
#head-wrap ul li#contact_us a:hover {width:65px;background:url(../img/common/head_contactus_.gif) no-repeat;}
#head-wrap ul li#korean a:link, #head-wrap ul li#korean a:visited, #head-wrap ul li#korean a:hover {width:44px;background:url(../img/common/head_korean.gif) no-repeat;}
#head-wrap ul li#korean a:hover {width:44px;background:url(../img/common/head_korean_.gif) no-repeat;}
#head-wrap h1 {clear:both;padding:26px 0 24px 0;} 
#head-wrap h1 a {display:block;width:257px;height:34px;background:url(../img/common/knc_logo.png) no-repeat;text-indent:-10000px;margin: 0px auto;}
#main-gnb {width:980px;height:57px;}
#gnb {width:980px;height:70px;}
h2 {display:none;}
h3 {float:left;width:350px;height:16px;margin-top:10px;margin-bottom:36px;}
#crumbs {float:right;height:9px;margin-top:13px;padding-left:10px;color: #CBBFB2;font-size:80%;background: url(../img/common/crumb_bullet.gif) left 4px no-repeat;letter-spacing:-1px;font-family:Verdana, Arial, SunSans-Regular, Sans-Serif;}
	.crumblast {color: #CB9583;font-weight:bold;}
	A.crumb, A.crumb:link, A.crumb:visited, A.crumb:hover {color:#CBBFB2;text-decoration:none;}
	A.crumb:hover {color:#CBBFB2;text-decoration:underline;}
#body {min-height: 100%;margin: -250px 0 -113px;font-family:Verdana, Arial, SunSans-Regular, Sans-Serif;}
* html #body {height: 100%;}
#content-wrap {width:754px;margin:0 auto;padding: 250px 0 113px;}
#contents {border:7px solid #F0EDEC;padding:20px;font-size:80%;line-height:180%;}
#contents_v2 {clear:both;padding:10px;font-size:80%;line-height:180%;}
#contents_tab {clear:both;font-size:80%;line-height:180%;}
#contents_in {border:7px solid #F0EDEC;padding:20px;}
#main-contents {background:url(../img/main/main_img.jpg);}
#main-footer-wrap {width:100%;height:78px; margin-top:180px; background: url(../img/common/bot_bg.jpg) left bottom repeat-x; text-align:center;}
#footer-wrap {width:100%;height:78px;margin-top:35px; background: url(../img/common/bot_bg.jpg) left bottom repeat-x; text-align:center;}
#footer {width:462px;margin:0 auto;}
#footer ul {width:210px;float:left;}
#footer ul li {float:left;height:12px;}
#footer ul li a {display:block;height:12px;text-indent:-10000px;}
#footer ul li#sitemap a:link, #footer ul li#sitemap a:visited, #footer ul li#sitemap a:hover {width:61px;background:url(../img/common/f_sitemap.gif) no-repeat;}
#footer ul li#sitemap a:hover {width:61px;background:url(../img/common/f_sitemap_.gif) no-repeat;}
#footer ul li#contactus a:link, #footer ul li#contactus a:visited, #footer ul li#contactus a:hover {width:74px;background:url(../img/common/f_contactus.gif) no-repeat;}
#footer ul li#contactus a:hover {width:74px;background:url(../img/common/f_contactus_.gif) no-repeat;}
#footer ul li#disclaimer a:link, #footer ul li#disclaimer a:visited, #footer ul li#disclaimer a:hover {width:75px;background:url(../img/common/f_disclaimer.gif) no-repeat;}
#footer ul li#disclaimer a:hover {width:75px;background:url(../img/common/f_disclaimer_.gif) no-repeat;}
#footer address {float:left;width:252px;height:12px;background:url(../img/common/f_copyright.gif) no-repeat;text-indent:-10000px;}

/* Main News */
#main-news {position:absolute;zindex:1;left:50%;top:409px;width:904px;height:230px;margin-left: -452px;background:#FFFFFF;font-size:8pt;opacity:0.8; filter:alpha(opacity=80); -ms-filter:"alpha(opacity=80)"}
#main-news #news_release, #main-news #news_view {float:left;font-family:Verdana, Arial, SunSans-Regular, Sans-Serif;}
#main-news #news_release_h2, #main-news #news_view_h2 {width:447px;height:15px;padding-top:6px;border-top:2px solid #916e37;border-bottom:1px solid #916e37;}
#main-news h2 {display:block;width:200px;height:10px;text-indent:-10000px;float:left;}
#main-news #news_release_h2 a, #main-news #news_view_h2 a {display:block;float:right;height:10px;margin-right:31px;color:#a99488;font-weight:bold;}
#news_release_h2 span, #news_view_h2 span {font-family:Dotum;}
#main-news #news_release {margin-right:10px;}
#main-news #news_release h2 {background:url(../img/main/news_release.jpg) 31px 0 no-repeat;}
#main-news #news_view h2 {background:url(../img/main/news_view.jpg) 32px 0 no-repeat;}
#main-news #news_release ul {margin-top:21px;}
#main-news #news_release ul li {width:375px;border-left:1px solid #ded7d2;padding-left:14px;margin:0 0 16px 32px;color:#937e5c;line-height:160%;}
#main-news #news_release ul li p, #main-news #news_view dl dt p {color:#937e5c;}
#main-news #news_release ul li strong, #main-news #news_view dl dt strong {color:#9b7942;}
#main-news #news_release ul li a, #main-news #news_view dl dt a {color:#937e5c;}
#main-news #news_view dl {display:block;width:414px;margin:17px 0 0 33px;line-height:180%;}
#main-news #news_view dl dt img {float:left;border:1px solid #b58b76;margin:0 7px 12px 0;}
#main-news #news_view dl dt p {margin-top:5px;}
#main-news #news_view dl dd {clear:both;color:#b9a585;}



/* Print */
@media print {
	#head, .btSec03 {
		display: none;
	}

	#body {min-height: 0;margin: 0;}
	* html #body {height: 0;}
	#content-wrap {width:754px;margin:0 auto;padding: 0;}

}