@charset "utf-8";
/* reset default browser setting */
html {color:#3f3f3f; width: 100%; height: 100%;}
body,div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, fieldset, legend, input, button, textarea, p, blockquote ,th ,td {margin:0; padding:0; font-family:dotum,arial,sans-serif; font-size:12px; color: #666;}
body {font-size:12px; min-height:100%;}
form {margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing:0;}
fieldset,img {border:0;}
address {font-style: normal;}
del,ins {text-decoration:none;}
li {list-style-type:none;}
dd,dt {display:block;}
a:link, a:visited, a:active {text-decoration:none; color: #666;}
a:hover, a:focus {text-decoration:none; color: #666;}
th {text-align:center;}
td {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:baseline;}
sub {vertical-align:baseline;}
table caption, legend {text-indent:-9999px; font-size: 0; line-height: 0; width:0; height:0; overflow:hidden;}
button {border:0; padding:0; background:transparent; cursor:pointer; #overflow:visible; position: relative;}
input,img {vertical-align:middle;}
p {line-height:150%;}

/* common css */
.hidden {position:absolute; left:-999999px; top:-999999px;}
.clearfix:after {content:" ";display:block;height:1px;margin-top:-1px;clear:both;visibility:hidden;}
.skipNavigation {position:absolute; top:0; left:0; width:100%; height:0; overflow:visible;}
.skipNavigation a {position:absolute; left:-999999px; width:100%; height:30px; font-size:16px; font-weight:bold; background:#eee; color:#333; text-align:center; line-height:30px;}
.skipNavigation a:focus {left:0;}

/* *********************************************************** */
/* *******************       layouts      ******************** */
/* *********************************************************** */
body {}
.wrap {width:100%; background:transparent url('../images/common/bg_top.gif') repeat-x 0 0;}
body.bgNone .wrap {background:none !important;}
#header {width:980px; height:127px; margin:0 auto; overflow:visible; margin-bottom:20px; position:relative;}
#container {position:relative; width:980px; margin:0 auto; z-index:2; height:auto; min-height:700px; background:transparent url('/images/brand/bg_container.gif') repeat-y 0 0;}
#container.nolnb {background:transparent none;}
#container:after {content:' '; clear:both; display:block; width:0; height:0; overflow:hidden; #zoom:1}
#lnb {float:left; width:170px; margin-right:20px; min-height:500px; position:relative; z-index:30; padding-bottom:50px;}
#contents {float:left; width:790px; min-height:500px; padding-bottom:50px;}
.nolnb #contents {float:none; width:100%;}
#footer {clear:both; width:100%; min-height:110px; background:#fff url('../images/common/bg_footer.gif') repeat-x 0 0;}
#quickmenu {width:85px; position:absolute; left:100%; margin-left:15px; top:20px;}

body.back_0 {background:#dddde3 url('/images/brand/bg_header_01.gif') repeat-y center 33px;}
body.back_1 {background:#dceaef url('/images/brand/bg_header_02.gif') repeat-y center 33px;}
body.back_2 {background:#dacfcf url('/images/brand/bg_header_03.gif') repeat-y center 33px;}
body.back_3 {background:#f5ebeb url('/images/brand/bg_header_04.gif') repeat-y center 33px;}
body.back_4 {background:#e1ecf1 url('/images/brand/bg_header_05.gif') repeat-y center 33px;}

/* header */
#header .logo {position:absolute; left:0; top:55px;}
#header .topLink {position:absolute; margin-bottom:10px; right:0; top:11px;}
#header .topLink a.member {display:block; float:left; color:#555; padding-right:15px; font-size:11px;}
#header .topLink ul {float:left; margin-right:-5px;}
#header .topLink ul li {float:left; height:11px; line-height:11px; padding:0 5px; background:url('../images/common/bg_toplink.gif') no-repeat 0 1px; vertical-align:top;}
#header .topLink ul li:first-child {background:none;}
#header .customerArea {position:absolute;  right:0; top:68px;}
#header .customerArea ul {float:left;}
#header .customerArea ul li {float:left; margin-left:17px; padding-left:6px; background:url('../images/icon/icon_box_01.gif') no-repeat 0 7px;}

#gnb {position:absolute; left:0; bottom:0; width:980px; height:34px;}
#gnb:after {display:block;clear:both;content:''}
#gnb li {float:left; vertical-align:top;}


/* quickmenu */
#quickmenu .quickBanner {border:1px solid #d2d2d2; background:#f7f7f7;}
#quickmenu .quickBanner ul {padding-left:0 !important;}
#quickmenu .quickBanner ul li {padding:11px  0 9px 0; background:url('../images/common/quick_line.gif') no-repeat center 0; text-align:center; vertical-align:top;}
#quickmenu .quickBanner ul li:first-child {background:none;}

/* footer */
#footer {width:100%; padding-bottom:50px;}
#footer .footerWrap {width:980px; margin: 0 auto;}
#footer .footerWrap:after {display:block;clear:both;content:''}
#footer .footerWrap ul.footerLink {float:left; width:829px; height:30px; overflow:hidden;}
#footer .footerWrap ul.footerLink li {float:left; margin-left:1px;}
#footer .footerWrap ul.footerLink li:first-child {margin-left:0;}
#footer .footerWrap .familyLink {position:relative; float:right; width:113px; height:18px; margin-top:6px;}
#footer .footerWrap .familyLink button {float:left; width:100%; height:18px; margin:0; padding:0; border:0; overflow:hidden; background:url('/images/common/footer_site.gif') no-repeat left bottom;}
#footer .footerWrap .familyLink button.opened {background-position:left top;}
#footer .footerWrap .familyLink #families {position:absolute; top:18px; left:0; width:100%; height:122px; overflow:hidden; background-color:#e5e5e5; display:none;}
#footer .footerWrap .familyLink #families div {width:100%; height:100%; overflow:hidden; overflow-y:auto; padding:5px 0;}
#footer .footerWrap .familyLink #families div a {display:block; color:#666; font-size:11px; height:16px; line-height:16px; text-indent:8px; white-space:nowrap;}
#footer .footerWrap .familyLink #families div a:hover {background:#d0d0d0; color:#000;}
#footer .footerWrap address {clear:both; padding-top:17px; line-height:0; font-size:0;}
#footer .footerWrap p {padding-top:4px; line-height:0; vertical-align:top; font-size:0;}

/* left menu (lnb) */
#lnb .myOffice {padding:10px 0 5px 0; text-align:center; background:url('../images/myoffice/bg_hline.gif') no-repeat right bottom;}
#lnb .myOffice p {padding-bottom:8px; line-height:100%;}
#lnb .myOffice .member {font-size:11px; color:#555;}
#lnb .myOffice .grade {color:#333; text-align:center;}
#lnb .myOffice .grade strong, #lnb .myOffice .grade strong img {display:block;}
#lnb .myOffice .grade img {margin:5px 0 3px;}

#lnb .inner {border:1px solid #ccc; border-bottom:0; position:relative; height:100%}
#lnb .inner.shop {width:161px; height:427px;}
#lnb .lnb {padding-bottom:38px;}
#lnb .lnb>ul>li {display:block; margin-left:10px; border-bottom:1px solid #e6e6e6;}
#lnb .lnb>ul>li>a {display:block; padding:10px 0 0 13px; height:20px; background:url('../images/common/bg_lnb_arrow.gif') no-repeat 95% 11px; vertical-align:top; line-height:0; font-size:0;}
#lnb .lnb>ul>li>a.active {background-position:95% -30px;}
#lnb .lnb>ul>li>a:hover {background-position:95% -30px;}
#lnb .lnb>ul>li>ul.sub {border-top:1px solid #e6e6e6; margin-bottom:-1px;}
#lnb .lnb>ul>li>ul.sub>li {background:#f8f8f8; border-top:1px solid #fff; border-bottom:1px solid #e6e6e6;}
#lnb .lnb>ul>li>ul.sub>li>a {display:block; padding:8px 9px 6px 26px; color:#666; background:url('../images/icon/icon_box_01.gif') no-repeat 17px 13px; line-height:130%;}
#lnb .lnb>ul>li>ul.sub>li>a.active {color:#c2151b; font-weight:bold;}
#lnb .lnb>ul>li>ul.sub>li>a:hover, #lnb .lnb>ul>li>ul.sub>li>a:focus {color:#666;}
#lnb .lnb>ul>li>ul.sub>li>a.active:hover, #lnb .lnb>ul>li>ul.sub>li>a.active:focus {color:#c2151b; font-weight:bold;}

#lnb .lnb .subshop {position:absolute; left:162px; top:39px; padding:10px; min-width:144px; height:370px; background:url('../images/order/bg_lnb.png') no-repeat right 0; z-index:100; overflow:hidden; display:none;}
#lnb .lnb .on .subshop {display:block;}
#lnb .lnb .subshop span.tit {display:block; padding:0 0 8px 4px; border-bottom:1px solid #d3d3d3; background:url('../images/order/bg_lnb_arrow.png') no-repeat 98% 5px;}
#lnb .lnb .subshop>ul {padding:5px 0 0 6px;}
#lnb .lnb .subshop>ul>li a {display:block; padding:5px 0 2px 0; color:#222; font-weight:bold;}
#lnb .lnb .subshop>ul>li>ul {padding-bottom:6px;}
#lnb .lnb .subshop>ul>li>ul>li a {display:block; padding:5px 0 3px 0; color:#666; font-weight:normal; letter-spacing:-1px;}
#lnb .lnb .subshop>ul>li>ul>li a:hover { color:#3C413A;  font-weight:bold; }
//#lnb .lnb .subshop>ul>li>ul>li a:hover { color:#ffffff; background:#3C413A; }
#lnb .lnb .subshop>ul>li.modify>ul>li a {padding:4px 0 2px 0;}
#lnb .lnb .subshop.short li {line-height:114%;}
#lnb .lnb .subshop.wide {width:319px !important;}
#lnb .lnb .subshop.wide3 {width:480px !important;}
#lnb ul.company {margin:39px 0 0 10px; border-top:1px solid #e6e6e6;}
#lnb ul.company>li {padding:9px 0 8px 2px; border-bottom:1px solid #e6e6e6; vertical-align:top;}


/* ȸ¿ø·Î±×ÀÎ ·¹À̾îÆ˾÷ */
/*
.loginPop {position:fixed; top:50%; margin-top:-140px; left:50%; margin-left:-434px; width:869px; height:293px; background:url('../images/member/bg_login.png') no-repeat 0 0; z-index:1000000;}
.loginPop .loginWrap {width:783px; height:205px; padding:60px 0 0 36px; overflow:hidden; position:relative;}
.loginPop .loginL {float:left; width:467px;}
.loginPop .loginR {float:right; width:284px;}
.loginPop .loginArea {position:relative; width:467px; padding-bottom:35px; border-bottom:1px solid #dfdfdf;}
.loginPop .loginArea dl {width:209px; padding-left:147px; overflow:hidden;}
.loginPop .loginArea dl dt {float:left; clear:left; width:50px;padding:4px 0 6px 0;}
.loginPop .loginArea dl dd {float:left; width:159px; padding:0 0 6px 0;}
.loginPop .loginArea .logo {position:absolute; left:0; top:-7px;}
.loginPop .loginArea .btn {position:absolute; right:0; top:0;}
.loginPop .loginL ul {padding-top:25px;}
.loginPop .loginL ul li {padding-bottom:8px;}
.loginPop .close {position:absolute; right:0; bottom:0;}
/*

/* ȸ¿ø·Î±×ÀÎ ·¹À̾îÆ˾÷ */

.loginPop_bg {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);z-index:0;}
.loginPop {position:fixed; top:50%; margin-top:-140px; left:50%; margin-left:-434px; width:869px; height:293px; z-index:100; }
.loginPop .loginWrap {width:869px; height:233px; padding:60px 0 0 36px; overflow:hidden; position:relative; background:url('../images/member/bg_login.png') no-repeat 0 0; z-index:100; }
.loginPop .loginL {float:left; width:467px;}
.loginPop .loginR {float:right; margin-right:86px; width:284px;}
.loginPop .loginArea {position:relative; width:467px; padding-bottom:35px; border-bottom:1px solid #dfdfdf;}
.loginPop .loginArea dl {width:209px; padding-left:147px; overflow:hidden;}
.loginPop .loginArea dl dt {float:left; clear:left; width:50px;padding:4px 0 6px 0;}
.loginPop .loginArea dl dd {float:left; width:159px; padding:0 0 6px 0;}
.loginPop .loginArea .logo {position:absolute; left:0; top:-7px;}
.loginPop .loginArea .btn {position:absolute; right:0; top:0;}
.loginPop .loginL ul {padding-top:25px;}
.loginPop .loginL ul li {padding-bottom:8px;}
.loginPop .close {position:absolute; right:86px; bottom:30px;}

/*e-biz pop*/
.e-bizPop_bg {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);z-index:0;}
.e-bizPop {position:fixed; top:40%; margin-top:-140px; left:50%; margin-left:-434px; width:800px; height:452px; z-index:100; }
.e-bizPop .e-bizWrap {width:800; height:452;  overflow:hidden; position:relative;  z-index:100; padding-left:0px;}
.e-bizPop .e-bizL {float:left; width:467px;}
.e-bizPop .e-bizR {float:right; margin-right:86px; width:284px;}
.e-bizPop .e-bizArea {position:relative; width:467px; padding-bottom:35px; border-bottom:1px solid #dfdfdf;}
.e-bizPop .e-bizArea dl {width:209px; padding-left:147px; overflow:hidden;}
.e-bizPop .e-bizArea dl dt {float:left; clear:left; width:50px;padding:4px 0 6px 0;}
.e-bizPop .e-bizArea dl dd {float:left; width:159px; padding:0 0 6px 0;}
.e-bizPop .e-bizArea .logo {position:absolute; left:0; top:-7px;}
.e-bizPop .e-bizArea .btn {position:absolute; right:0; top:0;}
.e-bizPop .e-bizL ul {padding-top:25px;}
.e-bizPop .e-bizL ul li {padding-bottom:8px;}
.e-bizPop .close {position:relative; right:0px; bottom:0px;z-index:1000;}

/*Áֹεî·Ï¹øÈ£ ¾÷µ¥ÀÌÆ®Æ˾÷*/
.juminPop_bg {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);z-index:0;}
.juminPop {position:fixed; top:50%; margin-top:-140px; left:50%; margin-left:-434px; width:869px; height:293px; z-index:100; }
.juminPop .juminWrap {width:800px; height:233px; padding:30px 30px 30px 30px; overflow:hidden; position:relative; background:url('../images/member/bg_login.png') no-repeat 0 0; z-index:100; }
.juminPop .juminL {float:left; width:467px;}
.juminPop .juminR {float:right; margin-right:86px; width:284px;}
.juminPop .juminArea {position:relative; width:467px; padding-bottom:35px; border-bottom:1px solid #dfdfdf;}
.juminPop .juminArea dl {width:209px; padding-left:147px; overflow:hidden;}
.juminPop .juminArea dl dt {float:left; clear:left; width:50px;padding:4px 0 6px 0;}
.juminPop .juminArea dl dd {float:left; width:159px; padding:0 0 6px 0;}
.juminPop .juminArea .logo {position:absolute; left:0; top:-7px;}
.juminPop .juminArea .btn {position:absolute; right:0; top:0;}
.juminPop .juminL ul {padding-top:25px;}
.juminPop .juminL ul li {padding-bottom:8px;}
.juminPop .close {position:absolute; right:86px; bottom:30px;}