@charset "utf-8";
/* CSS Document */

/*@import url("etc.css");*/

/* 엘리먼트 초기화 */
*{margin:0; padding:0; font-family:"돋움", Dotum, Verdana, Baekmuk Dotum, Undotum, AppleGothic, Sans-serif; color:#958c53; font-size:12px; line-height:normal; word-beark:keep-all;}
html, body {background:#3d3920; /* min-width:1000px;*/}
hr, button img{display:none; padding:0; margin:0;}
li {list-style:none; padding:0; margin:0; line-height:normal;}
option {padding-right:6px;} /* Firefox Fix */
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}/* For Screen Reader */ 
caption {display:none;}
img, fieldset, button {border:none;}
img, input, select {vertical-align:middle;}
img {font-size:1px; line-height:1px; padding:0; margin:0;}
table {border-collapse:collapse; table-layout:fixed; word-break:keep-all;}

input {font-size:12px;color:#666; line-height:normal; border:1px solid #e1e5e8; vertical-align:middle; padding:2px 2px 0 2px; margin:0 none;}
select {font-size:12px;color:#666; vertical-align:middle; height:18px; padding:1px 0 0 1px; margin:0 none;}
html:first-child select {padding-right:6px; height:20px;} /* Opera 9 & Below Fix */ 
textarea {font-size:12px;color:#666;border:1px solid #e1e5e8; line-height:160%; overflow:auto;}

a {text-decoration:none; color:#958c53;}
a:active, a:focus, a:visited {text-decoration:none; color:#958c53;}
a:hover {text-decoration:none; color:#958c53;}

/* 레이아웃 */
#container {width:940px; margin:0 auto;}
#header {height:200px; position:relative;}
#content {width:940px; *zoom:1; padding:0 0 100px 0;}
.content_shop {baclground:#fff; padding:15px 15px 100px 15px}
#content:after {content:""; clear:both; display:block;}
#footer {height:80px; border-top:1px solid #534e24; position:relative; padding-top:20px;}
.content_shop #footer {background:#3d3920}

/* 헤더 */
.nav_etc {float:right; text-align:right; margin:10px 20px 0 0;}
.nav_etc li {display:inline; padding:0 6px; background:url(../images/common/bg_etcnav_bar.gif) right no-repeat;}
.nav_etc li.end {background:none;}
.nav_etc li a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#908641;}
.login_form {text-align:right; float:right; margin:10px 0 0 0;}
.login_form input, .login_form span {display:inline-block; color:#91873f; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.login_form input {background:#5d582e; border:0 none; height:12px; width:60px; }
.login_form input.id {background:url(/images/common/bg_loginform.gif) left top no-repeat;}
.login_form input.pass {background:url(/images/common/bg_loginform.gif) left -14px no-repeat;}
.login_form input.id_focus, .login_form input.pass_focus{background:#5d582e;}
.login_form input.enter {overflow:hidden; height:14px; line-height:normal; font-size:11px; font-family:Dotum; color:#fff; background:#1e1b0a; padding:0;}
#gnb {position:absolute; width:100%; top:120px; background:#24210e; height:31px; text-align:center; overflow:visible;}
#gnb h1 {position:absolute; top:-72px; left:50%; margin-left:-80px; width:160px; height:118px;  z-index:1; text-indent:-9999px;}
#gnb h1 a {width:160px; height:118px; display:block;background:url(../images/common/h1.gif) center no-repeat;}
.global_nav {text-align:center; z-index:1000;}
.global_nav li {display:inline;}
.global_nav li a {}
.global_nav li a img {padding:9px 8px 10px 8px; vertical-align:top;}
.global_nav li.blank {padding:0 92px; height:20px;}

/* 컨텐츠 */
/* 상단 비주얼 노출 */
.main_gsn {height:190px; margin:0 0 40px 0;}
.main_gsn p {height:190px; float:left; margin-right:1px; overflow:hidden;}
.main_gsn p.g, .main_gsn p.s, .main_gsn p.n {width:313px;}
.main_gsn p.s {width:312px;}
.main_gsn p.n {margin-right:0;}
/* 아티스트 */
.content_top {height:55px; overflow:hidden;}
.content_top h2 {float:left;}
.content_top ul.artist {float:right; text-align:right; margin-right:-2px; margin-top:20px;}
.content_top ul.artist li {display:inline; padding-right:6px; padding-left:9px; background:url(../images/common/bg_bar_artist.gif) right no-repeat;}

/* 뉴스 중앙 */
.list_main li {.margin-top:-10px;}
.list_main dl {margin-bottom:45px; border-bottom:1px dotted #615928;}
.list_main dl.end {border-bottom:0 none; margin-bottom:0;}
.list_main dt, .list_main dt a {color:#a3953c; font-family:Dotum, Times New Roman,"돋움", Malgun, Times, serif; font-size:40px; line-height:34px; font-weight:bold;}
.list_main dt span a {font-size:10px;}
.list_main dd.info {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#7e7526; margin:6px 0 10px 0;}
.list_main dd.media {text-align:center;}
.list_main dd.summary {line-height:18px; margin:5px 0 0 0; padding:0 0 35px 0;}
.list_main dd.more {margin:0 0 35px 0;}
.list_main dd.more a {font-size:10px; font-weight:bold; }
h2.title, h2.title *{font-family:"Times New Roman",  Malgun, Dotum, Times, serif; font-size:24px; line-height:normal;}
h2.title {margin-bottom:40px; padding:0 4px; color:#999;}
h2.title span {padding:0 0 0 8px; color:#fff;}
h3.title, h3.title *{font-family:"Times New Roman",  Malgun, Dotum, Times, serif; font-size:24px; line-height:normal;}
h3.title {margin-bottom:40px; padding:0 4px; color:#999;}
h3.title span {font-size:14px; padding:0 0 0 8px; color:#fff;}
.list_main span.tree,.list_main span.tree *{font-family:"Times New Roman",  Malgun, Dotum, Times, serif; font-size:12px; line-height:normal;}
.list_main span.tree {margin-bottom:40px; padding:0 4px; color:#999;}
.list_main span.trees {color:#fff;}

/* 메인 컨텐츠 */
.left_area {width:220px; float:left; margin-right:20px;}
.center_area {width:480px; float:left;}
.right_area {width:200px; float:right; margin-left:20px;}
.left_area h2, .center_area h2, .right_area h2, .news_area h2 {height:22px; border-bottom:1px solid  #615928;}

ul.shop {margin:0 0 27px 0;}
ul.shop li {height:100px; padding:9px 0 0 0; border-bottom:1px solid #615928; clear:both;_height:0; _font-size:0;}
ul.shop dl {}
ul.shop dt {font-weight:bold; margin:0 0 0 105px; padding:4px 0 5px 0; color:#a3953c;}
ul.shop dt a { color:#a3953c; }
ul.shop dd.img {float:left; width:93px; height:88px; position:relative; background:url(../images/common/bg_cd.gif) left top no-repeat; margin:-20px 12px 0 0;}
ul.shop dd.img img {position:absolute; left:9px; top:4px;}
ul.shop dd.sum {font-size:11px; color:#c5be90; line-height:16px; vertical-align:top; height:50px;}
ul.shop dd.buy {font-size:10px;}
ul.shop dd.buy a {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0 8px 1px 0; background:url(../images/common/img_buy_gt.gif) right no-repeat;}

.left_area ul.gigs {border-bottom:1px solid #615928; padding:10px 0 3px 0;}
.left_area ul.gigs li {margin-bottom:5px;}

.center_area ul.news {}
.center_area ul.news li {padding:9px 0; height:100px; border-bottom:1px solid #615928; clear:both;}
.center_area ul.news dt {font-weight:bold; margin:0 0 0 254px; padding:3px 0 2px 0; color:#a3953c; }
.center_area ul.news dt a {color:#a3953c; }
.center_area ul.news dd.img {float:left; width:240px; height:100px; margin:-17px 14px 0 0;}
.center_area ul.news dd.sum {font-size:11px; line-height:16px; margin:9px 0 0 0; height:60px;}
.center_area ul.news dd.date {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#7e7526;}
.center_area ul.news dd.more {font-family:Verdana, Arial, Helvetica, sans-serif; margin: -11px 0 0 0;}
.center_area ul.news dd.more a{font-size:10px; color:#7e7526;}
.foot_logo{float:left;}			
.foot_copy{float:right;}



/* shop */
div.shop_list {float:left; width:490px; border-top:1px solid #625a28;}
ul.records {}
ul.records {margin:0 0 27px 0;}
ul.records li {padding:9px 0 15px 0; border-bottom:1px solid #615928; clear:both;_height:0; _font-size:0;}}
ul.records dl {}
ul.records dt {font-weight:bold; margin:0 0 0 105px; padding:4px 0 5px 0; color:#a3953c;}
ul.records dt a { color:#a3953c; }
ul.records dd {font-size:11px; color:#716824}
ul.records dd.img {float:left; width:93px; height:125px; position:relative; background:url(../images/common/bg_cd.gif) left top no-repeat; margin:-20px 12px 0 0;}
ul.records dd.img img {position:absolute; left:9px; top:4px;}
ul.records dd.img a {display:block; width:82px; height:17px; padding:2px 0 0 0; text-align:center; position:absolute; top:100px; left:50%; margin-left:-41px; background:url(../images/common/bg_shop_buy.gif) left top no-repeat; color:#3e3a1d; font-size:11px;}
ul.records dd.date {padding:0 0 3px 0;}
ul.records dd.price strong {color:#978c3b;}
ul.records dd.summary {font-size:11px; color:#938b52; padding:16px 0 0 0; line-height:16px; vertical-align:top;}

div.banner_shop {width:420px; float:right;}
ul.banners li {margin:0 0 10px 0;}

/* news */
div.news_area {float:left; width:720px; padding:20px 0 0 0; border-top:1px solid  #615928;}
div.sns {padding:0 0 15px 0;}
.list_news li {.margin-top:-10px;}
.list_news dl {margin-bottom:45px; border-bottom:1px dotted #615928;}
.list_news dl.end {border-bottom:0 none; margin-bottom:0;}
.list_news dt, .list_news dt a {color:#a3953c; font-family:Dotum, Times New Roman,"돋움", Malgun, Times, serif; font-size:40px; line-height:34px; font-weight:bold;}
.list_news dt span a {font-size:10px;}
.list_news dd.info {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#7e7526; margin:6px 0 10px 0;}
.list_news dd.media {text-align:center;}
.list_news dd.summary {line-height:18px; margin:5px 0 0 0; padding:0 0 35px 0;}
.list_news dd.more {margin:0 0 35px 0;}
.list_news dd.more a {font-size:10px; font-weight:bold; }

div.good_detail {}
div.good_detail .basic {*zoom:1; padding-bottom:60px}
div.good_detail .basic:after {content:""; clear:both; display:block}
div.good_detail .basic .img {float:left; width:250px;}
div.good_detail .basic .img p {}
div.good_detail .basic .img .btns {height:25px; width:250px; padding:8px 0 0 0; text-align:center;}
div.good_detail .basic .img .btns a {.margin-left:-70px}
div.good_detail .basic .img .btns span a {margin:0}
div.good_detail .basic .img .btns .lt {float:left;}
div.good_detail .basic .img .btns .rt {float:right; .margin-top:-18px;}
div.good_detail .basic .info {float:right; width:640px;}
div.good_detail .basic .info h3 {height:32px; color:#908840; font-size:18px; font-weight:bold}
div.good_detail .basic .info table {border-top:2px solid #9b904c}
div.good_detail .basic .info table *{color:#9b904c}
div.good_detail .basic .info table th, div.good_detail .basic .info table td {border-bottom:1px solid #9b904c; height:26px; vertical-align:middle;}
div.good_detail .basic .info table th {width:85px; text-align:left; text-indent:12px; background:url(/images/common/bul_1x1.gif) 5px no-repeat;}
div.good_detail .basic .info table td img {vertical-align:middle}
div.good_detail .basic .info .btn {height:35px; padding:9px 0 0 0}
div.good_detail .basic .info .btn a {float:left; padding:0 10px; height:28px; line-height:29px; font-size:11px; font-weight:bold; color:#9b904c; background:url(/images/common/bg_btn_big.gif) top repeat-x; border:1px solid #24210e; margin:0 5px 0 0 }
div.good_detail div.detail {}
div.good_detail div.detail ul {height:28px; border-bottom:1px solid #474224;}
div.good_detail div.detail ul li {float:left; width:88px; height:27px; line-height:29px; margin-right:-1px; text-align:center; background:#e2d79b; border:1px solid #70693e; border-bottom:none; font-size:11px; font-weight:bold; color:#6b643a}
div.good_detail div.detail ul li.on {background:url(/images/common/bg_tab_on.gif) top repeat-x; border:1px solid #474224; border-bottom:1px solid #3d3920; font-size:11px; font-weight:bold; color:#d0c05a}
div.good_detail div.detail div.text {line-height:16px; padding:25px 15px}
div.good_detail div.detail div.text .write {padding:10px 0 0 0}
div.good_detail div.detail div.text .write a {margin-left:10px}
 
table.list_basic {}
table.list_basic *{font-size:11px; color:#9b904c}
table.list_basic th {background:#24210e; height:25px; vertical-align:middle;}
table.list_basic td {text-align:center; height:24px; vertical-align:middle; border-bottom:1px solid #24210e}
table.list_basic td.subj {text-align:left; text-indent:10px}

body.shop {background:#fff}
body.shop #gnb h1 a {background:url(/images/common/h1_w.gif) left top no-repeat}
body.shop div.detail *{color:#6b622a}
body.shop table.list_basic th {color:#bbad59}
body.shop div.good_detail .basic .info .btn a {background:url(/images/common/bg_btn_big_w.gif) top repeat-x; border:1px solid #50470f; color:#c9b84e}
body.shop .login_form input.id_focus, .login_form input.pass_focus {color:#c9b84e}