/* sub menu */
#subMenu { margin-top: 10px; width: 218px; background-image: url('/proxy/img/site/menuBack.gif'); }
#subMenu dt {
	background-image: url('/proxy/img/site/menuTop.gif');
	height: 75px; overflow: hidden;
}
#subMenu dt img { border: 0px; margin: 17px 0px 0px 14px; }
#subMenu dd {
	background-image: url('/proxy/img/site/menuTail.gif');
	background-repeat: no-repeat;
	background-position: 0px 100%;
	padding: 0px 0px 18px 0px;
	margin: 0px;
}
#subMenu dd ul { margin: 0px 20px 0px 20px; padding: 0px; width: 178px; background-color: #fff; }
#subMenu dd ul li {
	font-weight: bold; list-style: none; border-bottom: 1px solid #e2e2e2;
	padding: 0px; margin: 0px;
}
#subMenu dd ul li a {
	display: block; color: #555; text-decoration: none;
	background-image: url('/proxy/img/site/menuDotGray.gif');
	background-repeat: no-repeat;
	background-position: 3px 50%;
	padding: 5px 0px 5px 30px;
}
#subMenu dd ul li a:hover { background-image: url('/proxy/img/site/menuDot.gif'); color: #08f; }
#subMenu dd p { text-align: center; font-weight: normal; color: #ccc; }
#subMenu dd div { visibility: hidden; }
#subMenu dd div p { background-color: #fff; padding: 10px; }
#subMenu dd div p,
#subMenu dd div ul { border: 1px solid #ddd; position: absolute; margin: -10px 0px 0px 100px; padding: 5px; }
#subMenu dd div ul li { font-weight: normal; margin-left: 0px; }


/* main title */
.mainTitle {
	margin: 0px 0px 15px 0px;
	background-image: url('/proxy/img/site/mainTitleGround.jpg');
	background-repeat: no-repeat;
	background-position: 0px 100%;
	height: 190px;
}
.mainTitle dl {
	background-image: url('/proxy/img/site/mainTitleArrow.gif');
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 40px; margin: 0px; padding: 0px;
	border-bottom: 1px solid #d5d5d5;
}
.mainTitle dl dt {
	float: left; display: inline; margin: 13px 0px 0px 30px; padding: 0px 160px 0px 0px;
	background-image: url('/proxy/img/site/mainTitleText.gif');
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
.mainTitle dl dd { float: right; display: inline; margin: 20px 5px 0px 0px; padding: 0px; color: #555; }
.mainTitle dl dd a { color: #000; text-decoration: none; }
.mainTitle dl dd a:hover { color: #08f; text-decoration: underline; }

/* catalog list */
.chart { margin-bottom: 30px; }
.chart a { color: #000; text-decoration: none; }
.chart a:hover { color: #08f; text-decoration: underline; }
.chart dl.link { padding: 3px 0px 3px 10px; }
.chart dl.link * { background-repeat: no-repeat; background-position: 0px 46%; }
.chart dl.link dt {
	display: inline; color: #bbb; cursor: default;
}
.chart dl.link dd {
	display: inline; margin: 0px; padding-left: 7px;
	background-image: url('/proxy/img/dotSimple.gif');
}
.chart table { border-spacing: 0px; width: 715px; }
.chart table thead {  }
.chart table thead tr { height: 30px; }
.chart table thead tr th { background-color: #08f; color: #fff; padding: 5px; }
.chart table tbody {}
.chart table tbody tr {}
.chart table tbody tr td { text-align: center; border-bottom: 1px dashed #08f; }
.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 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.price span { text-decoration: line-through; }
.chart table tbody tr td.price strong { color: #08f; }
.chart table tbody tr td.major { color: #080; }
.chart table tbody tr td.minor { color: #f00; }
.chart table tbody tr:hover td { background-color: #ffa; }
.chart table tr td { padding: 5px; }
.chart .label { text-align: center; background-color: #fe8; color: #000; padding: 10px; }
.chart .label strong { margin: 0px 5px 0px 20px; }
.chart .label span { margin: 0px 20px 0px 5px; }
.chart .button { margin: 10px; }
.chart .button input { padding: 10px; border: 1px outset #ddd; }
.chart .pageMove { text-align: center; margin: 10px; }

.chart .total { height: 20px; margin: 5px; }
.chart .total * { margin: 0px; padding: 0px; }
.chart .total dl { 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: #080; }
.chart .total dl dd.minor span { color: #f00; }
.chart .total dl dd.stock span { color: #00f; }

.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; }


/* application forms */
.appForm { margin-bottom: 30px; font-size: 12px; font-family: 돋움; }
.appForm img { vertical-align: middle; }
.appForm label:hover { color: #08f; 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: #08f; text-decoration: underline; }

.appForm textarea,
.appForm input.input { border: 1px inset #ddd; font-family: 굴림체; }
.appForm input.button { border: 1px outset #ddd; font-family: 굴림체; }
.appForm .caption {
	display: inline; font-weight: bold; font-size: 13px; color: #fff;
	background-color: #08f; padding: 10px; border-bottom: 0px;
}
.appForm .plain {
	border-top: 1px solid #08f; margin-bottom: 20px; margin-top: 10px; padding: 10px;
}
.appForm .plain table { margin-left: -5px; border-spacing: 0px; width: 100%; }
.appForm .plain table tr th {
	text-align: left; padding: 5px 0px 5px 15px; width: 120px;
	background-image: url('/proxy/img/dot.gif');
	background-repeat: no-repeat;
	background-position: 7px 50%;
	border-bottom: 1px dashed #08f;
}
.appForm .plain table tr td { padding: 5px; border-bottom: 1px dashed #08f; }
.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 { width: 150px; cursor: pointer; }

.appForm .plain table tr td .message strong { text-decoration: underline; }
.appForm .plain table tr td.price { color: #08f; font-weight: bold; }
.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 dl.comment { margin: -20px 0px 30px 50px; }
.appForm 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;
}
.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 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; }


/* quick menu */
#quick { position: absolute; margin: 0px 0px 0px 940px; top: 134px; }
#quick dl.link { border: 1px solid #ddd; border-bottom: 0px; margin: 0px; padding: 0px; }
#quick dl.link dt { background-color: #fe8e29; 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: #f3422a; }
#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; }



/* login form */
#loginForm { font-size: 12px; font-family: 돋움체; color: #777; }
#loginForm a { color: #777; text-decoration: none; }
#loginForm a:hover { color: #08f; text-decoration: underline;  }
#loginForm div {
	border-top: 1px solid #fff; position: relative; height: 240px;
	background-image: url('/proxy/img/site/loginBack.gif');
	background-repeat: no-repeat;
	background-position: 35px 15px;
}
#loginForm div p { margin: 0px; }
#loginForm div p.id { margin: 74px 0px 0px 180px; }
#loginForm div p.pw { margin: 3px 0px 0px 180px; }
#loginForm div p.auto { margin: 3px 0px 0px 234px; }
#loginForm div p.submit { position: absolute; left: 380px; top: 73px; }
#loginForm div p span { display: inline-block; width: 50px; }
#loginForm div p.id input,
#loginForm div p.pw input { border: 1px solid #08f; font-size: 12px; font-family: 돋움체; padding: 5px; }
#loginForm div ul { margin: 20px 0px 0px 234px; padding: 0px; }
#loginForm div ul li {
	margin: 3px 0px 3px 0px; padding: 0px 0px 0px 7px; list-style: none;
	background-image: url('/proxy/img/dotSimple.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
}



#outLogin {
	width: 224px; height: 152px; margin: 0px; padding: 0px;
	background-image: url('/proxy/img/site/outLoginBack.gif');
	position: relative; margin-bottom: 0px;
}
#outLogin a { color: #333; text-decoration: none; }
#outLogin a:hover { color: #08f; text-decoration: underline; }
#outLogin dl { margin: 0px; padding: 0px; }
#outLogin dl dt { padding: 17px 0px 0px 13px; margin: 0px 0px 12px 0px; }
#outLogin dl dd { padding: 0px; margin: 0px 0px 0px 13px; height: 22px; }
#outLogin dl dd strong,
#outLogin dl dd strong a { color: #f00; }
#outLogin dl dd span { float: left; display: inline; width: 41px; margin: 3px 0px 0px 0px; }
#outLogin dl dd input { width: 90px; height: 18px; padding: 0px; border: 0px; background-color: #e6e6e6; }
#outLogin label { display: block; margin: 5px 0px 0px 54px; }
#outLogin label:hover { color: #08f; text-decoration: underline; }
#outLogin label input { margin: 0px; padding: 0px; border: 0px; vertical-align: middle; }
#outLogin p.submit { position: absolute; top: 42px; left: 150px; margin: 0px; padding: 0px; }
#outLogin p.button { margin: 7px 0px 0px 8px; padding: 0px; height: 20px; }
#outLogin p.button a { float: left; display: inline; margin: 3px; }

#outLogin p.hello { margin: 0px; padding: 20px 5px 10px 5px; text-align: center; }

#linkBar { width: 224px; height: 70px; overflow: hidden; margin-bottom: 3px; }
#quickGuide { width: 224px; height: 130px; overflow: hidden; }
#quickGuide embed,
#quickGuide object { margin: 28px 0px 0px 6px; }