@charset 'utf-8';  

html,
body { overflow-x:hidden;}

html.win,
html.mac { overflow-x:visible;}
body { font-size:12px; color:#1e1e1e; background:#fff; width:100%;}
#WholeWrapper{ position:relative; background:#fff; z-index:80; width:100%; height:100%; }
/*Header*/
#Header .LogoSect { position:relative; overflow:hidden; width:100%; height:50px; background:#3ca15a;}
#Header .LogoSect .CategoryOpener { position:absolute; top:14px; left:14px;}
#Header .LogoSect .Gift { position:absolute; top:14px; right:14px;}
#Header .LogoSect h1.Logo { position:absolute; width:120px; top:8px; left:50%; margin-left:-60px;}
#Header .LogoSect h1.Logo img { width:120px;}

.InnerContent { margin: 50px 0 ;}
.InnerWrapper { margin:0 15px; }

/* Footer */
#Footer { width:100%; }
#Footer .Banner { overflow:hidden; width:100%; height:50px;background:#e7d7bf;}
#Footer .Banner .PhoneIco { position:relative; display:block; float:left; width:50px; height:50px; background:#d8bf99;}
#Footer .Banner .PhoneIco img { display:inline-block; width:18px;position:relative; top:14px; left:14px;}
#Footer .Banner .PhoneInfo { display:block; padding-left:20px; float:left; font-weight:bold; color:#222222; font-size:16px; line-height:50px;}
#Footer .Banner .PhoneInfo > span { color:#444444; font-size:15px;}

#Footer .NavSect { position:relative; border-bottom:1px solid #dcdcdc; height:50px;}
#Footer .NavSect .Link {  margin-left:16px; float:left; line-height:50px;}
html.iphone #Footer .NavSect .Link { margin-left:10px}
#Footer .NavSect .Link a {padding:0 15px; font-size:12px; color:#777777; background:url("/img/dmlc/mobile/common/bg_divider.png") no-repeat right 0; background-size:1px 100%;}
html.iphone #Footer .NavSect .Link a { padding:0 12px;}
#Footer .NavSect .Link a.Last { background:none;}
#Footer .NavSect .GoToTop { position:absolute; right:0; padding:0 20px; line-height:50px;  border-left:1px solid #dcdcdc; font-size:12px; color:#777777;}

#Footer .CopyRight { width:100%; height:40px;border:1px solid #ffffff;}/* 푸터영역 깨지는 현상으로 border값 잡아줌 */
#Footer .CopyRight .Text { line-height:40px; text-align:center; color:#777777; font-size:10px;}

/* Category */
#LeftCategory{ position:fixed; left:0; -webkit-transform: translateX(-300px); top:0; z-index:100; width:300px; overflow:hidden; overflow-y:auto; height:100%; background-color:#333; }
#LeftCategory .CategoryTitle{ width:100%; height:58px; overflow:hidden; box-shadow: 0px 0px 10px #000;}
#LeftCategory .CategoryTitle h3{ font-size:20px; color:#3ca15a; float:left; width:200px; font-weight:bold; padding-left:20px; line-height:58px; height:58px; overflow:hidden; } 
#LeftCategory .CategoryTitle a { position:absolute; right:0; top:0; width:50px; height:62px; line-height:62px; text-align:center;}
#LeftCategory .CategoryTitle a img { width:20px;}
#LeftCategory dl{ height:100%; overflow-x:hidden; color:#fff; font-size:15px; }
#LeftCategory dl dt{ line-height:40px; height:40px; overflow:hidden; text-indent:20px; background:url(/img/dmlc/mobile/bg/bg_dt.png) no-repeat 265px center; background-size:20px 20px; border-top:1px solid #393939; border-bottom:1px solid #2d2d2d; }
#LeftCategory dl dt a { display:block; width:100%; height:100%;}
#LeftCategory dl dt.Open { background-image:url(/img/dmlc/mobile/bg/bg_dt_open.png); background-size:20px 4px;}
#LeftCategory dl dd { display:none; overflow:visible; } 
#LeftCategory dl dd > ul > li{ line-height:40px; height:40px; overflow:hidden; text-indent:20px;border-top:1px solid #1e1e1e; background:#292929 }
#LeftCategory dl dd > ul > li a{ display:block; line-height:40px; height:40px; overflow:hidden; background:transparent url(/img/dmlc/mobile/bg/bg_dotLine03.png) no-repeat 20px center; background-size:3px 3px;} 
#LeftCategory dl dd > ul > li a.Current { color:#3ca747;}

#LeftCategory dl dd > ul > li.Dept2 { overflow:visible; height:auto;}
#LeftCategory dl dd > ul > li.Dept2.Active { background:#292929 url(/img/dmlc/mobile/bg/bg_dt_active.png) no-repeat 265px 20px; background-size:20px 4px;} 
#LeftCategory dl dd > ul > li.Dept2.Active > a { color:#3ca15a;}
#LeftCategory dl dd > ul > li.Dept2 > ul { display:none; height:auto; width:100%; background:#1e1e1e;}
/*html.LG350L #LeftCategory dl dd > ul li a { padding-top:5px;}*/
#LeftCategory dl dd > ul > li.dt{ height:auto; text-indent:20px; background:#292929 url(/img/dmlc/mobile/bg/bg_dt.png) no-repeat 265px 15px; background-size:20px 20px; }
#LeftCategory dl dd > ul > li.dt p{ display:none; width:100%; line-height:58px; height:62px; overflow:hidden; text-indent:35px; background-color:#292929; border-top:1px solid #1e1e1e; border-bottom:1px solid #2d2d2d; background-image:url(/img/dmlc/mobile/bg/bg_dd.png), url(/img/dmlc/mobile/bg/bg_dotLine03.png); background-repeat:no-repeat, no-repeat; background-position:265px center, 20px center; background-size:8px 15px, 3px 3px; }