﻿@charset "UTF-8";
@import url('/Css/layout.css');
@import url('/Css/Mall/storyshop.css');
@import url('/Css/common.css');
@import url('/Css/common2.css');
@import url('/Css/Common/quick.css');
#headerArea{
	z-index:99999999 !important;
}
#contentArea{
	width:700px;
	padding:20px 0 0 0 !important;
	overflow:hidden;
}
a:link,
a:visited {
	color:#6D6D6D ;
}
a:hover,
a:active {
	color:#F17733 ;
	text-decoration:underline ;
}

#MallMenu{
	float:left;
	width:170px;
	margin-right:8px;
}
#MallBody{
	float:left;
	width:700px;
	overflow:hidden;
}

.mMainFlash{
	width:692px;
	height:269px;
	overflow:hidden;
	background:url('/Images/Mall/2009/main/bg_box01.gif') no-repeat;
	
}
.MallCoontm{
	width:700px;
	overflow:hidden;
	font:0/0 Arial;
}


.mMainFlash .mMainLeft{
	float:left;
	width:518px;
	padding:7px 0 0 8px;
	overflow:hidden;
	
}
.mMainFlash .mMainRigth{
	float:left;
	width:150px;
	padding:9px 0 0 0;
	overflow:hidden;
	margin-left:4px;
}
#MallBody .mMainFlash .mMainRigth h2{
	font:0/0 Arial;
	width:131px;
	height:23px;
	font:0/0 Arial;
	padding:0 0 0 8px;
	margin:18px 0 0 0;
}
#MallBody .mMainFlash .mMainRigth h2 img{
	float:left;
}
#MallBody .mMainFlash .mMainRigth h2 a img{
	float:right;
}
.mMainFlash .mMainRigth  ul{
	list-style:none;
	width:193px;
	padding:7px 0 0 0;
	border-bottom:1px solid #EFEEEE; 
}
.mMainFlash .mMainRigth  ul li{
	width:183px;
	font:11px/14px Dotum;
	color:#656565;
	padding:2px 0 4px 12px; 
	border-top:1px solid #EFEEEE; 
	background:url('/Images/Mall/Bullet/bulDot01.gif') no-repeat 5px 8px;
}

#MallBody h2{
	width:700px;
	height:23px;
	padding:11px 0 0 0;
}
#Mallbody02{
	clear:both;
	width:870px;
	overflow:hidden;
}
#MallBody .cLeft{
	float:left;
	width:341px;
	
}
#MallBody .cRight{
	float:left;
	width:321px;
}
#MallBody h3{
	font:0/0 Arial;
	padding:20px 0 0 0;
}

#MallBody dl.storyTxt{
	float:left;
	width:155px;
}
#MallBody dl.storyTxt dt{
	float:left;
	font:0/0 Arial;

}
#MallBody dl.storyTxt dd{
	float:left;
	font:0/0 Arial;
}
.Mallcon01 .cLeft{
	padding:9px 0 0 0;
}

.Mallcon01 dl.storyTxt{
	width:154px;
}
.Mallcon01 .cRight h3{
	width:187px;
	padding-bottom:9px !important;;
	font:0/0 Arial;	
}
.Mallcon01 dl.storyTxt dd{
	padding:7px 0 0 0;
}
#MallBody .cRight dl.storyTxt{
	width:201px;

}
.Mallcon01 .cRight dl{
	padding:9px 0 0 0;
}
.storyimg01{
	float:left;
	margin-right:13px;
}
.Mallcon01 img.storyimg02{
	float:left;
	margin-right:13px;
}
.Mallcon01 dl.storyTxt{
	float:left;
	width:205px;	
}
.Mallcon01 dl.storyTxt dd{
	padding:7px 0 0 0;
}
.Mallcon02 {
	width:700px;
}
#MallBody .Mallcon02 .cLeft{
	float:left;
	width:301px;
	padding:0 0 22px 0; 
	margin:0 41px 0 0 ;

}
#MallBody .Mallcon02 .cRight{
	float:left;
	width:301px;	
	padding:0 0 22px 0; 
}
.Mallcon02 .cLeft img{
	display:block;
	margin:3px 0 0 0;
	
}	

.Mallcon02 .cLeft h3 img{
	display:inline;
	margin:0;
}
.Mallcon02 .cRight dl.storyTxt dt{
	padding:1px 0 0 1px;
}	
.Mallcon02 .cRight dl.storyTxt dd{
	font:0/0 Arial;
	padding:8px 0 0 0;
	
	
}

.Mallcon03 h3{
	float:left;
	width:280px;
	padding:13px 0 0 0;
	font:0/0 Arial;
}

#MallBody .Mallcon03 .cLeft img{
	float:left;
	margin-top:57px;
	margin-right:9px;
}
#MallBody .Mallcon03 .cLeft h3 img{
	
	margin-top:0;
	
}
.Mallcon03 dl{
	float:right;
	width:332px;
	padding:28px 0 0 0;

}
.Mallcon03 dl dd{
	padding:10px 0 0 0;
	font:0/0 Arial;
}
.Mallcon01,.Mallcon02,.Mallcon03{
	width:675px;
	padding:0 0 0 25px;
	overflow:hidden;
}
.Mallcon01{
	width:673px;
	height:255px;
	padding:0 0 0 27px;
	background:url('/Images/Mall/Common/bg_Mallcon01.gif') no-repeat left top;
}
.Mallcon02{
	width:675px;
	height:235px;
	padding:0 0 0 25px;
	background:url('/Images/Mall/Common/bg_Mallcon02.gif') no-repeat left top;
}
.Mallcon03{background:url('/Images/Mall/Common/bg_Mallcon03.gif') no-repeat left top; height:239px;
}
/* left lnb */
.Malltab{
	width:166px;
	list-style:none;
	overflow:hidden;
}
.Malltab li{
	float:left;
	font:0/0 Arial;
	cursor:pointer;
}
.CatBox01{
	width:166px;
	background:url('/Images/Mall/LNB/bg_LnbLine.gif') repeat-y left top;
	
}
.CatBox01 ul.CateCar{
	list-style:none;
	width:156px;
	padding:7px 0 36px 9px;
	background:url('/Images/Mall/LNB/bg_LnbFooter.gif') no-repeat  left bottom;
}
.CatBox01 ul.CateCar li.dept {
	width:139px;
	height:20px;
	font:0/0 Arial;
	padding:0 0 0 9px;
	overflow:hidden;
	border-bottom:1px solid #E7E7E7;
	
}
.CatBox01 ul.CateCar li.dept a{
	float:left;
	padding:4px 61px 3px 13px;
}
.CatBox01 ul.CateCar li.on{
	padding:1px 0 4px 9px;
	background:url('/Images/Mall/Common/bg_Lnb.gif') no-repeat left top;

}


.CatBox02{
	width:166px;
	background:url('/Images/Mall/LNB/bg_LnbLine.gif') repeat-y left top;
}
.CatBox02 ul.lisure{
	list-style:none;
	width:156px;
	padding:7px 0 36px 9px;
	background:url('/Images/Mall/LNB/bg_LnbFooter.gif') no-repeat  left bottom;
}
.CatBox02 ul.lisure li.dept{
	width:139px;
	font:0/0 Arial;
	padding:4px 0 0 9px;
	overflow:hidden;	
	border-bottom:1px solid #E7E7E7;
}

.CatBox02 ul.lisure li.last{
	border:none;
}
.CatBox02 ul.lisure li.dept img.leftImg{
	margin-left:10px;
	margin-top:1px;
	margin-bottom:6px;
}
.CatBox02 ul.lisure li.dept ul{
	list-style:none;
	width:63px;
	padding:0 0 0 10px;
}
.CatBox02 ul.lisure li.dept ul li{
	width:63px;
	height:16px;
	font:0/0 Arial;

}

.CatBox02 ul.lisure li a{
	float:left;
}

.CatBox02 ul.lisure li.on{
	background:url('/Images/Mall/Common/bg_Lnb.gif') no-repeat left top;
}

.bannerBox01,.bannerBox02,.bannerBox03{
	font:0/0 Arial;
}
ul.banner{
	list-style:none;
}
ul.banner li{
	width:148px;
	font:0/0 Arial;
	border-bottom:1px solid #E6E6E6; 
}
ul.banner li.last{
	border-bottom:none; 
}

.bannerBox01{
	width:145px;
	padding:0 0 0 0;
	margin:12px 0 0 0; 
	*margin:7px 0 0 0; 
}
.bannerBox01 h2{
	padding:15px 0 0 0;
}
.bannerBox01 img{
	display:block;
	margin:3px 0 0 0;
}
.bannerBox01 h2 img{
	display:inline;
	margin:0;
}
.bannerBox02{
	font:0/0 Arial;
	margin-top:10px;
}
.bannerBox03{
	font:0/0 Arial;
	margin-top:10px;
}
.bannerBox04 {
	padding:0 0 5px 0;
}
.bannerBox04 img{
	display:block;
	margin-top:5px;
}
.bannerBox05{
	width:160px;
	font:0/0 Arial;
	border:1px solid #E6E5E5; 
	margin:5px 0 0 0;
}
.bannerBox05 img{
	width:158px;
}
.bannerBox03 h2{
	width:113px;
	float:right;
	padding:14px 0 0 0;
}
.bannerBox03 img{
	font:0/0 Arial;
}
.bannerBox03 h2 img{
	float:left;
	display:inline;
	margin:0;
}
.bannerBox03 div.btn{
	float:right;
	width:113px;
	padding:4px 0 0 0;
}

.proDuctWarp{
	width:908px;
}
.proDuctWarp h2{
	width:859px;
	height:20px;
	padding:0 0 0 21px;
	margin:31px 0 0 0;
	font:0/0 Arial;
	border-bottom:1px solid #F78638; 
	
}
.proDuctWarp ul{
	width:908px;
	list-style:none;
	overflow:hidden;
	background:url('/Images/Mall/Common/bg_PrListLine02.gif') no-repeat left 314px #FAFAFA;
	border-bottom:1px solid #E3E3E3; 
}
.proDuctWarp ul li{
	float:left;
	width:165px;
	height:293px;
	margin-right:9px;
	margin-top:21px;
	overflow:hidden;
	background:url('/Images/Mall/Common/bg_PrListLine.gif') no-repeat right top;
	
}
.proDuctWarp ul li.last{
	background:none;
}
.proDuctWarp ul li.nobg{
	background:none;
}
.proDuctWarp ul li.LastProduct{
	width:170px;
	height:269px;
	font:0/0 Arial;
	overflow:hidden;
	padding:1px;
	border:1px solid #DCDCDA;
}
.proDuctWarp ul li div.Primg{
	width:153px;
	height:153px;
	position:relative;
	border:1px solid #d4d4d4; 
	overflow:hidden;
}
.proDuctWarp ul li div.Primg a img{
	width:153px;
	height:153px;
}
div.coupon{
	text-align:center;
	font:0/0 Arial;
	
	padding:10px 0 0 0;
}
div.coupon img{
	margin-left:2px;
}
.proDuctWarp ul li div.Primg img.png{
	position:absolute;
	top:-1px;
	left:-1px;
}
.proDuctWarp ul li dl{
	width:164px;
}
.proDuctWarp ul li dl dt{
	width:140px;
	text-align:center;
	padding:7px 10px 0 12px;
}
.proDuctWarp ul li dl dt a{
	width:164px;
	text-align:center;
	font:12px/14px Dotum;
	color:#656565;
}
.proDuctWarp ul li dl dt a:link{
	color:#656565; 
}
.proDuctWarp ul li dl dt a:visited{
	color:#656565;
}
.proDuctWarp ul li dl dt a:active{ 
	color:#656565;
}
.proDuctWarp ul li dl dt a:hover {
	color:#656565;
	text-decoration:underline;
}

.proDuctWarp ul li dl dd{
	width:164px;
	text-align:center;
	font:12px/14px Dotum;
	color:#656565;
	
}
.proDuctWarp ul li dl dd.gtxt01{
	padding:8px 0 0 0 ; 
}
.proDuctWarp ul li dl dd.gtxt02{
	padding:2px 0 0 0;
}
.proDuctWarp ul li dl dd.gtxt03{
	padding:7px 0 0 0;
}

.proDuctWarp ul li dl dd strong{
	color:#FF6000;
}

.proDuctWarp ul li.firstProduct{
	width:174px;
	height:293px;
	background:none;
	font:0/0 Arial;
	overflow:hidden;
}
.proDuctWarp02{
	width:870px;
	margin:30px 0 0 0;
	overflow:hidden;
	
}
.proDuctWarp02 .prLeft{
	float:left;
	width:424px;
	margin:0 22px 0 0;
	overflow:hidden;
}
.proDuctWarp02 .prRight{
	float:left;
	width:424px;
	overflow:hidden;
}
.proDuctWarp02 h2{
	width:413px;
	height:23px;
	font:0/0 Arial;
	padding:0 0 0 11px;
	background:url('/Images/Mall/Common/bg_DotMall02.gif') repeat-x left bottom;
	
}
.proDuctWarp02 ul.Prtab{
	width:424px;
	padding:0; 
	overflow:hidden;
	list-style:none;
	background:url('/Images/Mall/Common/bg_Bar01.gif') repeat-x left bottom;
	
	
}
.proDuctWarp02 ul.Prtab li{
	float:left;
	font:0/0 Arial;

}
.proDuctWarp02 .prImg{
	 float:left;
	 width:174px;
	 height:273px;
	 margin:0 20px 0 0;
}
.proDuctWarp02 .prImg img{
	 width:174px;
	 height:273px;
}
.prListWarp{
	width:424px;
	height:281px;
	padding:10px 0 0 0;
	overflow:hidden;
}
ul.prGuide{ 
	list-style:none;
	float:left;
	padding:2px 0 0 0;
	width:230px;
}
ul.prGuide li{
	width:230px;
	height:80px;
	overflow:hidden;
	padding:8px 0 0 0;
	border-bottom:1px solid #EBEBEB; 
	
}
ul.prGuide li div.sprImg{
	float:left;
	width:70px;
	height:70px;
	margin:0 10px 0 0;
}
ul.prGuide li  div.prGuidbtn{
	float:right;
	width:150px;
	padding:5px 0 0 0;
	font:0/0 Arial;
}
ul.prGuide li  div.prGuidbtn img{
	float:left;
}
ul.prGuide li  div.prGuidbtn img{
	margin-right:2px;
}
ul.prGuide li dl{
	float:right;
	width:150px;
}
ul.prGuide li dl dt{
	padding:4px 0 0 0;
	font:12px/14px Dotum;
	color:#656565;	
}
ul.prGuide li dl dd{
	padding:5px 0 0 0;
}
ul.prGuide li dl dd strong{
	color:#FF6000;
}
ul.PrList{
	width:447px;
	padding:16px 0 0 0;
	overflow:hidden;
}
ul.PrList li{
	float:left;
	width:137px;
	height:150px;
	margin-right:6px;
	position:relative;
	overflow:hidden;
}
ul.PrList li img.png{
	position:absolute;
	top:0;
	left:0;
	
}
.shopHelp{
	clear:both;
	width:870px;
	height:229px;
	padding:0 0 0 29px;
	margin:12px 0 0 0;
	background:url('/Images/Mall/Common/bg_ProDuctbox08.gif') no-repeat left top;
	
}
.Are01{
	float:left;
	width:186px;
	background:url('/Images/Mall/Common/bg_ProDuctbox07.gif') no-repeat right 20px;
}
.Are02{
	float:left;
	width:218px;
	padding:0 0 0 18px;
}
.Are03{
	float:left;
	width:200px;
	font:0/0 Arial;
	background:url('/Images/Mall/Common/bg_ProDuctbox07.gif') no-repeat right 20px;
}
ul.Are04{
	list-style:none;
	float:left;
	width:168px;
	padding:9px 0 0 20px;
}
.Are01 h2{
	width:100px;
	padding:0 0 0 13px;
	margin-top:20px;
	font:0/0 Arial;
}
.Are01 ul{
	list-style:none;
	width:186px;
	padding:1px 0 0 0;
	background:url('/Images/Mall/Common/bg_ProDuctbox06.gif') no-repeat left top;
	
}
.Are01 ul li{
	width:162px;
	font:11px/14px Dotum;
	color:#656565;
	padding:2px 0 5px 10px;
	background:url('/Images/Mall/Common/bg_ProDuctbox02.gif') no-repeat left top;
	
}
.Are01 .payGuide{
	font:0/0 Arial;
	margin:10px 0 0 0;
}

.Are02 h2{
	width:195px;
	font:0/0 Arial;
	padding:0 0 0 13px;
	margin-top:20px;
	overflow:hidden;
}
.Are02 h2 img{
	float:left;
}
.Are02 h2 a img {
	float:right;
	margin-top:1px;
}
.Are02 ul{
	list-style:none;
	width:193px;
	padding:7px 0 0 0;
	border-bottom:1px solid #EFEEEE; 
}
.Are02 ul li{
	width:183px;
	font:11px/14px Dotum;
	color:#656565;
	padding:2px 0 4px 12px; 
	border-top:1px solid #EFEEEE; 
	
	background:url('/Images/Mall/Bullet/bulDot01.gif') no-repeat 5px 8px;
}
.Are02 ul li a{
	color:#959595;
}

.Are03 img{
	display:block;
}
.Are03 h2{
	width:150px;
	height:20px;
	padding:0 0 0 13px;
	font:0/0 Arial;
	margin-top:20px;
	
}
.Are03 h2 img{
	display:inline;
}

ul.Are04 li{
	width:168px;
	font:0/0 Arial;
	padding:11px 0 16px 0;
	border-bottom:1px solid #EFEEEE; 
	
}
/* 1depth 메인 */
.onedepthMain{
	overflow:hidden;
}
.MainD01,
.MainD02,
.MainD03,
.MainD04{
	width:692px;
	overflow:hidden;
}
.MainD01{
	height:262px;
}
.MainD02{}
.MainD03{
	height:218px;
	background:url('/Images/Mall/Common/bg_1Depth04.gif') no-repeat left top;
}
.MainD01 .PrView01{
	float:left;
	width:496px;
	height:261px;
	margin:0 7px 0 0; 
	position:relative;
	overflow:hidden;
	z-index:-9;
	background:url('/Images/Mall/Common/bg_ProDuctbox05.gif') no-repeat left bottom;
	
}
.MainD01 .PrView01 #PrMove{
	position:absolute;
	top:0;
	left:0;
}
.MainD01 .PrView01 #PrNum{
	list-style:none;
	width:76px;
	position:absolute;
	top:212px;
	left:23px;
}
.MainD01 .PrView01 #PrNum li{
	float:left;
	margin-right:2px;
}
.MainD01 .PrView02{
	float:left;
	width:187px;
	height:228px;
	padding:1px;
	position:relative;
	overflow:hidden;
}
.MainD01 .PrView02 img.prImg{
	width:187px;
	height:228px;
}
.MainD01 .PrView02 img.index01{
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
}
.MainD01 .PrView02 img.index02{
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	display:none;
}

.MainD02 ul.PrView03{
	list-style:none;
	float:left;
	width:503px;
	height:127px;
}
.MainD02 ul.PrView03 li{
	float:left;
	width:162px;
	height:147px;
	font:0/0 Arial;
	margin-right:5px;
	padding:0;
}
.MainD02 ul.PrView03 li img.png{
	clear:both;
	position:absolute;
	top:0;
	left:0;
	display:none;
}
.MainD02 .PrView04{
	float:left;
	width:186px;
	height:167px;
	overflow:hidden;
}
.MainD02 .PrView04 h2{
	float:left;
	width:140px;
	padding:0 0 0 4px;
}
.MainD02 .PrView04 ol{
	list-style:none;
	float:left;
	width:42px;
	
}
.MainD02 .PrView04 ol li{
	float:left;
	width:14px;
	font:0/0 Arial;
}
.MainD02 .PrView04 .TrandShop{
	float:left;
	display:block;
	width:188px;
	height:124px;
	margin:8px 0 0 0;
	padding:1px 0 0 0;
	font:0/0 Arial;
	position:relative;
	overflow:hidden;
}
.MainD02 .PrView04 .TrandShop img{
	width:188px;
	height:124px;
	display:block;
}
.MainD02 .PrView04 .TrandShop .png{
	width:auto;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	display:none;
}
.MainD03 h2{
	width:100px;
	height:55px;
	font:0/0 Arial;
}
.MainD03 .titwarp{	
	float:left;
	width:139px;
	padding:24px 0 0 18px;
}
.MainD03 img.Bestitem{
	float:left;
}
.MainD03 ul{
	list-style:none;
	float:right;
	width:522px;
	padding:19px 0  0 10px;
	border-left:1px solid #F2F2F2;
}
.MainD03 ul li{
	float:left;
	width:110px;
	padding:0;
	margin:0 20px 0 0;
}
.MainD03 ul li.last{
	margin:0 0px 0 0;
}
.MainD03 ul li dl dt{
	text-align:center;
	font:12px/16px Dotum;
	color:#656565;
	
}
.MainD03 ul li dl dd{
	text-align:center;
}

.MainD03 ul li dl dd strong{
	font:12px/16px Dotum;
	color:#FF6000;

}
.MainD03 ul li .PrImg{
	width:110px;
	height:110px;
	font:0/0 Arial;
	position:relative;
	border:1px solid #E8E8E8;
}
.MainD03 ul li .PrImg a img{
	width:110px;
	height:110px;
}
.MainD03 ul li .PrImg .png{
	position:absolute;
	top:0;
	left:0;
}
ul.MainD04{
	list-style:none;
	width:702px;
}
ul.MainD04 li.prLWarp{
	float:left;
	width:341px;
	height:266px;
	margin:0 10px 0 0;
	background:url('/Images/Mall/Common/bg_1Depth05.gif') no-repeat left top;
	
}
ul.MainD04 li.prLWarp h2{
	width:150px;
	height:42px;
	padding:10px 0 0 14px;
	font:0/0 Arial;
}
ul.MainD04 li.prLWarp ul{
	list-style:none;
}

ul.MainD04 li.prLWarp ul li{
	float:left;
	width:173px;
	padding:0 0 1px 0;
	font:0/0 Arial;
}
ul.MainD04 li.prLWarp ul li.bigS{
	float:left;
	width:165px;
	height:203px;
	padding:0 0 0 1px;
}
.storyShop{
	width:871px;
	height:252px;
	margin:26px 0 0 0;
	padding:0;
	overflow:hidden;
	background:url('/Images/Mall/Common/bg_Story.gif') no-repeat left top;
}
.storyShop h2{
	width:170px;
	height:58px;
	font:0/0 Arial;
	padding:27px 0 0 103px; 
}
.gropLeft{
	float:left;
	width:486px;
	overflow:hidden;
}
.gropRight {
	float:left;
	width:384px;
	position:relative;

}
.gropLeft ol{
	float:left;
	width:94px;
    list-style:none;

}
.gropLeft ol li{
	width:84px;
	height:70px;
	padding:11px 0 0 9px;
}
.gropLeft .comBS{
	float:left;
	width:392px;
	height:162px;
	overflow:hidden;
	padding:0;	
}
.gropLeft .comBS img{
	width:392px;
	height:162px;
}
.gropLeft .comBS .comBStxt{
	display:block;
	margin-top:9px;
}

.gropRight h3{
	width:176px;
	position:absolute;
	top:99px;
	left:0;
}
.gropRight h3 img{
	margin-left:12px;
}
.gropRight h3 img.comBStxt02{
	margin-left:0;
	margin-top:25px;
}
.gropRight ul{
	list-style:none;
	width:384px;
	padding:2px 0 0 0;
	margin:0;
}
.gropRight ul li{
	float:left;
	font:0/0 Arial;

}
.gropRight ul li.ps01{
	padding:0 0 1px 0;	
}
.gropRight ul li.ps02{
	padding:0 0 1px 0;
}
.gropRight ul li.ps03{
	padding:0 0 1px 193px;
}
.gropRight ul li.ps04{
	padding:0 0 0 186px;
}
.hotitem{
	width:160px;
	height:209px;
	padding:0;
	margin:0;
	background:url('/Images/Mall/Common/bg_HotitemWarp.gif') no-repeat left top;
	
}
.hotitem .itemTit{
	width:160px;
	overflow:hidden;
}
.hotitem .itemTit h2{
	float:left;
	width:80px;
	padding:13px 0 0 15px;
}
.hotitem .itemTit  ol{
	list-style:none;
	float:right;
	width:45px;
	padding:13px 0 0 0;
}
.hotitem .itemTit  ol li{
	float:left;
	margin-right:2px;


}
.hotitem .itemTit  ol li img{
	cursor:pointer;
}
.imgRollWarp {
	width:160px;
	height:93px;
	margin:14px 0 0 0;
	position:relative;
	overflow:hidden;

	
}
img.shadow{
	position:absolute;
	top:0;
	left:33px;
	z-index:-1px;
	
}
.imgRollWarp img.clickLeft{
	position:absolute;
	top:33px;
	left:12px;
}
.imgRollWarp img.clickRght{
	position:absolute;
	top:33px;
	right:12px;
}
.imgRollWarp ul{
	list-style:none;
	width:91px;
	height:81px;
	margin: 0 0 0 35px; 
	position:relative;
	overflow:hidden;
}
.imgRollWarp ul li{
	width:91px;
	height:80px;
	font:0/0 Arial;
	position:absolute;
	top:2px;
	left:0;
}
.imgRollWarp ul.primgList01{
}
.imgRollWarp ul.primgList02{
	height:20px;
	overflow:hidden;
	margin-top:1px;
	*z-index:-1;
}
.imgRollWarp ul.primgList02 li{
	-moz-opacity:0.5;
	filter: alpha(opacity=50);

}
.imgRollWarp ul.primgList02 li img{
	filter:flipv();
}
.imgRollWarp ul li img{
	width:91px;
	height:80px;
}
.hotitem dl{
	width:108px;
	padding:0 0 0 14px;
	margin:0 0 0 0 ;
	position:relative;
}
.hotitem dl dt{
	padding:0 0 0 1px;
}
.hotitem dl dd{
	padding:4px 0 0 0;
}
/*codpro 2009-01-23*/
div.cpbtn-more{
	float:right;
	margin-top:3px;
}
/*box*/
div.boxtype01{
	width:341px;
	background:url(/Images/Mall/2009/common/boxtype01_btm.gif) no-repeat 0 bottom;
}
	div.boxtype01-top{
		width:326px;
		overflow:hidden;
		padding:15px 0 0 15px;
		background:url(/Images/Mall/2009/common/boxtype01_top.gif) no-repeat 0 top;
	}
div.boxtype02{
	clear:both;
	width:692px;
	background:url(/Images/Mall/2009/common/boxtype02_btm.gif) no-repeat 0 bottom;
}

div.boxtype02_1105{
	clear:both;
	width:870px;
	background:url(/Images/Mall/2009/common/091105_boxtype02_btm.gif) no-repeat 0 bottom;
}
div.boxtype02-top_1105{
		width:870px;
		overflow:hidden;
		background:url(/Images/Mall/2009/common/091105_boxtype02_top.gif) no-repeat 0 top;
	}

	div.boxtype02-top{
		width:665px;
		overflow:hidden;
		padding:15px 12px 0 15px;
		background:url(/Images/Mall/2009/common/boxtype02_top.gif) no-repeat 0 top;
	}
	div.boxtype01-top h2,
	div.boxtype02-top h2{
		margin:0;
		padding:1px 0 3px 13px;
		float:left;
		font-size:12px;
		color:#565656;
		font-weight:bold;
		letter-spacing:-1px;
	}
div.boxtype03{
	width:870px;
	background:url(http://file.milestory.com/Images/Mall/2009/common/boxtype03_mid.gif) repeat-y;
}
	div.boxtype03 div.boxtype03-btm{
		width:870px;
		background:url(http://file.milestory.com/Images/Mall/2009/common/boxtype03_btm.gif) no-repeat  0 bottom;
	}
	div.boxtype03-btm div.boxtype03-top{
		width:840px;
		overflow:hidden;
		padding:15px 15px 20px 15px;
		background:url(http://file.milestory.com/Images/Mall/2009/common/boxtype03_top.gif) no-repeat 0 top;
	}
div.boxtype04{
	width:840px;
	overflow:hidden;
	height:230px;
	padding:15px 15px 0 15px;
	background:url(/Images/Mall/2009/common/boxtype04.gif) no-repeat;
}
div.boxtype05{
	clear:both;
	background:url(/Images/Mall/2009/common/boxtype05_mid.gif) repeat-y 0 0;
	width:870px;
	margin-top:12px;
}

div.boxtype05_1105{
	clear:both;
	background:url(/Images/Mall/2009/common/boxtype05_mid.gif) repeat-y 0 0;
	width:870px;
	padding:0px 12px 0 26px;
}

	div.boxtype05 div.boxtype05-btm{
		background:url(/Images/Mall/2009/common/boxtype05_btm.gif) no-repeat 0 bottom;
		width:870px;
	}
	div.boxtype05 div.boxtype05-top{
		background:url(/Images/Mall/2009/common/boxtype05_top.gif) no-repeat 0 top;
		padding:15px 0 0 15px;
		width:855px;
		overflow:hidden;
	}
div.boxtype03 h2,
div.boxtype04 h2,
div.boxtype05-top h2{
	background:url(/Images/Mall/2009/common/icon/bl02.gif) no-repeat 0 0;
	float:left;
	padding:1px 0 3px 13px;
	font-size:12px;
	color:#565656;
	letter-spacing:-1px;
}
/*left*/
div.cp-malllnb{
	float:left;
	width:160px;
	margin:0 0 12px 0;
}
*+html div.cp-malllnb{
	margin:0 0 6px 0;
}
/*lnb*/
div.cp-lnbmenu{
	width:160px;
	background:url(/Images/Mall/2009/common/lnbbox_mid.gif) repeat-y 0 0;
	position:relative;
	z-index:100;
}
	div.cp-lnbmenu div.cp-lnbmenu-btm{
		width:160px;
		background:url(/Images/Mall/2009/common/lnbbox_btm.gif) no-repeat 0 bottom;
	}
	div.cp-lnbmenu-btm div.cp-lnbmenu-top{
		width:138px;
		padding:18px 12px 20px 10px;
		background:url(/Images/Mall/2009/common/lnbbox_top.gif) no-repeat 0 top;
	}
div.cp-lnbmenu-top h2{
	margin:0;
	padding:0;
	text-align:center;
	font-weight:bold;
	color:#666;
	font-size:16px;
	font-family:gulim;
}
	div.cp-lnbmenu-top div.sub{
		text-align:center;
		padding-top:5px;
	}
div.cp-lnbmenu-top ul.scate{
	padding-top:15px;
	width:100%;
	color:#8A8989;
}
	ul.scate li{
		background:url(/Images/Mall/2009/common/icon/bl_lnb.gif) no-repeat 14px 6px;
		border-bottom:1px solid #E7E7E7;
		padding:5px 0 0 29px;
		height:19px;
		position:relative;
		cursor:pointer;
		white-space:nowrap;
		letter-spacing:-1px;
	}
		ul.scate li.last{
			border-bottom:none;
			padding:5px 0 1px 29px;
		}
		ul.scate li:hover,
		ul.scate li.hover{
			width:138px;
			_width:109px;
			height:19px;
			font-weight:normal;
			padding-bottom:1px;
			color:#fff;
			letter-spacing:-1px;
			padding:5px 0 1px 29px;
			border-bottom:none;
			background:url(/Images/Mall/2009/common/lnb_bgon.gif) no-repeat 0 0;
		}
		ul.scate li a:link,
		ul.scate li a:visited,
		ul.scate li a:hover,
		ul.scate li a:active{
			color:#8A8989;
			text-decoration:none;
		}
div.inbox{
	width:293px;
	position:absolute;
	top:0;
	left:135px;
	z-index:100;
	display:none;
	overflow:hidden;
}
	div.inbox-top{
		width:293px;
		height:19px;
		background:url(/Images/Mall/2009/common/lnb_box_top.png) no-repeat 0 top;
	}
	div.inbox-mid{
		width:287px;
		background:url(/Images/Mall/2009/common/lnb_box_mid.png) repeat-y 0 0;
		padding:0 0 0 6px;
	}
	div.inbox-btm{
		width:293px;
		height:22px;
		background:url(/Images/Mall/2009/common/lnb_box_btm.png) no-repeat 0 bottom;
	}
ul.cate-sub{
	width:280px;
	overflow:hidden;
	font-size:11px;
}
	ul.cate-sub li{
		border-bottom:none;
		color:#656565;
		float:left;
		font-weight:normal;
		width:122px;
		height:5px;
		padding:7px 0 10px 18px;
		_padding:7px 0 5px 18px;
		margin:0;
		background:url(/Images/Mall/2009/common/icon/bl05.gif) no-repeat 10px 9px;
	}
	ul.cate-sub li:hover,
	ul.cate-sub li.hover{
		border-bottom:none;
		color:#fff;
		float:left;
		font-weight:normal;
		width:122px;
		padding:7px 0 10px 18px;
		_padding:7px 0 5px 18px;
		margin:0;
		height:5px;
		background:#F5A11A url(/Images/Mall/2009/common/icon/bl04.gif) no-repeat 10px 9px;
	}
ul.scate li:hover div.inbox,
ul.scate li.hover div.inbox {
	display:block;
}
/*//lnb*/
ul.cp-mbanner{
	width:160px;
	padding-top:12px;
}
	ul.cp-mbanner li{
		width:160px;
		line-height:0;
		font-size:0;
	}
div.cp-bmall{
	width:160px;
	padding-top:5px;
}
ul.cp-mweb{
	width:160px;
	padding-top:10px;
}
/*right*/
div.cp-mall-top{
	float:left;
	width:692px;
	overflow:hidden;
	margin-bottom:12px;
	position:relative;
}
*+html div.cp-mall-top{
	margin-bottom:6px;
}
div.cp-mainflash{
	width:692px;
	height:269px;
	overflow:hidden;
	background:url(/Images/Mall/2009/main/bg_box01.gif) no-repeat;
	
}
	div.cp-mainflash div.cpleft{
		float:left;
		width:518px;
		padding:7px 0 0 8px;
		overflow:hidden;
		
	}
	div.cp-mainflash div.cpright{
		float:left;
		width:150px;
		padding:16px 0 0 0;
		overflow:hidden;
		margin-left:4px;
	}
		div.cpright h2{
			float:left;
			margin:0 0 0 3px;
			padding:0 0 0 15px;
		}
		div.cpright div.btnri{
			float:right;
			margin-right:2px;
		}
			div.btnri img{
				margin-left:3px;
			}
dl.cp-shopstory{
	width:146px;
	clear:both;
	padding-top:3px;
}
	dl.cp-shopstory dt{
		width:140px;
		font-weight:bold;
		padding:5px 0 7px 6px;
		letter-spacing:-1px;
	}
	dl.cp-shopstory dd{
		width:140px;
		font-size:11px;
		letter-spacing:-1px;
		padding:0 0 10px 6px;
		line-height:120%;
	}
	dl.cp-shopstory dd.img{
		width:146px;
		height:110px;
		padding:0;
		margin:0;
		border:1px solid #E5E5E5;
		text-align:center;
	}
		dl.cp-shopstory dd.img img{
			border:1px solid #fff;
			vertical-align:top;
		}
ul.shoplank{
	width:130px;
	margin-left:9px;
}
	ul.shoplank li{
		font-size:11px;
		padding:2px 0 0 14px;
		line-height:160%;
		border-top:1px solid #E1E0E0;
		background:url(/Images/Mall/2009/common/icon/bl01.gif) no-repeat 5px 8px;
	}
/*md추천*/
div.cp-gole{
	float:left;
	margin:8px 10px 12px 0;
}
div.cp-gori{
	float:left;
	margin:8px 0 12px 0;
}
div.cp-bestin{
	clear:both;
	width:318px;
}
dl.bestshot{
	width:110px;
	float:left;
	padding:13px 0 5px;
}
	dl.bestshot dd.img{
		width:110px;
	}
		dl.bestshot dd.img img{
			border:none;
			margin:0;
			padding:0;
		}
		dl.bestshot dd.img div.data{
			position:relative;
			z-index:1;
		}
			dl.bestshot dd.img div.data img{
				border:1px solid #E8E8E8;
			}
		dl.bestshot dd.img div.best{
			position:absolute;
			top:1px;
			left:4px;
			_left:1px;
			z-index:0;
		}
			dl.bestshot dd.img div.best img{
				border:none;
			}
	dl.bestshot dt{
		width:110px;
		font-size:11px;
		text-align:center;
		letter-spacing:-1px;
	}
	dl.bestshot dd{
		width:110px;
		padding:8px 0 4px;
		text-align:center;
	}
		dl.bestshot dd span{
			font-weight:bold;
			color:#FF6000;
		}
		dl.bestshot dd img{
			padding-top:8px;
		}
div.cp-mdin{
	float:right;
	padding-top:21px;
}
	div.cp-mdin dl{
		width:200px;
		overflow:hidden;
		padding:0 0 5px 0;
	}
		div.cp-mdin dl dd.img{
			width:53px;
			float:left;
			margin-right:5px;
		}
		div.cp-mdin dl dd.img img{
			border:1px solid #E8E8E8;
		}
		div.cp-mdin dl dt{
			font-size:11px;
			width:140px;
			float:left;
			color:#5D5D5D;
			padding:5px 0 3px;
			letter-spacing:-1px;
			line-height:120%;
		}
		div.cp-mdin dl dd{
			font-weight:bold;
			font-size:11px;
			width:140px;
			float:left;
			color:#777679;
		}
/*special*/
ul.cp-splan{
	width:670px;
	overflow:hidden;
	padding:17px 0 8px;
}
	ul.cp-splan li{
		float:left;
		padding:0 5px 2px 0;
	}
/*bottom*/
div.cp-mall-btm{
	width:870px;
	clear:both;
	overflow:hidden;
}
/*uniself */
div.cp-boxuni{
	float:left;
	width:430px;
	margin:0 10px 0 0;
	padding-bottom:12px;
	overflow:hidden;
}
div.cp-boxshop{
	float:left;
	width:870px;
	padding-bottom:12px;
	overflow:hidden;
}
div.boxuni-in{
	clear:both;
	width:100%;
}
dl.cp-unshop{
	float:left;
	width:102px;
	font-size:11px;
	padding-top:13px;
	margin:0 15px 0 15px;
	_margin:0 15px 0 10px;
}
	dl.cp-unshop dd.img{
		width:85px;
	}
		dl.cp-unshop dd.img img{
			border:1px solid #E8E8E8;
		}
	dl.cp-unshop dt{
		color:#5D5D5D;
		width:102px;
		letter-spacing:-1px;
		padding:8px 0 4px;
		text-align:center;
	}
	dl.cp-unshop dd{
		width:102px;
		color:#FF6000;
		text-align:center;
		font-weight:bold;
	}
/*JOYMART*/
dl.cp-joymart{
	width:110px;
	float:left;
	padding-top:10px;
	margin:0 5px 0 5px;
	_display:inline;
}

	dl.cp-joymart dd.img{
		width:110px;
	}
		dl.cp-joymart dd.img img{
			border:1px solid #E8E8E8;
		}
	dl.cp-joymart dt{
		width:110px;
		color:#656565;
		text-align:center;
		letter-spacing:-1px;
	}
	dl.cp-joymart dd{
		width:110px;
		text-align:center;
		font-weight:bold;
		padding:4px 0;
	}
	*+html dl.cp-joymart dd{
		padding:8px 0;
	}
		dl.cp-joymart dd p{
			color:#909090;
			font-size:11px;
			margin-bottom:5px;
			text-decoration:line-through;
		}
div.cp-newimg{
	float:left;
	width:162px;
	height:283px;
	margin-top:20px;
	border:1px solid #E8E8E8;
}
	div.cp-newimg img{
		margin:2px;
	}
div.cp-bestimg{
	float:right;
	width:680px;
	padding:20px 0 0 11px;
}
/*car*/
dl.cp-bestgoods{
	width:102px;
	float:left;
	padding:0 10px 0px 0;
	_padding:0 8px 0px 0;
	height:170px;
}
	dl.cp-bestgoods dd.img{
		width:102px;
	}
		dl.cp-bestgoods dd.img img{
			border:1px solid #E8E8E8;
		}
	dl.cp-bestgoods dt{
		width:102px;
		padding:5px 0 3px;
		color:#5D5D5D;
		letter-spacing:-1px;
		font-size:11px;
		text-align:center;
	}
	dl.cp-bestgoods dd{
		width:102px;
		text-align:center;
		font-weight:bold;
		color:#FF6000;
		font-size:11px;
		text-align:center;
	}

	dl.cp-bestgoods01{
		width:102px;
		float:left;
		padding:0 0 15px 0;
		height:160px;
}
	dl.cp-bestgoods dd.img01{
		width:102px;
	}
		dl.cp-bestgoods01 dd.img img{
			border:1px solid #E8E8E8;
		}
	dl.cp-bestgoods01 dt{
		width:102px;
		padding:5px 0 3px;
		color:#5D5D5D;
		letter-spacing:-1px;
		font-size:11px;
		text-align:center;
	}
	dl.cp-bestgoods01 dd{
		width:102px;
		text-align:center;
		font-weight:bold;
		color:#FF6000;
		font-size:11px;
		text-align:center;
	}

	
div.cp-titleBox2{
	width:692px;
	overflow:hidden;
	height:21px;
}
	div.cp-titleBox2 div.titleL h1{
		background: url('/Images/Mall/Bullet/bulH1.gif') no-repeat 0 0;
		font-size:16px;
		color:#565656;
		letter-spacing:-1px;
		padding:8px 0 7px 15px;
		margin:0;
		height:21px;
	}
	.titleL {
		float: left;
		_display: inline;
	}
	.titleL p {
		position: absolute;
		clear: left;
		float: left;
		_left: 178px;
		_margin-top: 22px;
		padding-left: 15px;
	}
	.titleL span.des {
		position: absolute;
		background: url('/Images/Bullet/bullTitleLineGray.gif') no-repeat 0 1px;
		margin-left: 10px;
		*margin-left: 0;
		padding: 5px 0 0 6px;
	}
	.titleL span.des img { margin-top: 1px;}
	.titleR {
		float: right;
		margin: 0 10px 0 0;
		overflow: hidden;
		_display: inline;
	}
/*2depth*/
div.boxtype08{
	width:692px;
	background:url(/Images/Mall/2009/common/boxtype08_mid.gif) repeat-y 0 0;
	margin:20px 0 7px 0;
}
	div.boxtype08 div.boxtype08-btm{
		width:692px;
		background:url(/Images/Mall/2009/common/boxtype08_btm.gif) no-repeat 0 bottom;
	}
	div.boxtype08-btm div.boxtype08-top{
		width:678px;
		overflow:hidden;
		padding:12px 0 20px 14px;
		background:url(/Images/Mall/2009/common/boxtype08_top.gif) no-repeat 0 top;
	}
		div.boxtype08-top h2{
			float:left;
			margin-right:14px;
		}
		div.boxtype08-top span{
			float:left;
			margin-top:23px;
		}
ul.cp-bestbox{
	width:650px;
	clear:both;
	padding-top:20px;
}
	ul.cp-bestbox li{
		float:left;
		margin-right:22px;
	}
	ul.cp-bestbox li.last{
		margin-right:0;
	}
dl.cp-bseller{
	width:112px;
}
	dl.cp-bseller dd.img{
		width:112px;
	}
		dl.cp-bseller dd.img img{
			border:1px solid #E8E8E8;
		}
		dl.cp-bseller dd.img div.data{
			position:relative;
		}
		dl.cp-bseller dd.img div.best{
			position:absolute;
			top:0;
			left:4px;
			_left:0;
		}
			dl.cp-bseller dd.img div.best img{
				border:none;
			}
	dl.cp-bseller dt{
		width:112px;
		padding:9px 0 6px;
		text-align:center;
	}
	dl.cp-bseller dd{
		width:112px;
		text-align:center;
		font-weight:bold;
		color:#FF6000;
	}
	dl.cp-bseller dd p{
		font-weight:normal;
		color:#777679;
		text-decoration:line-through;
	}
div.boxtype09{
	width:692px;
	background:url(/Images/Mall/2009/common/boxtype09_mid.gif) repeat-y 0 0;
	margin:12px 0 7px 0;
}
	div.boxtype09 div.boxtype09-btm{
		width:692px;
		background:url(/Images/Mall/2009/common/boxtype09_btm.gif) no-repeat 0 bottom;
	}
	div.boxtype09-btm div.boxtype09-top{
		width:679px;
		overflow:hidden;
		padding:13px 0 13px 13px;
		background:url(/Images/Mall/2009/common/boxtype09_top.gif) no-repeat 0 top;
	}
div.boxtype09-top h2{
	margin:0;
	background:url(/Images/Mall/2009/common/icon/bl02.gif) no-repeat 0 0;
	float:left;
	padding:1px 0 3px 13px;
	font-weight:bold;
	font-size:12px;
	letter-spacing:-1px;
	color:#565656;
}
div.nbestbox{
	width:100%;
	clear:both;
	overflow:hidden;
	padding-top:17px;
}
	div.nbestbox a img{
		margin-right:18px;
		float:left;
	}
div.nbestbox dl.bestimg{
	width:102px;
	font-size:11px;
	float:left;
	margin:0 8px 0 2px;
	_margin:0 7px 0 1px;
}
	dl.bestimg dd.img{
		width:102px;
		height:102px;
	}
		dl.bestimg dd.img a img{
			margin-right:0;
			border:1px solid #E8E8E8;
		}
	dl.bestimg dt{
		width:102px;
		text-align:center;
		letter-spacing:-1px;
		margin:8px 0 8px 0;
	}
	dl.bestimg dd{
		width:102px;
		text-align:center;
		font-weight:bold;
		color:#FF6000;
	}
div.cp-storytab{
	width:692px;
	overflow:hidden;
	clear:both;
	margin-top:19px;
	background:url(/Images/Mall/2009/common/icon/bline.gif) repeat-x 0 bottom;
}
	div.cp-storytab ul.stab{
		overflow:hidden;
		float:left;
	}
		ul.stab li{
			float:left;
			line-height:0;
			font-size:0;
		}
div.cp-storytab div.sumnail{
	float:right;
	margin-top:3px;
}
	div.sumnail img{
		vertical-align:top;
		margin-top:2px;
	}
	div.sumnail select{
		font-size:11px;
		color:#99999A;
		margin-left:9px;
	}

ul.cp-lineboxtype1{
	width:692px;
	overflow:hidden;
	background:url(/Images/Mall/2009/common/icon/dott.gif) repeat-x 0 bottom;
	padding:18px 0 13px;
}
	ul.cp-lineboxtype1 li{
		float:left;
		margin-right:13px;
	}
	ul.cp-lineboxtype1 li.last{
		margin-right:0;
	}
ul.cp-lineboxtype2{
	width:692px;
	overflow:hidden;
	border-bottom:1px solid #D6D6D6;
	padding:12px 0 16px;
}
	ul.cp-lineboxtype2 li{
		float:left;
		margin-right:13px;
	}
	ul.cp-lineboxtype2 li.last{
		margin-right:0;
	}
dl.cp-price{
	width:104px;
}
	dl.cp-price dd.img{
		width:104px;
		padding-bottom:6px;
	}
		dl.cp-price dd.img img{
			border:1px solid #E8E8E8;
		}
	dl.cp-price dt{
		width:104px;
		padding:7px 0 8px;
		text-align:center;
	}
	dl.cp-price dd{
		width:104px;
		font-weight:bold;
		color:#FF6000;
		text-align:center;
	}
	dl.cp-price dd p{
		text-decoration:line-through;
		font-weight:normal;
		color:#777679;
	}

/*//codpro 2009-01-23*/

/* 2009-03-26 ߰ */
.txtNoAhead {
	padding:58px 0 30px 180px;
}
