/* sub menu */
#sub-menu dl {
	line-height: 11px; font-family: 굴림; font-size: 12px;
	margin: 0px 0px 10px 0px; padding: 0px; width: 160px; overflow: hidden;
}
#sub-menu dl dt {
	margin: 0px; padding: 0px; text-indent: -999px; height: 34px; overflow: hidden;
	background: url('/proxy/img/site/smenu.back.png');
}
#sub-menu dl dd { margin: 0px; padding: 10px; border: 1px solid #ddd; border-top: 0px; }
#sub-menu dl dd ul { margin: 0px 0px 10px 0px; padding: 0px; background-color: #fff; }
#sub-menu dl dd ul li {
	margin: 0px; padding: 0px 0px 0px 10px; list-style: none; border-bottom: 1px dashed #aaa;
	background: url('/proxy/img/site/smenu.dot.gif') no-repeat 8px 50%;
}
#sub-menu dl dd ul li a { color: #555; text-decoration: none; display: block; margin: 0px; padding: 0px; }
#sub-menu dl dd ul li a:hover { color: #08f; text-decoration: underline; }
#sub-menu dl dd ul li a img { vertical-align: middle; margin: 10px 0px 11px 10px; }
#sub-menu dl dd p { text-align: center; font-weight: normal; color: #ccc; margin: 0px; padding: 10px 0px 10px 0px; }
#sub-menu dl dd div { visibility: hidden; }
#sub-menu dl dd div p { background-color: #fff; padding: 10px; }
#sub-menu dl dd div p,
#sub-menu dl dd div ul {
	border: 1px solid #aaa; position: absolute; z-index: 2; width: 270px; margin: -10px 0px 0px 100px; padding: 5px;
}
#sub-menu dl dd div ul li { font-weight: normal; margin-left: 0px; }

/* option selecter */
#itemOptionSelecter {
	display: none; position: absolute; background-color: #fff;
	border: 1px solid #888; width: 450px; font-family: 굴림; font-size: 12px;
}
#itemOptionSelecter * { margin: 0px; padding: 0px; }
#itemOptionSelecter dl { margin: 10px; }
#itemOptionSelecter dl dt {
	margin: 5px; padding-left: 5px; font-weight: bold;
	background-image: url('/proxy/img/dotPoint.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
}
#itemOptionSelecter dl dd { padding: 3px 3px 10px 20px; margin: 0px 0px 10px 0px; border-bottom: 1px dashed #08f; }
#itemOptionSelecter dl dd ul { margin-bottom: 15px; }
#itemOptionSelecter dl dd ul li {
	list-style: none; padding-left: 5px; margin: 5px;
	background-image: url('/proxy/img/dot.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
}
#itemOptionSelecter dl dd p { margin: 4px 0px 4px 0px; }
#itemOptionSelecter dl dd p input { vertical-align: middle; }
#itemOptionSelecter dl dd p label {}
#itemOptionSelecter dl dd p label:hover { color: #08f; text-decoration: underline; }
#itemOptionSelecter dl dd p label input { margin-top: -2px; }
#itemOptionSelecter dl dd p input.input { border: 1px solid #ddd; font-family: 굴림체; }
#itemOptionSelecter dl dd p span.price { color: #06f; }
#itemOptionSelecter p.button { text-align: center; margin: 10px; }
#itemOptionSelecter p.button input { padding: 5px; border: 1px outset #ddd; }

/* main title */
#mainTitle {
	margin: 0px 0px 15px 0px; padding: 0px;
	height: 25px; overflow: hidden; border-bottom: 2px solid #ddd;
}
#mainTitle img { float: left; display: inline; margin: 0px 0px 0px 5px; }
#mainTitle dl.navi {
	float: right; display: inline; font-family: 굴림; font-size: 13px; color: #333; margin: 10px 5px 0px 0px;
}
#mainTitle dl.navi dt.home,
#mainTitle dl.navi dd.step {
	float: left; display: inline; margin: 0px;
	background-repeat: no-repeat;
	background-position: 0px 50%;
}
#mainTitle dl.navi dt.home {
	background-image: url('/proxy/img/navi.home.gif');
	padding: 0px 5px 0px 15px;
}
#mainTitle dl.navi dd.step {
	background-image: url('/proxy/img/navi.arrow.gif');
	padding: 0px 5px 0px 12px;
}
#mainTitle dl.navi dd.step dl { margin: 0px; padding: 0px; }
#mainTitle dl.navi dd.step dl dt { margin: 0px; padding: 0px; cursor: pointer; }
#mainTitle dl.navi dd.step dl dd {
	margin: 0px; padding: 5px; display: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
#mainTitle dl.navi dd.step dl dd.over { position: absolute; display: block; }
#mainTitle dl.navi dd.step dl dd.over a {
	display: block; padding: 0px 0px 0px 7px; margin: 3px;
	background-image: url('/proxy/img/dotSimple.gif');
	background-position: 0px 50%;
	background-repeat: no-repeat;
}

#mainTitle a { color: #000; text-decoration: none; }
#mainTitle a:hover { color: #08f; text-decoration: underline; }

/* catalog list */
.chart { margin: 0px 0px 30px 10px; width: 710px; font-family: 굴림; font-size: 12px; }
.chart a { color: #000; text-decoration: none; }
.chart a:hover { color: #08f; text-decoration: underline; }
.chart table { border-spacing: 0px; width: 700px; color: #555; }
.chart table thead { color: #777; }
.chart table thead tr {}
.chart table thead tr th,
.chart table thead tr td {
	padding: 15px; border-top: 2px solid #7ab3c9; border-bottom: 1px solid #ddd;
	font-weight: bold; text-align: center;
}
.chart table thead tr td { background: url('/proxy/img/default/chart.part.gif') no-repeat 0px 50%; }
.chart table tbody {}
.chart table tbody tr {}
.chart table tbody tr td { text-align: center; border-bottom: 1px solid #ddd; }
.chart table tbody tr td p,
.chart table tbody tr td li { text-align: left; padding: 2px; margin: 0px; }
.chart table tbody tr td li span { display: inline-block; width: 55px; }
.chart table tbody tr td li.positive { color: #00f; }
.chart table tbody tr td li.negative { color: #f00; text-decoration: underline; }
.chart table tbody tr td dl { text-align: left; }
.chart table tbody tr td dl dt {
	font-weight: bold;
	background-image: url('/proxy/img/dot.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding-left: 7px; color: #337;
}
.chart table tbody tr td dl dd {
	margin: 5px 0px 5px 20px;
	background-image: url('/proxy/img/dotSimple.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding-left: 7px; color: #777;
}
.chart table tbody tr td dl dd a { color: #77f; }
.chart table tbody tr td input.button { border: 1px outset #ddd; }
.chart table tbody tr td input.input { border: 1px solid #ddd; font-family: 굴림체; }
.chart table tbody tr td.lock {
	background-image: url('/proxy/img/default/lock.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding-left: 15px; text-align: left;
}
.chart table tbody tr td.subj { text-align: left; }
.chart table tbody tr td.price span { text-decoration: line-through; }
.chart table tbody tr td.price strong { color: #08f; }
.chart table tbody tr td.major { color: #007236; font-weight: bold; }
.chart table tbody tr td.minor { color: #f14e54; font-weight: bold; }
.chart table tbody tr td.button img { cursor: pointer; margin-bottom: 3px; }
.chart table tbody tr:hover td { background-color: #ffa; }
.chart table tr td { padding: 5px; }
.chart .label {
	text-align: center; color: #000; padding: 20px; margin: 10px 10px 0px 0px;
	border: 1px solid #ddd;
}
.chart .label strong { margin: 0px 5px 0px 20px; }
.chart .label span { margin: 0px 20px 0px 5px; }
.chart .button { margin: 10px; text-align: right; }
.chart .button input { padding: 10px; border: 1px outset #ddd; }
.chart .button img { cursor: pointer; }
.chart .pageMove { text-align: center; margin: 10px; }

.chart .total { height: 50px; margin: 5px; }
.chart .total * { margin: 0px; padding: 0px; }
.chart .total hr { clear: both; visibility: hidden; }
.chart .total dl { height: 20px; float: right; display: inline; }
.chart .total dl dt,
.chart .total dl dd { float: left; display: inline; }
.chart .total dl dt { font-weight: bold; padding: 0px 5px 0px 15px; color: #aaa; }
.chart .total dl dd { padding: 0px 10px 0px 0px; }
.chart .total dl dd.major span { color: #007236; font-weight: bold; }
.chart .total dl dd.minor span { color: #f14e54; font-weight: bold; }
.chart .total dl dd.stock span { color: #004a80; font-weight: bold; }

.chart input.del { border: 1px outset #f88; background-color: #f00; color: #fff; }
.chart input.mod { border: 1px outset #8d8; background-color: #080; color: #fff; }
.chart input.lnk { border: 1px outset #ddd; }
.chart dl.comment { margin: 5px 0px 30px 50px; }
.chart dl.comment dt {
	margin: 3px 0px 3px 0px;
	padding-left: 7px; color: #08f;
	background-image: url('/proxy/img/dotDefault.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
.chart dl.comment dd {
	margin: 3px 0px 3px 15px;
	padding-left: 5px; color: #aaa;
	background-image: url('/proxy/img/dotSimple.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px;
}


/* application forms */
.appForm { clear: both; margin: 0px 0px 30px 10px; font-size: 12px; font-family: 굴림; color: #555; }
.appForm img { vertical-align: middle; }
.appForm label:hover { color: #06f; text-decoration: underline; }
.appForm label input { vertical-align: middle; border: 0px; padding: 0px; margin: 0px; margin-top: -1px; }

.appForm a { color: #000; text-decoration: none; }
.appForm a:hover { color: #06f; text-decoration: underline; }

.appForm textarea,
.appForm input.input { border: 1px solid #ccc; font-family: 굴림체; }
.appForm input.button { border: 1px outset #ddd; font-family: 굴림체; }
.appForm .caption {
	background-image: url('/proxy/img/default/arrow.orange.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
	font-weight: bold; color: #555;
	padding: 10px 0px 10px 20px;
}
.appForm .caption img { vertical-align: middle; }
.appForm .plain {
	border-top: 2px solid #777; margin-bottom: 20px; padding: 10px 0px 10px 0px;
}
.appForm .plain table { border-spacing: 0px; width: 100%; }
.appForm .plain table tr th {
	text-align: left; padding: 5px 0px 5px 20px; width: 120px;
	background-image: url('/proxy/img/default/dot.star.gif');
	background-repeat: no-repeat;
	background-position: 7px 50%;
	border-bottom: 1px solid #ddd;
}
.appForm .plain table tr td { padding: 5px; border-bottom: 1px solid #ddd; }
.appForm .plain table tr td .message {
	background-image: url('/proxy/img/dotSimple.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 0px 0px 0px 5px; margin: 5px 0px 5px 10px;
	color: #08f;
}
.appForm .plain table tr td .zip { cursor: pointer; }

.appForm .plain table tr td .message strong { text-decoration: underline; }
.appForm .plain table tr td.price { color: #06f; font-weight: bold; }
.appForm .plain table tr.positive,
.appForm .plain table tr.positive * { color: #00f; }
.appForm .plain table tr.negative,
.appForm .plain table tr.negative * { color: #f00; }
.appForm .plain table tr.negative td,
.appForm .plain table tr.negative td * { text-decoration: underline; }
.appForm .list { border-top: 1px solid #f79294; margin-bottom: 20px; padding: 10px 0px 10px 0px; }
.appForm .list table { width: 100%; border-spacing: 1px; }
.appForm .list table th,
.appForm .list table td { padding: 3px; }
.appForm .list table caption {
	background-image: url('/proxy/img/dot.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
	color: #f79294; text-align: left; padding: 10px; margin-left: 5px;
}
.appForm .list table thead tr { height: 30px; }
.appForm .list table thead tr th { background-color: #ddd; }
.appForm .list table tbody.allCenter td { text-align: center; }
.appForm .list table tbody tr td li { text-align: left; }
.appForm .list table tbody tr { }
.appForm .list table tbody tr td { text-align: left; border-bottom: 1px dashed #ddd; }
.appForm .list table tbody tr td.success { color: #00f; }
.appForm .list table tbody tr td.fail { color: #f00; }
.appForm .list table tbody tr td.center { text-align: center; }
.appForm .list table tbody tr td.right { text-align: right; }
.appForm .list table tbody tr:hover { background-color: #eee; }

.appForm .alert { text-align: center; padding: 10px; color: #f79294; }
.appForm .box { text-align: center; padding: 10px; }
.appForm p.submit { text-align: center; }
.appForm p.submit input { padding: 7px 12px 7px 12px; border: 1px outset #ddd; }
.appForm p.submit img { cursor: pointer; }
.appForm p.submit2 { text-align: center; }
.appForm p.submit2 input { vertical-align: middle; }
.appForm p.submit2 img { cursor: pointer; vertical-align: middle; }
.appForm dl.tip,
.appForm dl.comment { margin: -20px 0px 30px 50px; }
.appForm dl.comment dt {
	margin: 3px 0px 3px 0px;
	padding-left: 7px; color: #06f;
	background-image: url('/proxy/img/dotDefault.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
.appForm dl.comment dd {
	margin: 3px 0px 3px 15px;
	padding-left: 5px; color: #aaa;
	background-image: url('/proxy/img/dotSimple.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

.appForm dl.tip dt {
	margin: 3px 0px 3px 0px;
	padding-left: 7px; color: #c33;
	background: url('/proxy/img/dotDefault.gif') no-repeat 0px 5px;
}
.appForm dl.tip dd { color: #555; margin: 0px; padding: 0px; }
.appForm dl.tip dd li { padding: 3px 0px 3px 0px; }

.appForm input.del { border: 1px outset #f88; background-color: #f00; color: #fff; }
.appForm input.mod { border: 1px outset #8d8; background-color: #080; color: #fff; }
.appForm input.lnk { border: 1px outset #ddd; }


#paymentBankSelect,
#phone-number { display: none; }






/* quick menu */
#quick { position: absolute; margin: 0px 0px 0px 940px; top: 210px; font-family: 굴림; font-size: 12px; }
#quick dl.link { border: 1px solid #ddd; border-bottom: 0px; margin: 0px; padding: 0px; }
#quick dl.link dt { background-color: #6bba39; padding: 10px; }
#quick dl.link dt img { display: block; }
#quick dl.link dd { margin: 0px 5px 0px 5px; padding: 5px; border-bottom: 1px dotted #ddd; }
#quick dl.link dd a { color: #f00; text-decoration: none; }
#quick dl.link dd a:hover { text-decoration: underline; }
#quick dl.latest { border: 1px solid #ddd; border-top: 0px; margin: 0px; padding: 5px 5px 0px 5px; }
#quick dl.latest dt { margin: 0px 0px 5px 0px; padding: 5px; color: #fff; background-color: #6bba39; }
#quick dl.latest dd { margin: 0px; padding: 0px; text-align: center; }
#quick dl.latest dd img { margin-bottom: 5px; width: 65px; height: 65px; }
#quick p { text-align: center; }
#quick p img { cursor: pointer; }






#weeklyTicker {
	height: 14px; width: 150px; margin: 13px 0px 0px 0px; overflow: hidden; position: relative; color: #fff;
	font-family: 굴림; font-size: 12px;
}
#weeklyTicker div { position: absolute; top: 0px;}
#weeklyTicker div a {
	display: block; line-height: 13px; height: 13px; width: 150px;
	overflow: hidden; color: #fff; text-decoration: none; padding-top: 1px;
}
#weeklyChart {
	display: none; position: absolute; z-index: 1; width: 250px; margin: -15px 0px 0px 0px;
	border: 1px solid #bbb; background-color: #fff; font-family: 굴림; font-size: 12px;
}
#weeklyChart ol { margin: 0px; padding: 0px; color: #777; }
#weeklyChart ol li { margin: 5px 0px 5px 30px; padding: 5px; border-bottom: 1px dashed #ddd; }
#weeklyChart ol li a { color: #000; text-decoration: none; }
#weeklyChart ol li a:hover { color: #08f; text-decoration: underline; }




#afterMoreNode {
	position: absolute; border: 1px solid #08f; background-color: #adf; width: 280px; display: none; line-height: 130%;
}
#afterMoreNode .text { border: 1px solid #08f; padding: 5px; margin: 1px; background-color: #fff; }
#afterMoreNode .close { text-align: center; padding: 10px; }
#afterMoreNode .close input { border: 1px outset #ddd; padding: 10px; }






/* site menu */
#menuEntry { margin: 3px 0px 0px 20px; padding: 0px; }
#menuEntry dl {
	float: left; display: inline; margin: 0px; padding: 0px;
	background-repeat: no-repeat;
	background-position: 5px 3px;
}
#menuEntry dl dt {
	padding: 8px 10px 8px 10px;
	background-image: url('/proxy/img/site/menu.part.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
}
#menuEntry dl dt a,
#menuEntry dl dt img { display: block; }
#menuEntry dl.menu01 dt { background-image: url(''); }

#menuEntry dl.menu01 dd ul { width: 500px; }
#menuEntry dl.menu02 dd ul { width: 500px; }
#menuEntry dl.menu03 dd ul { width: 500px; }
#menuEntry dl.menu04 dd ul { width: 500px; }
#menuEntry dl.menu05 dd ul { width: 280px; }
#menuEntry dl.menu06 dd ul { width: 160px; margin-left: -30px; }
#menuEntry dl.menu07 dd ul { width: 350px; margin-left: -290px; }
#menuEntry dl dd { margin: 15px 0px 0px 0px; padding: 0px; }
#menuEntry dl dd ul { position: absolute; z-index: 0; padding: 0px; margin: 0px 0px 0px 0px; }
#menuEntry dl dd ul li {
	float: left; display: inline; margin: 3px 0px 0px 0px; padding: 0px 5px 0px 10px;
	background-image: url('/proxy/font/get.pl?size=6&color=ccc&back=fff&clear=yes&text=l');
	background-repeat: no-repeat;
	background-position: 0px 50%;
	list-style: none; visibility: hidden;
}
#menuEntry dl dd ul li.head { background-image: url(''); }


.activeProduct { width: 510px; height: 370px; padding: 0px; margin: 0px; position: relative; z-index: 0; }
.activeProduct div {
	position: absolute; top: 0px; left: 0px; border: 10px solid #eee; padding: 1px;
	background-color: #fff;
}
.activeProduct div img { display: block; }
.activeProduct p { position: absolute; margin: 0px; padding: 0px; top: 327px; left: 25px; }
.activeProduct p img { display: block; cursor: pointer; }
.activeProduct .prev { left: 10px; }
.activeProduct .next { left: 490px; }
.activeProduct ul { margin: 0px; padding: 310px 0px 0px 40px; }
.activeProduct ul li { float: left; display: inline; list-style: none; margin: 5px; padding: 0px; }
.activeProduct ul li img { vertical-align: middle; display: block; border: 2px solid #ddd; cursor: pointer; }
.activeProduct ul li.focus img { border: 2px solid #888; }


#subShopLayer { margin: 0px; padding: 0px; }
#subShopLayer div.handler { margin: 0px; padding: 0px; }
#subShopLayer div.handler img { cursor: pointer; }
#subShopLayer div.layer { position: absolute; display: none; }

#supportBlock { }
#supportBlock p { margin: 0px 0px 5px 0px; padding: 0px; }

#bbsIntro { margin-bottom: 10px; }

.subLatest {
	margin: 30px; padding: 0px; float: left; display: inline; font-family: 굴림; font-size: 12px;
	width: 309px; height: 150px;
}
.subLatest dt {
	margin: 0px; padding: 0px; width: 309px; height: 31px; overflow: hidden;
	background-image: url('/proxy/img/site/subLatestBack.gif');
}
.subLatest dt img { margin: 5px 0px 0px 17px; }
.subLatest dd {
	margin: 0px 5px 0px 5px; padding: 5px 0px 5px 10px;
	background-image: url('/proxy/img/site/subLatestArrow.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
	border-bottom: 1px dashed #ddd;
	position: relative;
}
.subLatest dd a { color: #555; text-decoration: none; }
.subLatest dd a:hover { color: #08f; text-decoration: underline; }
.subLatest dd sub { position: absolute; top: 3px; right: 5px; font-size: 13px; }






#outlogin {
	border: 2px solid #a5cff3; overflow: hidden;
	margin: 0px 0px 5px 0px; padding: 30px 0px 0px 0px;
	background-image: url('/proxy/img/site/outloginBack.gif');
	background-repeat: no-repeat;
	background-position: 50% 10px;
}
#outlogin div { height: 75px; width: 174px; overflow: hidden; position: relative; }
#outlogin div label {
	display: block; background-repeat: no-repeat; background-position: 10px 50%;
	height: 18px; overflow: hidden; padding: 0px; margin: 0px 0px 1px 0px;
}
#outlogin div label.id {
	padding: 0px 0px 0px 37px;
	background-image: url('/proxy/font/get.pl?size=7.5&color=999&text=ID');
}
#outlogin div label.pw {
	padding: 0px 0px 0px 37px;
	background-image: url('/proxy/font/get.pl?size=7.5&color=999&text=PASS');
}
#outlogin div label.id input,
#outlogin div label.pw input {
	border: 1px solid #ddd; font-family: 굴림; font-size: 12px; padding: 1px; line-height: 13px;
}
#outlogin div label.save {
	margin-left: 20px; color: #555;
	background-image: url('/proxy/font/get.pl?size=7.5&color=777&text=Remember login');
	background-position: 21px 50%;
}
#outlogin div label.save input { margin: 0px 0px 0px 0px; vertical-align: middle; }
#outlogin div p { margin: 0px; padding: 0px; position: absolute; top: 1px; left: 110px; }
#outlogin div ul { margin: 0px; padding: 0px; height: 30px; }
#outlogin div ul li { float: left; display: inline; margin: 0px 1px 0px 7px; padding: 0px; }

#outlogin dl { margin: 0px; padding: 0px; }
#outlogin dl dt { color: #048; margin: 0px 0px 0px 5px; }
#outlogin dl dd { margin: 1px 0px 1px 10px; padding: 0px; height: 13px; overflow: hidden; }
#outlogin dl dd img { vertical-align: top; }
#outlogin dl dd a { margin-right: 5px; }




.csLatest {
	width: 300px; margin: 20px; height: 120px; float: left; display: inline;
	font-size: 12px; font-family: 굴림;
}
.csLatest a { text-decoration: none; }
.csLatest a:hover { color: #08f; text-decoration: underline; }
.csLatest dt { margin: 5px 0px 5px 0px; padding: 5px; background-color: #08f; }
.csLatest dt a { color: #fff; font-weight: bold; }
.csLatest dt a:hover { color: #0df; }
.csLatest dd {
	margin: 5px; height: 16px;
	background-image: url('/proxy/img/dot.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding-left: 7px;
	border-bottom: 1px dashed #ddd;
}
.csLatest dd span { float: right; color: #aaa; }
.csLatest dd a { color: #777; }
.csLatest dd.lost { background-image: url(''); padding: 40px 0px 40px 0px; text-align: center; }


#supportBlock { margin: 0px 0px 0px 5px; }