@charset "utf-8";
@font-face { font-family: '나눔고딕', '맑은 고딕', '돋움', Dotum, AppleGothic, sans-serif; font: '나눔고딕', '맑은 고딕', '돋움', Dotum, AppleGothic, sans-serif; font-style:  normal; font-weight: normal; letter-spacing: -1px;}
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* Skip To Content */
a.skipToContent{ display:block; width:100%; position:absolute; top:0; clear:both; overflow:hidden; height:0; text-decoration:none; text-align:center;}
a.skipToContent:hover,
a.skipToContent:active,
a.skipToContent:focus{ height:auto; margin:0 0 10px 0; padding:5px;}

/* Element Reset */
html,
body {font-size:13px; letter-spacing:-0.8px; line-height:18px; color:#464646;}
address { font-style:normal;}
img,
fieldset{ border:0; margin:0; padding:0;}
form{ margin:0;}
legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}
hr{ display:none;}
sup,
sub{ font-style:normal; font-weight:normal;}

/*폰트 설정*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, del, em, font, img, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font-family: '나눔고딕', '맑은 고딕', '돋움', Dotum, AppleGothic, sans-serif; font: '나눔고딕', '맑은 고딕', '돋움', Dotum, AppleGothic, sans-serif;}

/*전체링크 설정*/
a {	color:#423a2c;	text-decoration: none;}
a:hover {color:#170f05; text-decoration:underline;}

/*머리말 폰트 사이즈 설정*/
h1 { font-size:28px; color:#555555;}
h2 { font-size:26px; color:#555555;} 
h3 { font-size:18px; line-height:28px; color:#1d5a6f; }
h4 { font-size:14px; font-weight:bold; }
h5 { font-size:13px; color:#7f7f7f;}
h6 { font-size:12px; font-weight:bold; }
h7 { font-size:11px; color:#1d5a6f;}

/* Layout 백그라운드 설정*/
div.green{ background:url(../img/bgGreen.jpg) repeat-x;}
div.greenSub{ background:url(../img/bgGreenSub.jpg) repeat-x;}
div.gray{ background:url(../img/bgGray.jpg) repeat-x;}
div.graySub{ background:url(../img/bgGraySub.jpg) repeat-x;}

/* PNG 24 투명처리*/
.iePngFix {
 BEHAVIOR: url(/common/js/iePngFix.htc)
}

#container{ margin:0 20px;}
#top { width:960px; height:350px; overflow:hidden;}
div.greenSub #top { width:960px; height:100px; overflow:visible;}
div.graySub #top { width:960px; height:100px; overflow:visible;}
#header { width:960px;  padding-top:15px; float:left; display:block; z-index:3;}
#menulinks {width:960px; height:49px; _margin:0 0 -50px 0; background:url(../img/menulinks.jpg) repeat-x; clear:both; display:block; z-index:2;}
#body{padding-top:20px; margin:20px 0 0 0; _margin: 80px 0 0 0; z-index:1;}
.fixed .c #body{ background:none; margin-bottom:30px;}
#body .extension{ margin-bottom:60px;}
.fixed .ce #body #content, 
.fixed .ec #body #content{ padding-bottom:60px; width:660px;}
.fixed .ce #body .e1, 
.fixed .ec #body .e1{ width:260px;}

/* Header */
#header a{ text-decoration:none;}
#header a:hover,
#header a:active,
#header a:focus{ text-decoration:underline;}

#header h1{ margin:0; position:relative; top:10px;}
#header h1 a{ display:block; margin:0; height:40px; width:200px;  text-decoration:none;}
#header h1 span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; }

#header .account{ position:absolute; top:10px; right:0; margin:0; padding:0; z-index:1;}
#header .account li{ position:relative; float:left; list-style:none; background-image:url(../img/lineHeaderVr.gif); background-repeat:no-repeat; height:11px; background-position:left center;}
div.graySub #header .account li{ position:relative; float:left; list-style:none; background-image:url(../img/lineHeaderVrSub.gif); background-repeat:no-repeat; height:11px; background-position:left center; }
#header .account li *{ vertical-align:top;}
#header .account li li{ float:none; height:auto; background-image:none;}

#header .account li.home{ background-image:none; font-size:0; line-height:0;}
div.graySub #header .account li.home{ background-image:none; font-size:0; line-height:0;}
#header .account li.home a{ display:block; width:10px; height:11px; padding:0px 8px; background-image:url(../img/buttonHome.gif); background-repeat:no-repeat; background-position:center 0px; text-decoration:none;}
#header .account li.home a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}

#header .account li.favorite{ font-size:0; line-height:0;}
#header .account li.favorite a{ display:block; width:39px; height:11px; padding:0px 8px; background-image:url(../img/buttonFavorite.gif); background-repeat:no-repeat; background-position:center 0px; text-decoration:none;}
#header .account li.favorite a span{ position:relative; width:39; height:11; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}

#header .account li.way{ font-size:0; line-height:0;}
#header .account li.way a{ display:block; width:95px; height:11px; padding:0px 8px; background-image:url(../img/buttonWay.gif); background-repeat:no-repeat; background-position:center 0px; text-decoration:none;}
#header .account li.way a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}

#header .account li.rss{ font-size:0; line-height:0;}
#header .account li.rss a{ display:block; width:10px; height:11px; padding:0px 8px; background-image:url(../img/iconRss.gif); background-repeat:no-repeat; background-position:center 0px; text-decoration:none;}
#header .account li.rss a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}

#header .account li.mixsh{ font-size:0; line-height:0;}
#header .account li.mixsh a{ display:block; width:10px; height:11px; padding:0px 8px; background-image:url(../img/iconRss.gif); background-repeat:no-repeat; background-position:center 0px; text-decoration:none;}
#header .account li.mixsh a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}


#header .account li.log{ font-size:0; line-height:0;}
#header .account li.log a{ display:block; padding:0px 10px 0 10px;}

#header .account li.profile{font-size:0; line-height:0;}
#header .account li.profile button{ border:0; vertical-align:middle; padding:0px; width:50px; height:11px; line-height:0; font-size:0; cursor:pointer; background-color:transparent; background-image:url(../img/buttonProfile.gif); background-repeat:no-repeat; background-position:center -1px; overflow:visible;}
#header .account li.profile button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}

#header .account li.profile .memberProfile{ font-size:12px; line-height:normal;}
#header .account li.profile .memberProfile{ display:none; position:absolute; top:15px; left:8px; width:150px; padding:20px; background:#fff; border:2px solid #737373;}
#header .account li.profile .memberProfile.active{ display:block; }
#header .account li.profile .memberProfile .authorName{ margin:0 0 8px 0; font-size:16px; font-weight:bold; color:#333; white-space:nowrap;}
#header .account li.profile .memberProfile ul{ margin:0; padding:15px 15px 5px 15px; list-style:none; border:1px solid #f2f2f2; background:#fcfcfc;}
#header .account li.profile .memberProfile li{ float:none; white-space:nowrap; margin:0 0 10px 0; padding:0 0 0 10px; background:url(../img/bulletB.gif) no-repeat left center;}
#header .account li.profile .memberProfile li a{ background:none; color:#333; text-decoration:none;}
#header .account li.profile .memberProfile li a:hover,
#header .account li.profile .memberProfile li a:active,
#header .account li.profile .memberProfile li a:focus{ text-decoration:underline;}
#header .account li.profile .memberProfile .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(../img/buttonCloseX.gif) no-repeat center center;}
#header .account li.profile .memberProfile .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}

#header .account li.register {font-size:0; line-height:0;}
#header .account li.register a{ display:block; width:39px; height:11px; padding:0px 8px; background-image:url(../img/buttonRegister.gif); background-repeat:no-repeat; background-position:center 0px; text-decoration:none;}
#header .account li.register a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}

#header .account li.language{ position:relative;}
#header .account li.language em{ display:inline-block; height:15px; overflow:hidden; padding:0 8px; font-size:9px; font-style:normal; background-image:url(../img/buttonLanguage.gif); background-repeat:no-repeat; background-position:-92px -10px;}
#header .account li.language em span{ display:inline-block; overflow:hidden; visibility:hidden;}
#header .account li.language em.ko{ background-position:-92px -10px;}
#header .account li.language em.en{ background-position:-92px -25px;}
#header .account li.language em.jp{ background-position:-92px -40px;}
#header .account li.language em.zh-CN{ background-position:-92px -55px;}
#header .account li.language em.zh-TW{ background-position:-92px -70px;}

#header .account li.language button{ height:15px; border:0; padding:0; font-size:0; line-height:0; overflow:visible; cursor:pointer; background-image:url(../img/buttonLanguage.gif); background-repeat:no-repeat; background-position:-92px 5px; background-color:transparent;}
#header .account li.language button span{ font-size:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden;}
#header .account li.language .sLanguage{ position:relative; width:100px; text-align:right;}
#header .account li.language .sLanguage span{ font-size:0; line-height:0; letter-spacing:-100px; display:inline-block; visibility:visible; width:100%; height:15px; background-image:url(../img/buttonSelectLanguageToggle.gif); background-repeat:no-repeat; background-position:85px 4px;}
#header .account li.language.open .sLanguage span{ background-position:85px -6px;}
#header .account li.language .languageList{ display:none; width:98px; margin:0; padding:5px 0; position:absolute; top:20px; right:0; background:#fff; border:1px solid #eee;}
#header .account li.language.open .languageList{ display:block; z-index:999;}
#header .account li.language .languageList button{ width:100%;}
#header .account li.language .languageList .ko button{ background-position:-92px -10px;}
#header .account li.language .languageList .en button{ background-position:-92px -25px;}
#header .account li.language .languageList .jp button{ background-position:-92px -40px;}
#header .account li.language .languageList .zh-CN button{ background-position:-92px -55px;}
#header .account li.language .languageList .zh-TW button{ background-position:-92px -70px;}

#header .account li.language .languageList li { display:none;}
#header .account li.language .languageList .ko,
#header .account li.language .languageList .en,
#header .account li.language .languageList .jp,
#header .account li.language .languageList .zh-CN,
#header .account li.language .languageList .zh-TW,

/* GNB */
#menulinks .gnb{width:960px; height:49px; left:0; bottom:0; margin:0; padding:0; list-style:none;}
#menulinks .gnb li{ position:relative; top:2px; float:left; display:block; margin:0 10px 0 0; line-height:49px; height:49px;}
#menulinks .gnb li a{float:left; display:block; padding:0 25px; line-height:49px; height:49px; text-decoration:none !important;}
#menulinks .gnb li a{font-weight:bold; text-transform:uppercase; font-size:14px; }
#menulinks .gnb li a span{padding-top:10px;}
#menulinks .gnb li a:hover , 
#menulinks .gnb li.selected { text-decoration:none; background:url(../img/menuhover.jpg); color:#5999E5;}

/* GNB Sub_menu */
.mainmenu ul {position:absolute; display:none; background:#FFFFFF; padding:0px; left:0px; top:49px; border:1px solid #CCCCCC; width:200px;}
#menulinks .gnb li {position:relative; }
#menulinks .gnb ul li {padding:0px; line-height:35px; height:35px; clear:both; width:200px; margin:0px; display:block; text-align:left; }
#menulinks .gnb ul li a {position:relative; top:-2px; line-height:35px; height:35px; float:none; font-size:13px; display: block; padding:0px 0 0 10px;}
#menulinks .gnb li:hover ul, 
#menulinks .gnb li:hover ul ul, 
#menulinks .gnb li:hover ul ul ul, 
#menulinks .gnb li:hover ul ul ul ul{display:none;}
#menulinks .gnb li:hover ul,
#menulinks .gnb li li:hover ul,
#menulinks .gnb li li li:hover ul,
#menulinks .gnb li li li li:hover ul{display:block;}
.menuOver ul{display:block;}

/* Sitemap */
#sitemap a{ text-decoration:none;}
#sitemap a:hover,
#sitemap a:active,
#sitemap a:focus{ text-decoration:underline;}

#sitemap .extension{ *zoom:1;}
#sitemap .extension:after{ content:""; display:block; clear:both;}
#sitemap .extension .section{ float:left; width:150px; margin:0; padding:0 0 0 10px; background:url(../img/lineKneeVr.gif) repeat-y 0 0;}
#sitemap .extension .section.logo{ background:none; padding:0 10px 0 0;}
#sitemap .extension .section h2{ font-size:12px; margin:0 0 10px 0;}
#sitemap .extension .section a{ color:#808080;}
#sitemap .extension .section ul{ margin:0; padding:0; list-style:none;}
#sitemap .extension .section li{ margin-bottom:6px;}

/* Footer */
#footer a{ text-decoration:none;}
#footer a:hover,
#footer a:active,
#footer a:focus{ text-decoration:underline;}

#footer address{ float:right; color:#8b8b8b;}

#footer { background:url(../img/footer.jpg) repeat-x top center; height:365px; margin:20 0 0 0; overflow:hidden; z-index:1;}

#subfooter { background:url(../img/footerInner.jpg) repeat-x top center; width:960px; margin:auto; height:290px; overflow: hidden; text-align:left; clear:both;}
#subfooter .widget { float:left; display:block; width:300px; margin:0 30px 0 0;}
#subfooter .widgetRight {margin:0px;}
#subfooter .widgetRight .inner{}
#subfooter .widgetRight .inner ul{padding:5px 0 0 5px;}
#subfooter .widgetRight .inner li a{text-decoration:none !important; }
#subfooter .widget, #subfooter .widget p, #subfooter .widget ul, #subfooter .widget h2, #subfooter .widget h3, #subfooter .widget a {color:#FFFFFF;}
#subfooter .widget p {font-size:14px;line-height:20px;margin:0 0 15px 0;}
#subfooter .widget li {list-style:none;}
#subfooter .widget li.floatleft h3 {float:left;display:block;width:60px;}
#subfooter .widget li.floatleft p {padding-top:2px;}
#subfooter .widget h3 {font-size:16px;line-height:22px;clear:both;}
#subfooter .widget h2 {font-size:24px;margin:8px 0 20px 0;line-height:50px;width:300px;line-height:50px;}
#subfooter .widget h2 span {font-weight:normal;}
#subfooter .widget h3 {	margin:0px;}

/*찾아가는 길 메뉴*/
#subfooter .way_menu{ position:relative; height:30px; margin:0; padding:0; list-style:none;  *zoom:1;}
#subfooter .way_menu:after{ content:""; display:block; clear:both;}
#subfooter .way_menu ul{ display:none; position:absolute; width:300px; top:20px; left:0; border:0; }
#subfooter .way_menu li{ float:left; margin-right:-1px; margin-bottom:-1px; *zoom:1;}
#subfooter .way_menu li a{ float:left; display:block; padding:0 25px 0 0; line-height:20px; height:20px; text-decoration:none !important; }
#subfooter .way_menu li.active a{color:#F7CA3A;}
#subfooter .way_menu li a:hover , 
#subfooter .way_menu li.active { text-decoration:none; color:#F7CA3A;}

#subfooter .way_menu li.active ul{ display:block;}

#footerBottom { width:960px; margin:auto; height:60px; clear:both; }
#footerBottom p { float:right; display:block; font-weight:bold; padding:35px 0 0 5px; margin:0px; text-align:right; color:#FFFFFF; }
#footerBottom p a { color:#FFFFFF;}

#footerBottom .socialicon{float:right; margin-left:5px;}
#footerBottom .socialicon .rss{ color:#FFFFFF;  padding-left:20px; padding-top:5px;  background:url(../img/iconRss.gif) no-repeat left center; font-size:11px; font-family:Tahoma;}
#footerBottom .socialicon .twitter{ color:#FFFFFF; padding-left:20px; padding-top:5px; background:url(../img/iconTwitter.gif) no-repeat left center; font-size:11px; font-family:Tahoma;}
#footerBottom .socialicon .facebook{ color:#FFFFFF; padding-left:20px; padding-top:5px; background:url(../img/iconFacebook.gif) no-repeat left center; font-size:11px; font-family:Tahoma;}

/*
#subfooter .way_menu li ul {position:absolute; display:none; padding:0px; left:0px; top:10px; border:1px solid #CCCCCC; width:300px; }
#subfooter .way_menu li:hover ul, 
#subfooter .way_menu li:hover ul ul, 
#subfooter .way_menu li:hover ul ul ul, 
#subfooter .way_menu li:hover ul ul ul ul{display:none;}
#subfooter .way_menu li:hover ul,
#subfooter .way_menu li li:hover ul,
#subfooter .way_menu li li li:hover ul,
#subfooter .way_menu li li li li:hover ul{display:block;}
*/


/* LNB */
.lnb a{ text-decoration:none;}
.lnb a:hover,
.lnb a:active,
.lnb a:focus{ text-decoration:underline !important;}

.lnb{ margin-bottom:50px;}
.lnb h2{ margin:0 0 50px 0; padding:0 0 0 20px; font:normal 24px Tahoma;}
.lnb h3{ margin:0 0 12px 0; padding:0 0 0 20px; font-size:12px;}
.lnb h3 a{ color:#000;}
div.blue .lnb h2,
div.blue .lnb h2 a{ color:#6d55e5;}
.sky .lnb h2,
.sky .lnb h2 a{ color:#4e70b5;}
div.cyan .lnb h2,
div.cyan .lnb h2 a{ color:#48b2b1;}
div.purple .lnb h2,
div.purple .lnb h2 a{ color:#8f3190;}
div.orange .lnb h2,
div.orange .lnb h2 a{ color:#fdaa00;}
.lnb ul{ margin:0 0 40px 0; padding:0 0 0 20px; list-style:none;}
.lnb ul ul{ margin:10px 0 10px 0;}
.lnb li{ margin-bottom:7px; font-size:11px;}
.lnb li a{ color:#4d4d4d;}
.lnb li.active a{ font-weight:bold; text-decoration:underline;}
.lnb li.active li a{ font-weight:normal; text-decoration:none;}
div.blue .lnb li.active a{ color:#6d55e5;}
.sky .lnb li.active a{ color:#4e70b5;}
div.cyan .lnb li.active a{ color:#48b2b1;}
div.purple .lnb li.active a{ color:#8f3190;}
div.orange .lnb li.active a{ color:#fdaa00;}
div.blue .lnb li.active li a,
.sky .lnb li.active li a,
div.cyan .lnb li.active li a,
div.purple .lnb li.active li a,
div.orange .lnb li.active li a{ color:#4d4d4d;}
div.blue .lnb li.active li.active a{ color:#6d55e5;}
.sky .lnb li.active li.active a{ color:#4e70b5;}
div.cyan .lnb li.active li.active a{ color:#48b2b1;}
div.purple .lnb li.active li.active a{ color:#8f3190;}
div.orange .lnb li.active li.active a{ color:#fdaa00;}

#body .extension .dLink{ padding:0 0 0 20px;}
#body .extension .dLink img{ border:none; }

/* modalWindow */
.loginWindow{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:300;} 
.loginWindow.open{ display:block;}
.loginWindow .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:#000; opacity:.3; filter:alpha(opacity:30);}
.loginWindow .loginLayer{ position:absolute; width:289px; top:120px; left:50%; padding:30px; border:2px solid #737373; margin:0 0 0 -175px; background:#fff;}
.loginWindow .loginLayer form{ display:none; *zoom:1; margin:0 0 29px 0;}
.loginWindow .loginLayer form:after{ content:""; display:block; clear:both;}
.loginWindow .loginLayer form legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
.loginWindow .loginLayer fieldset{ border:0; margin:0; padding:0;}
.loginWindow .loginLayer.loginTypeA form.typeA,
.loginWindow .loginLayer.loginTypeB form.typeB{ display:block;}
.loginWindow .loginLayer dl{ margin:0; padding:0 0 1px 0;}
.loginWindow .loginLayer dt{ font-size:12px; font-weight:bold; color:#868d95; margin:0 0 2px 0;}
.loginWindow .loginLayer dd{ margin:0 0 21px 0;}
.loginWindow .loginLayer .inputText{ width:269px; height:31px; padding:6px 9px 0 9px; border:1px solid #ddd; font:20px Tahoma; color:#333;}
.loginWindow .loginLayer .inputText:focus{ background-color:#fbfbfb;}
.loginWindow .loginLayer .inputCheck{ margin:0 3px 0 0; width:13px; height:13px; vertical-align:middle;}
.loginWindow .loginLayer.loginTypeA .inputText{ background-image:url(../img/bgLoginText.gif); background-repeat:no-repeat; background-position:right top;}
.loginWindow .loginLayer.loginTypeB .inputText{ background-image:url(../img/bgOpenidText.gif); background-repeat:no-repeat; background-position:right top; padding:6px 9px 0 35px; width:243px;}
.loginWindow .loginLayer .keep{ margin:0; float:left; font-size:11px; line-height:normal; white-space:nowrap;}
.loginWindow .loginLayer .keep label{ color:#555;}
.loginWindow .loginLayer .loginButton,
.loginWindow .loginLayer .loginButton input{ position:relative; border:0; color:#fff; font-size:12px; font-weight:bold; display:inline-block; height:36px; line-height:36px; background-color:transparent; background-image:url(../img/buttonLoginAction.gif); background-repeat:no-repeat; overflow:visible;}
.loginWindow .loginLayer .loginButton{ float:right; background-position:0 0; right:11px;}
.loginWindow .loginLayer .loginButton input{ left:11px; background-position:right 0; padding:0 30px 0 45px; cursor:pointer;}
.loginWindow .loginLayer .help{ margin:0 -30px -30px -30px; padding:14px 0; list-style:none; text-align:center; background:#fafafa; border-top:1px solid #f2f2f2;}
.loginWindow .loginLayer .help li{ display:inline; font-size:11px; line-height:11px; padding:0 0 0 5px;}
.loginWindow .loginLayer .help li.join{ font-weight:bold;}
.loginWindow .loginLayer .help li.find{ border-left:1px solid #b3b3b3;}
.loginWindow .loginLayer .help li.typeA,
.loginWindow .loginLayer .help li.typeB{ display:none; border-left:1px solid #b3b3b3;}
.loginWindow .loginLayer.loginTypeA .help li.typeA,
.loginWindow .loginLayer.loginTypeB .help li.typeB{ display:inline;}
.loginWindow .loginLayer .help li a{ text-decoration:none; color:#555;}
.loginWindow .loginLayer .help li a:hover,
.loginWindow .loginLayer .help li a:active,
.loginWindow .loginLayer .help li a:focus{ text-decoration:underline;}
.loginWindow .loginLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(../img/buttonCloseX.gif) no-repeat center center;}
.loginWindow .loginLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}

/*screenshot*/
div.green #screenshot { width:510px; height:310px; float:right; display:block; position:relative; margin:0 35px 0 0; _margin: -25px 18px 0 0; z-index:1;}
div.gray #screenshot { width:510px; height:310px; float:right; display:block; position:relative; margin:0 35px 0 0; _margin: -25px 18px 0 0; z-index:1;}
/*#screenshot .circles{ height:49px;}
#screenshot .circles a { float:right; width:12px; height:12px; margin:25px 0 0 10px; }*/
#screenshot .inner { position:relative; overflow: hidden; width:510px; height:310px; margin:0px; _margin: 0px; z-index:1;}
#screenshot img { position:absolute; }

/*banner */
#banner {width:380px; height:250px; padding-top:20px; margin:50px 0 0 0; float:left; display:block; _margin: 35px 0 0 0;}
#banner div { position:relative; width:380px; height:200px; cursor:pointer;}

/* Search */
#header .search{ position:absolute; right:0; bottom:0; width:158px; height:32px; z-index:1;}
#header .search *{ vertical-align:middle;}
#header .search .inputText{ position:absolute; top:9px; left:20px; border:0; background:#fff; width:110px; height:15px; padding:0; font-size:12px;} 
#header .search .inputSearch{ position:absolute; top:9px; left:135px;}

/*IE6에서 div:fover 사용하기*/
.mainmenu {
	behavior: expression(
		this.onmouseover = new Function("this.className += ' menuOver';"),
		this.onmouseout = new Function("this.className = this.className.replace(' menuOver', '');"),
		this.style.behavior = null
	);
	}
}