@charset "utf-8";

/* Skip To Content */
.skipToContent{margin:0 auto;background:#fff ;width:1000px;text-align:center}
.skipToContent a{position:absolute;width:1px;height:0;left:0;top:0;overflow:hidden;color:#999;text-decoration:none;display:block;padding:5px 0;white-space:nowrap}
.skipToContent a:hover,
.skipToContent a:active,
.skipToContent a:focus{position:relative;height:auto;width:auto}

/* Layout */
#xe{position:relative;}
#container{position:relative;}
#header{position:relative;clear:both;*zoom:1;}
#header:after{content:"";display:block;clear:both;}
#body{position:relative;clear:both;*zoom:1;}
#body:after{content:"";display:block;clear:both;}
#content{position:relative;*zoom:1;}
#content:after{content:"";display:block;clear:both;}
#footer{position:relative;clear:both;*zoom:1;}
#footer:after{content:"";display:block;clear:both;}
#footer address{text-align:center;}
.e1{position:relative;display:block;*zoom:1;}
.e1:after{content:"";display:block;clear:both;}
/* Footer Extension */
#footer .extension{position:relative;*zoom:1;}
#footer .extension:after{content:"";display:block;clear:both;}
#footer .extension .section{position:relative;}
#footer .extension ul{position:relative;}
#footer .extension li{position:relative;display:inline;list-style:none;}
.HB_PIE{behavior:url(layouts/ForhanbiPortalA/css/PIE.htc);}

/* Element Reset */
body, input, button, textarea, table{font:12px/18px '돋움', Dotum, Arial, Geneva,applegothic,sans-serif;}
html, body{height:100%}
html{background:#fff url(../img/BgBody.gif) repeat-x left top}
body{margin:0;padding:0;}
form, fieldset{border:0;margin:0;padding:0}
.hr{display:none;position:absolute;}
#header img,
#body .extension img{border:0;}
#header{z-index:4;}
#body{z-index:2;}
#footer{z-index:1;}
#header img,
.e1 img{border:0;}
/* ----- Column Layout ----- */

.c #body #content{width:980px;}
.ce #body .e1,
.ec #body .e1{width:220px;}
.ce #body #content,
.ec #body #content{width:740px;}
.ce #body #content{float:left;}
.ec #body #content{float:right;}
.ce #body .e1,
.ec #body .e1{display:block;}
.ce #body .e1{float:right;clear:right;}
.ec #body .e1{float:left;clear:left;}
.ece #body #content{width:550px;float:right;right:30px;}
.ece #body .e1{float:right;clear:right;width:220px;display:block;}
.ece #body .e2{float:left;clear:left;width:150px;display:block;}
.eceA #body #content{width:500px;float:left;}
.eceA #body .e1{float:left;clear:left;width:220px;display:block;margin-right:20px}
.eceA #body .e2{float:right;clear:right;width:220px;display:block;}
.eceB #body .e1{float:left;clear:left;width:310px;display:block;margin-right:20px; padding-bottom:1px;}
.eceB #body .e2{float:right;clear:right;width:310px;display:block; padding-bottom:1px;}
.eceB #body #content{width:320px;float:left}
/* -- IMG -- */
#header .account li,
.top_menu li,
.breadclumb li,
.Text_slide .slides_container div,
div.MoveLink h2 a,
.MenuStyleA h2 a,
.footer_T div.bottom_menuA li{background-image:url(../img/Colection.gif);background-repeat:no-repeat;}

/* MenuStyleA 배경처리 */
.MenuStyleA{background:url(../img/MenuStyleA.gif) repeat left top;}
.MenuStyleA .inner_lnb,
.MenuStyleA h2,
.MenuStyleA .locNav{background-image:url(../img/MenuStyleA.png);}
.ece .e2 .MenuStyleA .inner_lnb,
.ece .e2 .MenuStyleA h2,
.ece .e2 .MenuStyleA .locNav{background-image:url(../img/MenuStyleA150.png);}
/* login form & notice */
#xe .login_white,
#xe .login_white form,
.E2Notice,
.E2Notice .notice_widget{background-image:url(../img/BgLogin.gif);background-repeat:no-repeat;}
/* li 라인 */
.MenuStyleB ul li,
.E2Notice h2,
#xe .login_white form ul.help,
#xe .login_white form .userName{background-image:url(../img/BgLnbLi.gif);background-repeat:repeat-x;}


/* -- font 처리 -- */
#header .main_menu a.first_a,
#body .extension .wrap_widget h2,
.lnb h2,
.E2Notice h2,
.quick_menu a{font-family:"Malgun Gothic", AppleGothic, Arial, Sans-serif;}
#header .main_menu a.first_a {font-size:13px;}
#container{position:relative;width:980px;margin:0 auto;}
/* -- HEADER -- */
#header{padding-top:26px;}
#header ul{margin:0;padding:0;}
#header li{list-style:none;}
.menu_style_Y,
.menu_style_YB{padding-bottom:31px;background:url(../img/BgWrap_breadclumb.png) no-repeat left bottom;margin-bottom:2px !important;}
/* - h1 - */
#header h1{margin:0;padding:0;position:relative;text-align:center;top:0;z-index:2;}
#header h1 a{position:absolute; left:10px;}
.header_styleA h1{height:90px;width:1px;}
.header_styleB h1{height:60px;width:250px;}

/* - extension - */
#header .extension{position:relative;height:38px;z-index:3;background-position:left top;}
.ForhanbiSearch{position:absolute;top:-60px;left:340px;width:350px;height:50px;background-position:left -50px;z-index:2;}
.ForhanbiSearch .inputText{position:absolute;top:13px;left:27px;width:256px;height:20px;padding:2px;line-height:20px;cursor: auto;border:0;background:url(../img/empty.gif) repeat left top;}
.ForhanbiSearch .submit{position:absolute;height:27px;width:33px;top:11px;right:23px;}
.ForhanbiSearch.NonTextBanner{top:-70px;}
.header_styleB .ForhanbiSearch{top:-40px;left:290px;width:300px;height:30px;}
.header_styleB .ForhanbiSearch .inputText{top:0;left:0;border-width:4px;border-style:solid;width:250px;padding:1px}
.header_styleB .ForhanbiSearch .submit{right:2px;top:1px;}

.ForhanbiSearch_s{position:absolute;top:0;right:10px;width:160px;height:32px;z-index:2;  background:url(../img/search.png) no-repeat right 6px; _background-position:right 7px;}
.ForhanbiSearch_s .inputText{position:absolute;top:7px;left:0;border:1px solid #ddd !important; width:120px;height:18px;padding:1px;line-height:18px;cursor: auto;background:#fff;}
.ForhanbiSearch_s .submit{position:absolute;height:20px;width:33px;top:8px;right:1px;}
/* - HeaderRight - */
.HeaderTop{position:absolute;width:980px;left:0;top:0;height:24px;padding-top:2px;z-index:4;background:url(../img/BgBody.gif) repeat-x left top}

/* top_menu */
.top_menu{position:absolute;left:0;top:4px;_top:5px;}
.top_menu a{text-decoration:none;color:#888;}
.top_menu li{float:left;padding:0 12px 0 10px;background-position:right -14px;}
.top_menu li.last_top_li{background:none;}

/* - 언어 선택창 - */
#header .account{top:-1px;*top:0;right:10px;float:right;position:relative;}
#header .account:after{content:"";display:block;clear:both;}
#header .account li{float:left;position:relative;background-position:left 10px;padding-left:3px;}
#header .account a,
#header .account button{background:none;border:0;display:inline-block;height:24px;padding:0 10px;margin:0;line-height:24px;font-size:12px;color:#777;text-decoration:none;text-align:center;vertical-align:bottom;cursor:pointer;overflow:visible;}
#header .account li.wrap_log{background:none;}
#header .account ul{display:block;width:105px;padding:5px 1px;position:absolute;top:21px;left:12px;background:#f7f7f7;border:1px solid #eeeeee;border-top:0;}
#header .account ul li{list-style:none;width:100%;padding:0;margin-bottom:1px;background:none;height:24px;}
#header .account ul li button{background:none;height:18px;line-height:18px;font-size:12px;padding:0 13px;font-family:Tahoma, sans-serif;}
#header .account .openlang{display:none;*zoom:1;}
#header .account ul li.clo_lang{position:absolute;right:2px;top:2px;height:12px;width:10px;}


/* SlideBanner */
#TopImgBanner{position:absolute;height:90px;width:200px;top:30px;right:0;z-index:1;}
#TopImgBanner .slides_container{width:200px;height:90px;display:none;}
#TopImgBanner .slides_container div{width:200px;height:90px;display:block;}
#TopImgBanner .pagination,
#TopTextBanner .pagination,
#BodyTextBanner .pagination{display:none;}
#TopImgBanner a.prev,
#TopImgBanner a.next{position:absolute;top:80px;right:-12px;height:11px;width:11px;overflow:hidden;display:block;background:url(../img/arrow_np.gif) no-repeat left top;text-indent:-9999px;}
#TopImgBanner a.next{top:90px;background-position:left -10px;}
#TopTextBanner,
#BodyTextBanner{position:absolute;height:15px;width:310px;z-index:1;}
#BodyTextBanner{top:12px;right:20px;padding-left:200px;}
#BodyTextBanner .TitleTextBanner{position:absolute;left:-5px;text-align:right;height:15px;line-height:15px;color:#555;width:200px;}
#TopTextBanner{top:35px;left:360px;}
.header_styleB #TopTextBanner{top:60px;left:650px;}
.Text_slide .slides_container{height:15px;width:310px;display:none;}
.Text_slide .slides_container div{height:15px;width:295px;display:block;padding-left:15px;background-position:left -57px;*background-position:left -56px;_background-position:left -57px;}
.Text_slide a{display:block;color:#848484;width:295px;height:15px;line-height:15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;}

/*header_styleB */

/* -- BODY -- */
#body{margin-bottom:12px; margin-top:10px;}

/* - CONTENT - */
/* BREADCLUMB */
.breadclumb{position:relative;*zoom:1;height:24px;padding:2px 0 0 0;margin:0;display:block;}
.breadclumb:after{content:"";display:block;clear:both;}
.breadclumb li{float:left;padding:0 10px 0 15px;list-style:none;background-position:left -83px;}
.breadclumb li.first_breadclumb{background:none;}
.breadclumb a{text-decoration:none;vertical-align:bottom;text-transform:capitalize;height:24px;_height:23px;font-size:12px;line-height:24px;_line-height:23px;position:relative;display:inline-block;color:#676767;text-shadow: 0 1px 0 #e6e6e6;}
.breadclumb img{position:relative;top:6px;border:0;}

.breadclumbY,
.breadclumbY .breadclumb{background-image:url(../img/Bgwrapbreadclumb.gif); background-repeat:no-repeat;}
.breadclumbYY,
.breadclumbYY .breadclumb{background-image:url(../img/Bgwrapbreadclumb1.gif); background-repeat:no-repeat;}
.breadclumbYYY{background:url(../img/BgH2A.gif) repeat-x left bottom !important; padding-bottom:3px;}
.wrapA_breadclumb{position:relative;*zoom:1; height:32px; background-position:right top; margin-bottom:10px;}
.wrapA_breadclumb:after{content:"";display:block;clear:both;}
.wrapA_breadclumb .breadclumb{height:24px; line-height:24px; padding:4px 0;background-position:left -50px;}
.wrapA_breadclumb #BodyTextBanner{top:9px;}

/* WrapHanbiProducts */
#WrapHanbiProducts{height:300px;position:relative;margin-bottom:10px;top:-5px;}

/* Body Extension */
#body .extension{position:relative;*zoom:1;display:none;}
#body .extension:after{content:"";display:block;clear:both;}
#body .extension li{position:relative;list-style:none;}
#body .extension a{text-decoration:none;}

/* Body Extension widget */
.wrap_widget h2{color: #575757;margin:0;padding:4px 15px;height:24px;text-transform:capitalize;font-weight:bold;font-size:14px;}
.wrap_widget h2 a{color: #575757;padding:0;padding-right:20px;height:24px;line-height:24px;display:inline-block;}
.wrap_widget div.MoveLink h2 a{background-position: right -342px;}
.wrap_widget a{text-decoration:none;}
.hanbi_widget{position:relative;*zoom:1;margin-bottom:10px;}
.WidgetStyleA h2{background:url(../img/BgH2A.gif) repeat-x left bottom;padding-bottom:10px;margin-bottom:10px;}
.WidgetStyleC h2{background:url(../img/BgH2C.gif) repeat-x left bottom;padding-bottom:7px;margin-bottom:10px;}
.WidgetStyleE h2{background:url(../img/BgH2E.gif) repeat-x left bottom;padding-bottom:7px;margin-bottom:10px;}
.WidgetStyleD h2{padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid #ddd;}
.WidgetStyleB{border:1px solid #ddd;}
.WidgetStyleB h2{background:url(../img/BgH2.gif) repeat-x left bottom;border:1px solid #fff;}
.WidgetStyleB .inner_hanbi_widget{border-top:1px solid #ddd;padding:6px;}
.WidgetStyleB .inner_hanbi_widget .WrapHanbiZineA{padding:0;}
.hanbi_widget:after{content:"";display:block;clear:both;}
.WidgetStyleA,
.WidgetStyleC,
.WidgetStyleD{margin-bottom:20px;}

/* Content */

/* - E1 - */

/* wrap_login */
.wrap_login{position:relative; *zoom:1; margin-bottom:10px;}
.wrap_login:after{content:""; display:block; clear:both;}
.ForhanbiSearch_e{position:relative;width:220px;height:32px;z-index:2;  background:url(../img/searche1.png) no-repeat left top;margin-bottom:10px;}
.ForhanbiSearch_e .inputText{position:absolute;top:5px;left:5px;border:1px solid #e9e9e9; width:173px;height:18px;padding:1px;line-height:18px;cursor: auto;background:#fff;}
.ForhanbiSearch_e .submit{position:absolute;height:20px;width:33px;top:0;right:0;}

/* lnb */
.lnb{position:relative;*zoom:1;margin-bottom:10px;}
.lnb:after,
.inner_lnb:after{content:"";clear:both;display:block;}
.inner_lnb{position:relative;*zoom:1;}
.lnb h2{margin:0;font-size:14px;text-transform:capitalize;}
.lnb h2 a{display:block;color:#575757;text-shadow:1px 1px 0 #fff;}
.lnb a{line-height:20px;padding:4px 0;}
.lnb ul{padding:0;margin:0;*zoom:1;position:relative;}
.lnb ul li{padding:0 0 2px 0;position:relative;*zoom:1;}
.lnb ul li a{text-transform:capitalize;color:#555;text-shadow:1px 1px 0 #fff;}
.lnb ul li li a{text-transform:none;font-weight:normal;color:#777;}

/* lnb메뉴 접었다 펴기 */
.LnbFolding ul li ul {display:none;}

/* e2 .MenuStyleA */
.MenuStyleA{padding:3px;margin-bottom:6px;top:-3px;}
.MenuStyleA .inner_lnb{background-position:-600px bottom;background-repeat:no-repeat;padding-bottom:5px;}
.MenuStyleA h2{background-position:left top;background-repeat:no-repeat;padding:10px 10px 18px 20px;height:24px;}
.MenuStyleA h2.NoneLnb{padding-bottom:5px;}
.MenuStyleA h2 a{padding:0 15px 0 5px;height:24px;line-height:24px;display:inline-block;position:relative;*zoom:1;background-position: right -342px;}
.MenuStyleA .locNav{background-position:-300px bottom;background-repeat:repeat-y;padding:0 2px 0 2px;}
.MenuStyleA ul li{padding:0 10px 3px 10px;background:url(../img/MenuStyleALi.gif) repeat-x left bottom;}
.MenuStyleA ul li.lastlocNav{background:none;}
.MenuStyleA ul li a{padding:5px 0 5px 20px;display:block;background-position:5px -330px;}
.MenuStyleA ul .active a{background-position:5px -380px;}
.MenuStyleA ul li li{padding:2px 0px 0 10px;background:url(../img/MenuStyleALiLi.gif) repeat-x left top;}
.MenuStyleA ul li.active li a,
.MenuStyleA ul li li a{background-position:10px -428px;}
.MenuStyleA ul li.active li.active a{background-position:10px -478px;}
.ece .e2 .MenuStyleA h2{padding-left:5px;}
.ece .e2 .MenuStyleA ul li{padding-left:5px;}
.ece .e2 .MenuStyleA ul li a{padding-left:15px;background-position:0 -330px;}
.ece .e2 .MenuStyleA ul .active a{background-position:0 -380px;}
.ece .e2 .MenuStyleA ul li.active li a,
.ece .e2 .MenuStyleA ul li li a{background-position:5px -428px;}
.ece .e2 .MenuStyleA ul li li{padding-left:5px;}
.ece .e2 .MenuStyleA ul li.active li.active a{background-position:5px -478px;}

/* MenuStyleB */
.MenuStyleB{background-position:-500px top;background-repeat:repeat-y;top:-1px}
.MenuStyleB h2{background-position:left top;background-repeat:no-repeat;padding:9px 15px 11px 10px;height:27px;}
.MenuStyleB h2.NoneLnb{padding-bottom:0;_top:-1px}
.MenuStyleB .inner_lnb{background-position:-1000px bottom;background-repeat:no-repeat;padding-bottom:9px;}
.MenuStyleB h2 a{position:relative;padding:4px;padding-right:17px;background-position:right -90px;_background-position:right -92px;height:19px;line-height:19px;display:inline-block;*zoom:1;}
.MenuStyleB ul{padding:0 15px;}
.MenuStyleB a{display:block;}
.MenuStyleB ul li{background-position:left top;padding:2px 0 0 0;}
.MenuStyleB ul li.firstlocNav{background:none;}
.MenuStyleB ul li a{padding-left:17px;background-position:5px -131px;}
.MenuStyleB ul li.active a{background-position:5px -172px;_background-position:5px -173px;}
.MenuStyleB ul li li{background:url(../img/BgLnbLiLi.gif) repeat-x left top;}
.MenuStyleB ul li.active li a,
.MenuStyleB ul li li a{background-position:5px -240px;_background-position:5px -241px}
.MenuStyleB ul li.active li.active a{background-position:5px -281px;_background-position:5px -282px}
.ece .e2 .MenuStyleB ul{padding:0 10px;}
.ece .e2 .MenuStyleB ul li a{padding-left:12px;background-position:0 -131px;}
.ece .e2 .MenuStyleB ul li.active a{background-position:0 -172px;_background-position:0 -173px;}
.ece .e2 .MenuStyleB ul li.active li a,
.ece .e2 .MenuStyleB ul li li a{background-position:0 -240px;_background-position:0 -241px}
.ece .e2 .MenuStyleB ul li.active li.active a{background-position:0 -281px;_background-position:0 -282px}
/* OnFontColor */
.OnFontColor li.active li a{color:#555}

/* eceA형의 notice */
.E2Notice{padding-top:5px;background-position:left top;margin-bottom:10px;}
.E2Notice .notice_widget{padding:0 5px;background-position:left bottom;height:137px;}
.E2Notice h2{color: #575757;margin:0 0 3px 0;padding:1px 15px 6px 15px;height:22px;text-transform:capitalize;font-weight:bold;font-size:14px;background-position:left bottom;}
.E2Notice h2 a{color: #575757;padding:0;padding-right:20px;height:22px;line-height:22px;display:inline-block;}
.E2Notice .normalAwidget li{margin-bottom:2px;}
#body .extension .E2Notice div.MoveLink h2 a{background-position: right -343px;}

/* Footer */

#footer{border-top:1px solid #aaa;padding:10px 0;}
#footer .extension{position:relative;margin:0 auto;*zoom:1; padding:10px 0 20px 0;}
#footer .extension:after{content:"";display:block;clear:both;}
#footer img.sitemap{border:0;}
.address{color:#444;margin:0;padding:10px 140px 0 140px;}
.familyLink{height:20px;padding:0;right:10px;*zoom:1;position:absolute;right:10px;top:17px;*top:19px;}
.familyLink:after{content:"";clear:both;display:block;}
.familyLink select{border:1px solid #ddd;height:24px;padding:0;}
#footer a{text-decoration:none;}
#footer a:hover,
#footer a:active,
#footer a:focus{text-decoration:underline;}
/* 하단 메뉴 */
.footer_T{position:relative;margin-bottom:20px;}
.footer_T ul{margin:0; padding:0; list-style:none; position:relative; *zoom:1;}
.footer_T ul:after{clear:both; content:""; display:block;}
.footer_T div.bottom_menuA{padding:5px 0; background:#fafafa; border:1px solid #f2f2f2; position:relative;*zoom:1;text-align:center;}
.footer_T div.bottom_menuA ul{display:inline-block;*display:inline;}
.footer_T div.bottom_menuA li{padding:5px 10px 3px 11px; background-position:left -160px; margin-left:-1px;}
.footer_T div.bottom_menuA li.first_b_li{background:none;}
.footer_T div.bottom_menuA:after{clear:both; content:""; display:block;}
.footer_T ul.main_bottom_menu{width:980px;overflow:hidden;}
.footer_T ul.main_bottom_menu li.fb_li{border-left:1px dotted #e2e2e2; padding:0; padding-left:10px; margin-left:-1px;}
.footer_T li{float:left;}
.footer_T li ul li{display:block; width:100%;}
.footer_T a{color:#666;}
.footer_T ul.main_bottom_menu a.first_a{font-weight:bold; font-size:13px;}
.footer_b{text-align:center; color:#666;position:relative;}
.footer_b .info{margin:10px;margin-top:20px;padding:0;}
.QuickTop{position:absolute; top:-18px; right:10px;}

/* -- Hanbiquick -- */
.TG_B,
.TG_T{text-indent:-9999px;width:12px;height:8px;top:18px;left:16px;display:block;overflow:hidden;position:absolute;background-image:url(../img/quick.gif);background-repeat:no-repeat;}
.TG_T{background-position:-50px top;}
.TG_B{background-position:left top;}
a.TG_T:hover{background-position:-50px -20px;}
a.TG_B:hover{background-position:left -20px;}
#Hanbiquick{position:absolute;left:1000px;width:44px;}
#Hanbiquick ul{margin:0;padding:0 5px;}
#Hanbiquick ul li{list-style:none;line-height:0;padding-bottom:5px;*padding-bottom:4px;display:inline-block;}
#Hanbiquick .quick_bottom,
#Hanbiquick .quick_top,
#Hanbiquick .inner_quick{background-image:url(../img/Hanbiquick.gif);background-repeat:no-repeat;width:44px;position:relative;}
#Hanbiquick .quick_bottom{background-position:-100px -38px;height:44px;}
#Hanbiquick .quick_top{background-position:left 38px;height:44px;}
#Hanbiquick .inner_quick{background-position:-50px top;background-repeat:repeat-y;margin-bottom:-5px;}

/* -- 추가 공간활용 배너 -- */
#LeftImgBanner,
#LeftImgBannerY{position:absolute;left:-142px;width:120px; z-index:3;}
#RightImgBanner,
#RightImgBannerY{position:absolute;right:-142px;width:120px; z-index:3;}
#LeftImgBannerY div.quick_a,
#RightImgBannerY div.quick_a{margin-bottom:5px;}
#LeftImgBannerY div.quick_b,
#RightImgBannerY div.quick_b{margin-bottom:10px;}
#LeftImgBanner,
#RightImgBanner{height:500px;}
#LeftImgBanner .slides_container{width:120px; height:500px;display:none;}
#LeftImgBanner .slides_container div{width:120px; height:500px;display:block;}
#RightImgBanner .slides_container{width:120px; height:500px;display:none;}
#RightImgBanner .slides_container div{width:120px; height:500px;display:block;}
.header_styleA_Q #LeftImgBanner,
.header_styleA_Q #LeftImgBannerY,
.header_styleA_Q #RightImgBanner,
.header_styleA_Q #RightImgBannerY,
.header_styleA_Q #Hanbiquick{top:116px;}
.header_styleB_Q #LeftImgBanner,
.header_styleB_Q #LeftImgBannerY,
.header_styleB_Q #RightImgBanner,
.header_styleB_Q #RightImgBannerY,
.header_styleB_Q #Hanbiquick{top:86px;}

/* 퀵메뉴 */
.quick_menu{padding:0;margin-bottom:10px;*zoom:1;}
.quick_menu:after{content:"";clear:both;display:block;}
.quick_menuT{background:url(../img/QT_B.gif) no-repeat left top;padding-top:22px;position:relative; font-size:0;margin-bottom:0 !important;}
.quick_menuB{background:url(../img/QB.gif) no-repeat left bottom;height:5px; font-size:0;position:relative;}
.quick_menu .quick_menuB{background:url(../img/QB_B.gif) no-repeat left bottom; height:22px;}
.quick_menu a{text-decoration:none; color:#333; height:24px;line-height:24px;}
.quick_menu ul{padding:1px 5px 0 5px; margin:0; list-style:none;*zoom:1;overflow:hidden;background:url(../img/QM.gif) repeat-y left top;}
.quick_menu ul:after{content:"";clear:both;display:block;}
.quick_menu ul li{text-align:center; background:#ededed; margin-bottom:1px;}
.quick_menu ul li a span{text-shadow: 0 1px 0 #fff;}
.quick_menu ul li.quick_image{position:relative; padding-bottom:3px; background:none;}
.quick_image span,
.quick_a span{z-index:3;width:110px;height:3px;display:block;font-size:0;}
.quick_image img{display:block;}
.quick_sp1{background:url(../img/quick_sp1.png) no-repeat left top;position:absolute; top:0; left:0;}
.quick_sp2{background:url(../img/quick_sp2.png) no-repeat left bottom;position:relative; top:-3px; margin-bottom:-3px; }
.quick_sp3{background:url(../img/quick_sp3.png) no-repeat left top;position:absolute; top:0; left:0;}
.quick_sp4{background:url(../img/quick_sp4.png) no-repeat left bottom;position:relative; top:-3px; margin-bottom:-3px; }
.quick_a{background:url(../img/QM.gif) repeat-y left top;display:block; text-align:center;}
.quick_a a{position:relative; display:inline-block; *display:block; width:110px;}
.quick_a a img{width:110px;}
.quick_a .quick_menuT{background:url(../img/QTA.gif) no-repeat left top;padding-top:5px;}
.quick_header,
.quick_footer{height:17px;width:30px;position:absolute;display:block;}
.quick_header{top:0;left:45px;}
.quick_footer{top:5px;left:45px;}
/* -- Login -- */
/*  Login 공간넓히기 */
#xe #memberModule .memberSmallBox .login .keep label{color:#555;}
#xe .actHanbiLogin #body .extension,
#xe .actHanbiLogin #body #WrapHanbiProducts{background:none;display:none !important;}
.ece.actHanbiLogin #body #content,
.eceB.actHanbiLogin #body #content,
.eceA.actHanbiLogin #body #content,
.ce.actHanbiLogin #body #content,
.ec.actHanbiLogin #body #content{width:980px !important;left:0;right:0;}

#xe #memberModule .memberSmallBox{padding:12px 16px;border:0;margin-top:20px;}
#memberModule .memberSmallBox .header{font-size:16px;font-weight:bold;background:none;}
#xe #memberModule .memberSmallBox .login dl dd .w140{width: 130px;}
#xe #memberModule .memberSmallBox .header,
#xe #memberModule .memberSmallBox .help{border:0;background:none;}
#xe #memberModule .memberSmallBox .help a{text-decoration:none;}


/*  Login 꾸미기 */
#xe .xm .memberSmallBox{padding:12px 16px;border:0;margin-top:20px;}
.xm .memberSmallBox .header{font-size:16px;font-weight:bold;background:none;}
#xe .xm .memberSmallBox .login dl dd .w140{width: 130px;}
#xe .xm .memberSmallBox .header,
#xe .xm .memberSmallBox .help{border:0;}
#xe .xm .memberSmallBox .help a{text-decoration:none;}
#xe .xm,
#xe .xc{font-family:"Malgun Gothic", AppleGothic, Dotum, Sans-serif;}
#xe .xm .h1,
#xe .xc .h1 {font-size:18px; padding-bottom:6px;}
#xe .xm{position:relative}
#xe .xm a,
#xe .xc a{color:#666; text-decoration:none;}
#xe .forhanbiXm  #fo_member_login p{display:inline-block; position:relative;margin:3px !important;}
#xe .forhanbiXm  #fo_member_login ul{position:relative; *zoom:1;padding-top:10px;}
#xe .forhanbiXm  #fo_member_login ul:after,
#xe .forhanbiXm  #fo_member_login li:after{clear:both; display:block; content:""}
#xe .forhanbiXm  #fo_member_login li{clear:both;position:relative; *zoom:1}
#xe .forhanbiXm  #fo_member_login p.q{width:100px; text-align:right; float:left; height:22px; line-height:22px;}
#xe .forhanbiXm  #fo_member_login p.q label{ height:22px; line-height:22px;}
#xe .forhanbiXm  #fo_member_login p.a{width:130px;float:left;}
#xe .forhanbiXm  .form #keepid_opt{margin-left:130px;position:relative;*zoom:1;_top:3px;}
#xe .forhanbiXm  .btnArea .etc {margin-left:110px;}
#xe .forhanbiXm  .btn {position:absolute; top:78px; right:80px;}
#xe .xm{margin:60px auto 20px auto; *zoom:1;}
#xe .forhanbiXm  {margin:60px auto 20px auto;padding: 10px 14px;width: 400px;}
#xe .forhanbiXm  .h1{font-size: 16px;font-weight: bold;background: none;padding:10px;text-align: center;border:none;margin: 0;}
#xe .forhanbiXm  .form{margin:0;padding:0;}
#xe .forhanbiXm  .form ul{border:none;}
#xe .forhanbiXm  .form input[type="text"],
#xe .forhanbiXm  .form input[type="password"], 
#xe .forhanbiXm  .form input[type="file"], 
#xe .forhanbiXm  .form textarea {width:130px;margin:0;}
#xe .forhanbiXm  .form li{margin:0; border:0;padding:0;*padding:1px 0;_padding:2px 0;}
#xe .forhanbiXm  .btnArea {margin:20px 0; text-align:center;}
#xe .xm .form input[type="text"], .xm .form input[type="password"], .xm .form input[type="file"], .xm .form textarea{background:#fff;}

#xe .xm .message.error {position:absolute; top:-80px; width:900px; left:0;}
#xe .wrap_login .message.error {position:relative; top:0; width:auto; left:0;}
#xe .forhanbiXm .message.error {position:absolute; top:-80px; width:359px !important; left:0;}
/* Login Form */
#xe .ForhanbiLogin{margin-bottom:10px;}
#xe .login_white{border:0;width:220px;padding-top:5px;background-position:left top;margin-bottom:10px;}
#xe .login_white form{background-position:left bottom;border:0;padding:11px 15px 7px 15px;width:190px;}
#xe .login_white form .idpwWrap{width:190px;position:relative;height:45px;}
#xe .login_white form .idpw{width:130px;}
#xe .login_white form .idpw input{background:#fff;width:120px;}
#xe .login_white form .login{position:absolute;right:0;top:0;}
#xe .login_white form ul.help li{left:-1px;padding-right:6px}
#xe .login_white form .userName{width:190px;border-bottom:0;padding: 0 0 8px 0;background-position:left bottom;}
#xe .login_white form .userName strong{font-size:1em;}
#xe .login_white form ul.userMenu{padding: 0 10px 6px 10px;margin-top:5px;}
#xe .login_white form ul.userMenu li{list-style: none;background: url(../img/BgLnbLiLi.gif) repeat-x left bottom;padding: 2px 0 4px 10px;margin-bottom:0;}
#xe .login_white form p.latestLogin{padding-left:20px;}
#xe .login_white form ul.help{*zoom:1;position:relative;padding:10px 0 2px 0;background-position:left top;border:0;}
#xe .login_white form p.save{padding:3px 0;height:20px;}
#xe .login_white form ul.help li.first-child a{color: #999;}
/*ie8 버그 방지용*/
img{max-width /*\**/:none\9;height /*\**/:none\9}

.left_banner{position:fixed;_position:absolute;overflow:hidden;z-index:6;width:112px;right:50%;top:100px;margin-left:-622px;}
.right_banner{position:fixed;_position:absolute;overflow:hidden;z-index:6;width:112px;left:50%;top:100px;margin-left:510px;}
.absolute_banner{position:absolute;}