@charset "utf-8";

/* Common  declare */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding:0; margin:0;}
body{ height:100%;}

/* Header Section */
#header{ position:relative; width:100%; height:100px; background:url(../img/top_bg.gif) no-repeat left 0px; z-index:1;}
#header .extension{ text-align:center;}

/* Top Logo */
#header h1.top_logo{ position:absolute; left:0px; top:0px; margin:5px 0 0 5px;}

/* Account Part */
#header ul.account{ position:absolute; top:10px; right:10px; margin:0; padding:0; z-index:2;}
#header .account li{ position:relative; display:inline; float:left; list-style:none; margin:0 10px 0 0;}
#header .account li *{ vertical-align:top;}
#header .account li li{ float:none; height:auto; background-image:none;}
#header .account li.log{ background-image:none; font-size:0; line-height:0;}
#header .account li.log a{ display:block;}

/* Top Profile Part */
#header .account li.profile{ position:relative; z-index:2;}
#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{ display:none; position:absolute; top:15px; left:8px; padding:20px; background:#ffffff; text-align:left; border:2px solid #737373; z-index:4;}
#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; display:block; white-space:nowrap; margin:0 0 8px 0; padding:0 0 0 10px; background:url(../img/bullet01.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/btn_closex.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;}

/* Top Menu */
#header .extension .gnb{ position:relative; top:60px;}
#header .extension .gnb li{ position:relative; display:inline; list-style:none;}
#header .extension .gnb li{ margin:0 40px 0 40px; position:relative; display:inline; list-style:none;}
#header .extension .gnb li{ font-size:16px; font-weight:bold;}
#header .extension .gnb li span{ color:#6a88ba;}

/* Left Menu */
#body ul.leftmenu_b{ position:relative;}
#body .leftmenu_b li{ position:relative; display:block; list-style:none;}
#body .leftmenu_b li{ margin:20px 0 10px 0; padding:0 0 0 10px; font-size:18px; font-weight:bold; font-family:verdana,dotum;}
#body .leftmenu_b li span{ color:#666666;}
#body ul.leftmenu_s{ position:relative;}
#body .leftmenu_s li{ position:relative; display:block; list-style:none;}
#body .leftmenu_s li{ margin:5px 0 5px 15px; font-size:11px; font-weight:bold; font-family:verdana,dotum;}
#body .leftmenu_s li span{ color:#888888;}

/* Left Banner */
#body .extension .left_banner{ margin:15px 0 0 0;}

/* Bottom Submenu Part */
#footer .extension{ position:relative; margin:20px 0 0 0; border:1px solid #dedede;}
#footer .extension{ padding:8px 5px 8px 5px; font-size:12px; font-family:dotum,verdana,sans-serif;}
#footer .extension li{ margin:0 0 0 5px; padding:0 10px 0 0; *padding:0 8px 0 5px; background:url(../img/bar01.gif) no-repeat right; *background:url(../img/bar01.gif) no-repeat right 2px;}
#footer .extension li span{ color:#888888;}
#footer .extension li.end{ background:none;}
#footer .extension p.btn_top{ position:absolute; right:10px; top:10px; float:right; border:0px;}

/* Copyright Part */
#footer .address{ position:relative; text-align:left; padding:10px 0 0 0;}
#footer .address .shop_info{ width:800px; height:60px; display:block !important; clear:both;}
#footer .address .shop_info{ margin-top:auto; margin-bottom:auto; color:#999999; font-size:11px; font-family:dotum,verdana,sans-serif; font-style:normal;}
#footer .address .shop_info li{ position:relative; list-style-type:none; float:left; margin:3px 10px 3px 3px; white-space:nowrap;}
#footer .copyright{ position:relative; display:block; clear:both; float:none !important; text-align:center; padding-top:10px;}
#footer .copyright div{ padding-top:10px; margin-bottom:20px; color:#999999; font-size:11px; font-family:dotum,verdana,sans-serif; font-style:normal;}
#footer .copyright div{ border-top:1px solid #dedede;}

/* Bottom Logo */
#footer h1.bottom_logo{ position:absolute; text-align:right; right:10px; top:40px; *top:60px;}

/* modalWindow */
.loginWindow{ display:none; position:fixed; left:0px; top:0px; _position:absolute; width:100%; height:100%; z-index:100;}
.loginWindow.open{ display:block;}
.loginWindow span.modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:#000000; opacity:.3; filter:alpha(opacity:30); z-index:100;}
.loginWindow .loginLayer{ position:absolute; width:289px; top:120px; left:50%; padding:30px; border:2px solid #737373; margin:0 0 0 -175px; background:#fff; z-index:200;}
.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/bg_LoginText.gif); background-repeat:no-repeat; background-position:right top;}
.loginWindow .loginLayer.loginTypeB .inputText{ background-image:url(../img/bg_OpenidText.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/btn_LoginAction.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/btn_closex.gif) no-repeat center center;}
.loginWindow .loginLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}