/* ------------------------------------------------------------------- *
 * -----   񃧯              ----------------------------------------- *
 * ------------------------------------------------------------------- */
body {
margin:0px;
padding:0px;
text-align:center;
}
#middleContainer {width:100%;text-align:center;}
#middleArea {width:1013px;margin-right:70px;border-left:#000 1px solid;border-right:#000 1px solid;background-color:white;padding:5px;}
#leftArea {float:left;width:170px;}
#mainArea {width:650px;float:left;}
#rightArea {width:155px;float:right;}

#bottomArea {margin-right:70px;}

a img { border:0px; }
/* ------------------------------------------------------------------- *
 * -----   ž(TOP) ¿µ¿ª      ----------------------------------------- *
 * ------------------------------------------------------------------- */
.container {width:100%;text-align:center;}
#mainTop {margin-top:10px;margin-right:70px;width:1013px;height:110px;background-color:white;border:#000 1px solid;border-bottom:none;padding:10px;}
#mainTop .lineTop {width:100%;}
#mainTop .lineTop li {vertical-align:middle;list-style-type:none;margin:0px;padding:0px;}
#mainTop .logo a {width:138px;height:26px;margin-right:20px;}
#mainTop .mainMenu {float:left;}
#mainTop .subMenu {float:right;margin-top:3px;margin-right:15px;}
#mainTop .lineBottom .searchBox {height:60px;padding-top:19px;text-align:left;padding-left:200px;}
#mainTop .lineBottom .searchBox .string {border:#000 1px solid;height:22px;width:300px;font-weight:bold;color:#e88;font-size:9pt;padding:2px;}
#mainTop .lineBottom * {vertical-align:middle;}

/* ------------------------------------------------------------------- *
 * -----   ¸ð¸§              ----------------------------------------- *
 * ------------------------------------------------------------------- */
.copy {
 font-family: "±¼¸²";
 font-size: 8pt;
 line-height: 10pt;
 color: #333333;
}
.title2 {
 font-size: 10pt;
 font-weight: bold;
 color: #999999;
 line-height: 15pt;

}
a:hover {
 font-weight: normal;
 text-decoration: underline;
 color: #003366;
}
#listenSong { color: blue; }
.menu {  font-family: "±¼¸²"; font-size: 9pt; line-height: 15pt; font-weight: normal; color: #666666; text-decoration: none}
td {  font-family: "±¼¸²"; font-size: 9pt; line-height: 12pt; color: #333333; text-decoration: none}
A {  text-decoration: none; font-family: "±¼¸²"; font-size: 9pt; color: #999999}
.pmenu {
 font-family: "±¼¸²";
 font-size: 9pt;
 line-height: 15pt;
 color: #666666;
}
.ptitle {
 font-size: 10pt;
 font-weight: bold;
 color: #333333;
 line-height: 15pt;

}
.ptitlep {
 font-size: 10pt;
 font-weight: bold;
 color: #000090;
}
.pdetail {
 font-size: 10pt;
 font-weight: bold;
 color: #518eb3;
}
.pdetail-t {
 font-size: 10pt;
 font-weight: bold;
 color: #194F6B;
}
.s-title {
 font-size: 9pt;
 font-weight: bold;
 color: #62698B;
}
.s-point {
 font-family: "±¼¸²";
 font-size: 9pt;
 color: #FF6600;
}
.title {
 font-family: "±¼¸²";
 font-size: 9pt;
 font-weight: bold;
 color: #333333;
}
.f-point {
 font-family: "±¼¸²";
 font-size: 9pt;
 color: #6699CC;
}
.m-order {
 font-family: "±¼¸²";
 font-size: 9pt;
 font-weight: bold;
 color: #627A8B;
}
.m-title {
 font-family: "±¼¸²";
 font-size: 9pt;
 color: #FFFFFF;
}
.qna-t {
 font-family: "±¼¸²";
 font-size: 9pt;
 font-weight: bold;
 color: #3E6B19;
}
.a-title {
 font-family: "±¼¸²";
 font-size: 16pt;
 font-weight: bold;
 color: #666666;
}
.n-title {
 font-family: "±¼¸²";
 font-size: 9pt;
 color: #138EC8;
}
.union-t {
 color: #330033;
 background-color: #eeeff9;
}
.union-p {
 font-family: "±¼¸²";
 font-size: 9pt;
 font-weight: bold;
 color: #C72E4A;
}
.union-b {
 font-family: "±¼¸²";
 font-size: 9pt;
 color: #0033CC;
}
.si {
 font-family: "±¼¸²";
 font-size: 9pt;
 color: #7A6B94;
}
input.calendar { behavior:url('webSender.htc'); }
.selectBox {
 behavior: url('/include/selectBox.htc');
}

/* ------------------------------------------------------------------- *
 * -----   Product List      ----------------------------------------- *
 * ------------------------------------------------------------------- */
#productList a:link { color: #3399CC }
#productList a:visited { color: #3399cc; }
ul, li { list-style-type;none; margin:0px; padding:0px; display:inline; }

#ctlPannel { margin-top:10px; text-align:center; }
#ctlPannel ul { width:632px; padding-top:3px; padding-bottom:3px; background-color:#e8e6e7; border-top:black 1px solid; border-bottom:black 1px solid; }
#ctlPannel ul a { color:red; }
#ctlPannel li.unionSold a { color:#060; font-weight:bold; }
#ctlPannel li.unionSold { margin-left:10px; }
#idxPannel { margin-top:5px; text-align:center; }
#idxPannel div { width:632px; margin-top:5px; padding-top:3px; padding-bottom:3px; background-color:#F0EFF0; }
#idxPannel .ordr a{color:#060; font-weight:bold;}

/* Á¦¸ñ */
#productList { margin-top:20px; text-align:center; margin-bottom:20px; }
#productList ul { display:block; width:630px; text-align:center; border:black 1px dashed; }
#productList ul.mark li { padding-top:5px; padding-bottom:5px;font-size:9pt;font-weight:bold; }
#productList li.cover { width:100px; border-right:black 1px dashed; }
#productList li.album { width:430px; border-right:black 1px dashed; }
#productList li.price { width:60px; border-right:black 1px dashed; }
#productList li.etc { width:38px; }

/* ³»¿ë */
#productList ul.list { font-size:9pt; line-height:11pt;}
#productList ul.list { border-top:none; height:100px; }
#productList ul.list li { height:100%; vertical-align:middle; }
#productList .list .album { text-align:left; padding:5px; }
#productList .list div { display:inline; float:left; margin:0px; padding:0px; }
#productList .list div.art,
#productList .list div.info { width:100%; height:30px; }
#productList .list div.info { overflow:hidden; text-overflow:ellipsis; }
#productList .list span.art { font-size: 9pt; font-weight: bold; color: #333333; line-height: 15pt; }
#productList .list div.stat,
#productList .list div.maker,
#productList .list div.mday,
#productList .list div.media { width:50%; }
#productList .list .price,
#productList .list .etc { padding-top:40px; }
#productList {cursor:default;}

#productList .list div.info {
	color:#e88;
}

/* capitalize | uppercase | lowercase | none */
#productList .etc {
	text-transform:capitalize;
}

#paging { width:100%; text-align:right; padding-right:50px; }

/* ¸®½ºÆ® ¼± ¹Ù²Þ - ±ò²û °¡·Î ¶óÀÎ */
#productList ul,
#productList li, 
#productList div,
#productList span { border:none; }
#productList li.cover { border:none; }
#productList li.album { border:none; }
#productList li.price { border:none; }

#productList ul.mark {
	border-top:#e88 2px solid;
	border-bottom:silver 1px solid;
	background-color:#eee;
}
#productList ul.list {
	border-bottom:silver 1px solid;
}

/* ------------------------------------------------------------------- *
 * -----   Left Area         ----------------------------------------- *
 * ------------------------------------------------------------------- */
#leftMenu ul .sub {display:none;}
#leftMenu ul,
#leftMenu li {width:146px;list-style-type:none;}
#leftMenu li img {border:#b5b2b2 1px solid;border-top:none;}
#leftMenu .sub ul,
#leftMenu .sub li {display:block;border:none;border-bottom:#b5b2b2 1px solid;text-align:center;}
#leftMenu .sub li {border:none;text-align:left;padding-left:10px;}
#leftMenu .bigSpace {display:block;height:5px;width:146px;}
#leftMenu .grp img {border:none;}
#leftMenu .grp ul {border:none;}
#leftMenu .grp li {margin-top:5px;}
#leftMenu .grp li li {margin:0px;}
#leftMenu .banner ul,
#leftMenu .banner li,
#leftMenu .banner img {border:none;margin:0px;padding:0px;}
#leftMenu .banner li {margin-top:10px;}
#leftMenu .banner li li {margin:0px;}

/* ------------------------------------------------------------------- *
 * -----   Main Area (ùÆäÀÌÁö Áß¾Ó)   ------------------------------- *
 * ------------------------------------------------------------------- */
#topBanner {width:630px;}
#topBanner div {display:inline;padding:1px;}
#newUpdate {width:630px;padding-top:25px;margin-top:20px;background:url("/html/img/main_title_newupdate.gif") no-repeat top center;}
#newUpdate div {width:315px;display:inline;background:url("/html/img/main_across_line.gif") repeat-x bottom;margin-bottom:10px;padding-bottom:10px;}
#newUpdate div ul {width:100%;list-style-type:none;}
#newUpdate div ul li {float:left;font-size:12px;text-align:left;}
#newUpdate div ul li.image {width:120px;padding:6px;}
#newUpdate div ul li.title,
#newUpdate div ul li.content {width:195px;padding:2px;}
#newUpdate div ul li.title a {color:#00f;font-weight:400;font-size:12px;background:url("/html/img/mainTitleIcon.gif") no-repeat 0px 2px;padding-left:10px;}
#middleBanner {width:630px;}
#middleBanner div {width:315px;display:inline;padding-top:10px;padding-bottom:10px;}
#cdBanner{width:600px;}
#cdBanner div{float:left;}

#recom {width:630px;background:url("/html/img/main_title_recom.gif") no-repeat top center;margin-top:10px;padding-top:30px;}
#recom div {width:20%;display:inline;margin-top:5px;}
#recom div li {margin-top:5px;width:100%;}
#recom div li.price {background-color:#f5f5f5;}

/* ------------------------------------------------------------------- *
 * -----   Right Area   ----------------------------------------- *
 * ------------------------------------------------------------------- */
#welcomeMsg {
width:155px;
padding:6px;
background:url("/html/img/right_guest_bg.gif") no-repeat center middle;
font-size:12px;
}
#noticeMsg {
margin-top:10px;
width:151px;
background:url("/html/img/right_menu_notice.gif") no-repeat;
padding-top:21px;
}
#noticeMsg ul {
padding-top:10px;
border:#666 1px solid;
border-top:none;
width:100%;
text-align:left;
padding-left:5px;
}
#noticeMsg ul li {
width:100%;
height:15px;
padding:2px;
padding-left:7px;
background:url("/bbs/notice/img/icon_sub_01.gif") no-repeat left 3px;;
}
#noticeMsg li a {
width:100%;
height:100%;
color:#b00de0;
}
#noticeMsg li.more {
height:auto;
text-align:right;
padding:0px;
padding-right:10px;
background:none;
}
#rightBanner {
margin-top:10px;
}
#history,
#recomMusic {
width:151px;
margin-top:10px;
background:url("/html/img/right_menu_history.gif") no-repeat;
padding-top:21px;
}
#recomMusic {
background:url("/html/img/right_menu_recom.gif") no-repeat;
}
#history ul,
#recomMusic ul {
width:100%;
text-align:left;
background:url("/html/img/bgDot.8c.ff.v.gif") repeat-y left;
}
#history ul li,
#recomMusic ul li {
width:100%;
height:20px;
padding-top:5px;
background:url("/html/img/bgDot.8c.ff.v.gif") repeat-y right;
}
#history .last,
#recomMusic .last {
height:1px;
font-size:0px;
width:100%;
padding:0px;
background:url("/html/img/bgDot.8c.ff.h.gif") repeat-x top;
}
#history li a,
#recomMusic li a {
height:100%;
background:url("/html/img/right_menu_recom_icon.gif") no-repeat left 3px;
padding-left:18px;
color:blue;
}
#recomMusic li a {
color:#666;
}
#buyMsg {
width:151px;
padding-top:21px;
margin-top:20px;
background:url("/images/buy.gif") no-repeat top center;
}
#buyMsg ul {
width:100%;
border:#666 1px solid;
border-top:none;
font-size:12px;
text-align:left;
padding:3px;
padding-top:10px;
}
#buyMsg ul li {
width:100%;
}
#buyMsg ul li.more {
text-align:right;
padding-right:10px;
}

/* -------------------------------------------------------------------------- *
 * --    ÀÚµ¿¿Ï¼º    -------------------------------------------------------- *
 * -------------------------------------------------------------------------- */
#JDAM{display:hidden;position:absolute;padding:5px;border:#aaa 1px solid;border-top:none;background-color:#eee;}
#JDAM div.pannelClose{display:none;}
#JDAM div.pannelList{height:100px;overflow-y:scroll;overflow-x:none;background-color:white;}
#JDAM div.pannelList table{width:100%;}
#JDAM div.pannelList td{font-size:12px;cursor:default;}
#JDAM div.pannelList b{color:#bff;font-weight:100;}
#JDAM div.pannelList td.nomal{background-color:;}
#JDAM div.pannelList td.over{background-color:#eee;}
#JDAM div.pannelList td.select{background-color:#afa;}

/* -------------------------------------------------------------------------- *
 * --    °Ô½ÃÆÇ    --------------------------------------------------------------- *
 * -------------------------------------------------------------------------- */
.board{text-align:center;}
.board .list{width:630px;border-bottom:#bbc 1px solid;}
.board .list th{font-size:11px;font-weight:100;padding:3px;}
.board .list td{text-align:center;padding:3px;}
.board .list .subject{text-align:left;}
.board .list .subject a{color:black;}
.board .list .subject a:hover{text-decoration:underline;}
.board .list .subject .comm{font-size:8px;}
.board .list .no{width:50px;}
.board .list .name{width:70px;}
.board .list .date{width:70px;}
.board .list .hit{width:50px;}
.board .page{font-size:12px;float:left;margin:10px 30px;}
.board .button{float:right;margin-right:30px;}

.board .detail{width:630px;}
.board .detail .subject{background-color:#efefff;padding:5px;border:#aab 1px solid;border-width:2px 0px 1px 0px;text-align:left;}
.board .detail thead .name{float:left;display:block;margin:5px;}
.board .detail thead .hit,
.board .detail thead .date{float:right;display:block;margin:5px;}
.board .detail thead td{padding:5px;border-bottom:#aab 1px solid;}
.board .detail .content{padding:10px;}

.board .detail .comm{width:100%;}
.board .detail .comm th{border:#aaf 1px solid;border-width:2px 0px 1px 0px;font-size:13px;padding:3px 7px;}
.board .detail .comm th .name{float:left;}
.board .detail .comm th .date{float:right;}
.board .detail .comm td{padding:10px;}

.board .nxtprv{text-align:left;padding:5px 10px;border:#aab 1px solid;border-width:1px 0px;font-size:12px;}


#freeBoard{background:url('/bbs/rec/img/title_freeboard.gif') no-repeat top center;padding-top:50px;}
#freeBoard .list{border-top:#aab 2px solid;}
#freeBoard caption{font-size:12px;text-align:right;}
#freeBoard th{background-color:#f7f7ff;border-bottom:#bbc 1px solid;}


#qnaBoard{background:url('/bbs/rec/img/title_qnaboard.gif') no-repeat top center;padding-top:50px;}
#qnaBoard .list{border-top:#aab 2px solid;}
#qnaBoard caption{font-size:12px;text-align:right;}
#qnaBoard th{background-color:#f7f7ff;border-bottom:#bbc 1px solid;}