@charset "utf-8";

/* Default Skin - Start */
/* Site link style */
a:link {color:#555555; text-decoration:none;}
a:visited {color:#555555; text-decoration:none;}
a:hover {color:#555555; text-decoration:none;}
a:active {color:#555555; text-decoration:none ;}

#selectLang { margin:0; padding:0; }
#gnb { margin:0; padding:0; }
#lnb { margin:0; padding:0; }
#lnb ul { margin:0; padding:0; }
a {selector-dummy: expression(this.hideFocus=true);}
body {margin:0; padding:0;}
.site {border:1px solid #d6d6d6;}
.site a {color:#666; font-size:12px; text-decoration:none; font-family:돋움;}
.site a:hover {color:#FF3300;}
.site td td {height:17px;}

/* Site Layout - Body Wrap */
body {  background:url(/images/bg_drop.gif) repeat-x top; line-height:0; }
#bodyWrap { position:relative; margin:0 auto; width:980px; padding:0; line-height:16px; }

#header {position:relative; width:980px; height:172px; z-index:99;}
#logo { position:absolute; left:258px; top:27px;}

#tb {position:absolute; right:5px; top:90px;}
#date {position:absolute; right:12px; top:140px; z-index:99;}
#lm {position:absolute; left:3px; top:98px;}
#lm a { float:left;}
#tit {position:absolute; left:395px; top:43px;}

#favor {position:absolute; left:0; top:3px; }
#log { position:absolute; right:0; top:3px;}

#ban {position:relative; width:230px; text-align:center; margin-top:15px;}

/* Site Layout - search */
#header .search{ position:absolute; right:5px; bottom:48px; width:158px; height:32px; z-index:1;}
#header .search{ background:url(../images/default/bgBlackSearch.gif) no-repeat 16px 6px;}
#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;}

/* Site Layout - main menu */
#mainmenu { position:absolute; top:83px; left:0; width:967px; height:85px; margin:0px; padding:0 0 0 13px; overflow:hidden; background:url(../images/color/bg_blue1.jpg) no-repeat top; }
#gnb { margin-left:60px; }
#gnb li { float:left; list-style:none; }
#gnb li a { display:block; float:left; padding:19px 15px 0 15px; height:33px; color:#fff; text-align:center; white-space:nowrap; text-decoration:none; font:bold 12px 돋움; }
#gnb li a:hover {color:#363636;	background:url(../images/color/blue1-hover.png) repeat-x left top; }
#gnb li a:focus { }
#gnb li.on a {color:#363636; background:url(../images/color/blue1-hover.png) repeat-x left top; }

.gnb_sub { position:absolute; left:10px; top:135px; height:24px; margin:0px; overflow:hidden; }
.gnb_sub li { float:left; list-style:none; position:relative; padding-left:1px; left:-1px; white-space:nowrap;}
.gnb_sub li a { display:block; float:left; padding:6px 6px 0 6px; height:17px; color:#999; white-space:nowrap; text-decoration:none; font-family:돋움; font-size:12px;}
.gnb_sub li a:hover,
.gnb_sub li a:focus { color:#666; }
.gnb_sub li.on a { color:#666; }

/* Site Layout - Content Body */
#contentBody { position:relative; width:100%; margin:0px; overflow:hidden; padding-bottom:7px; }

/* Site Layout - Column Left */
#columnLeft { position:relative; float:right; width:230px;}

/* Site Layout - Column Right */
#columnRight { position:relative; overflow:hidden; float:left; width:735px; }
#content {position:relative; overflow:hidden; width:100%; }

/* Site Layout - Footer */
#footer { margin:0 auto; width:980px; padding:10px 0 10px 0; text-align:center; clear:both; background:#fafafa; border-top:#999 solid 2px; border-bottom:1px solid #ddd; margin-bottom:15px;}
#footer li { display:inline; background:url(../images/white/vrType1.gif) no-repeat left center; margin:0 5px 0 5px;}
#footer li a { color:#666; font:12px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}

#copy { text-align:center; padding-top:15px; padding-bottom:10px; color:#999; font:12px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}

/* modalWindow */
.loginWindow{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:100;} 
.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(../images/default/bgLoginText.gif); background-repeat:no-repeat; background-position:right top;}
.loginWindow .loginLayer.loginTypeB .inputText{ background-image:url(../images/default/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(../images/default/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(../images/default/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;}

/* ----- Quick Menu ----- */
#slideWrap { width:940px; margin:0px auto;}
#slideWrap .slideArea {position: relative; display:inline; z-index:2}
/* #slideWrap .slideArea .slideMenu{position:absolute;width:27px;height:57px; left:222px;top:220px;} */
#slideWrap .slideArea .slideMenu{background: url('../images/default/quick_bg.gif') no-repeat; position:absolute;width:27px;height:57px; left:965px;top:250px;}

.slideMenu .up {width:27px; height:14px; margin-top:15px}
.slideMenu .up a {display:block; background: url('../images/default/quick_up.gif') no-repeat; width:27px; height:14px}
.slideMenu .up a:hover {background-position: 0px -14px;}
.slideMenu .up a span {display: none}

.slideMenu .down {width:27px; height:14px}
.slideMenu .down a {display: block;background: url('../images/default/quick_down.gif') no-repeat; width:27px; height:14px}
.slideMenu .down a:hover {background-position: 0px -14px;}
.slideMenu .down a span {display:none}