@charset "utf-8";
/*-----------------------------------------------------------------*/
/* CSS Table of Contents
/*-----------------------------------------------------------------*/
/*
1. Reset

2. Global
2-1. table
2-2. button
2-3. box
2-4. etc

3. Layout
3-1. wrapper
3-2. header
3-3. content
3-4. footer
3-5. snb

4. Page
4-1. 메인
4-2. 상점
4-3. 회원
4-4. 마이페이지
4-5. 추가페이지

5. 기타

/*-----------------------------------------------------------------*/
/* 1. Reset
/*-----------------------------------------------------------------*/

/* webfont (Nunito Sans) */
@font-face {
	font-family: 'Pretendard';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/etc/PretendardVariable.woff2') format('woff2-variations');
}

html {color:#151515; font-size:12px; font-family:'Pretendard', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif; line-height:1.4; letter-spacing: -0.05rem; -ms-content-zooming: none; -ms-touch-action: pan-x pan-y; -ms-overflow-style: none; scrollbar-width: none;}
html::-webkit-scrollbar {display:none;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; vertical-align:baseline;}

/* HTML5 display-role reset for older browsers */
*,
*::before,
*::after {box-sizing:border-box; color:inherit; letter-spacing:-0.05em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {height:100%; margin:0; padding:0; overflow:auto; word-break:break-all; -webkit-text-size-adjust:none; overscroll-behavior:none;}
ol, ul, li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
a, a:hover, a:active, a:focus {text-decoration:none; cursor:pointer;}
h1, h2, h3, h4, button, input, label {line-height:1.1;}
img {height:auto;}
input, button, textarea, select {color:inherit; font:inherit;}
input[type=text], input[type=password], input[type=submit], input[type=button], input[type=search], input[type=tel], input[type=number], input[type=email], textarea, select {-webkit-appearance:none;}
input[type=checkbox] {-webkit-border-radius:0;}
textarea:not([rows]) {min-height:10em;}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none; margin: 0;}
.quicksand {font-family: "Quicksand", serif; font-optical-sizing: auto;}

/*-----------------------------------------------------------------*/
/* 2. Global
/*-----------------------------------------------------------------*/
#qdBackground {width:100% !important;}
#ui-datepicker-div {z-index:10 !important;}


.dn {display:none !important;}
.hidden {visibility:hidden; overflow:hidden; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; font-size:0; line-height:0;}
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.clear {clear:both;}
.bc {display:block; margin-left:auto; margin-right:auto;}
.p_color {color:#D50C0C !important;}
.p_cursor {cursor:pointer;}
.i_info {display:inline-block; position:relative; width:16px; height:16px; margin:-2px 0 0 2px; background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/icon_info.png') no-repeat center/16px auto; font-style:normal; font-weight:normal; line-height:1; vertical-align:middle;}
.empty {padding:40px 0 !important; margin-top: 10px; margin-bottom: 40px; text-align:center; color:#888; background: #F8F8F8; border-radius: 10px; font-size:1.167rem;}
.p_color_org {color:#F8573B;}

/* 스크롤바 없애기 */
.noscroll::-webkit-scrollbar {display:none;}
.noscroll {-ms-overflow-style: none; scrollbar-width: none;}

/*-----------------------------------------------------------------*/
/* 2. Global style
/*-----------------------------------------------------------------*/

/* input 기본 스타일 */
.form_input {display:inline-flex; height:48px; padding:0 10px; border:1px solid #EAEAEA; border-radius:10px; font-family:'Pretendard', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif; font-size:1.167rem; transition:all .3s ease;} 
.form_input:focus {position:relative; z-index:1; border-color:#000; outline:none !important;}
.form_input.block {display:flex; width:100% !important;}
.form_input:-ms-input-placeholder {color:#AFAFAF; font-family:'Pretendard', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif;}
.form_input::-webkit-input-placeholder {color:#AFAFAF; font-family:'Pretendard', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif;}
.form_input::-moz-placeholder {color:#AFAFAF; font-family:'Pretendard', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif;}
.form_input.readonly {background:#EDEDED !important;}
.form_input.gray {background:#fafafa;}
.form_input.gray:focus {background:#fff;}
textarea.form_input {height:auto; padding:12px 10px; border: 1px solid #EAEAEA; font-size: 1.167rem;}
textarea.form_input::placeholder {color: #AFAFAF;}
input[type=file].form_input {padding:10px 14px;}

/* input */
.input {width:100%; height:40px; padding:5px; border:1px solid #d8d8d8; font-size:12px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-family:'Nunito Sans', 'Noto Sans KR','돋움', dotum, AppleGothic, sans-serif;}
.input.file {line-height:28px;}
.input_ea {width:40px; height:25px; padding:0 5px; border:1px solid #d8d8d8; font-size:12px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-family:'Nunito Sans', 'Noto Sans KR','돋움', dotum, AppleGothic, sans-serif;}
.input_text {width:100%; height:80px; padding:5px; border:1px solid #d8d8d8; font-size:12px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-family:'Nunito Sans', 'Noto Sans KR','돋움', dotum, AppleGothic, sans-serif;}

/* 서브 페이지 타이틀 */
h2.subtitle {text-align:center; padding:23px 0; color: #151515; font-size: 1.500rem; font-weight:700;}
.hd_sub h2.subtitle {display: none;}

/* 페이지 내 타이틀 */
h3.title.first {margin-top:0 !important;}
h3.title {margin-top:20px; padding-bottom:15px; font-weight:600; font-size:1.33rem;}
h3.title.line {border-bottom:1px solid #000;}
h3.title.my {margin-top:20px !important;}


/* select */
select {height:48px; background:#fff; padding:0 10px; border:1px solid #d8d8d8; border-radius:10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-size: 1.167rem; line-height:48px;}
input[type=checkbox] {width:20px; height:20px; vertical-align:middle;}
h3.title {padding:20px 0 10px; font-size:1.5em;}

/* 상품리스트 수량,정렬선택,상품후기리스트 정렬*/
.total_sort {display:flex; align-items:center; justify-content:space-between; margin-bottom:5px; height: 36px;}
.total_sort .total {font-size:1.083rem; line-height: 1;}
.total_sort .total strong {color: #F8573B; font-weight: 700;}
.total_sort select {height:30px; padding:6px 25px 6px 6px; border:none; font-size:1.083rem; line-height:normal;}
.total_sort .sort input[type=radio] {margin-left:10px;}
.total_sort .sort .sort_title {font-size: 1.083rem; padding-right: 16px; background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/arrow_down.svg') no-repeat center right/15px; cursor: pointer;}
.total_sort .sort_list {text-align: center; padding: 20px 16px;}
.total_sort .sort_list > div {padding: 12.5px 0; color: #151515; font-size: 1.250rem; line-height: 1;}

/*-----------------------------------------------------------------*/
/* 2-1. Global table style
/*-----------------------------------------------------------------*/

/* 테이블 스타일 - 가로 */
.tbl_col {clear:both; table-layout:fixed; width:100%; border-collapse:collapse;}
.tbl_col caption {padding:10px 0; font-weight:bold; text-align:left;}
.tbl_col th {padding:10px 0; border-top:1px solid #000; border-bottom:1px solid #d7d7d7; color:#181818; font-weight:normal; text-align:center;}
.tbl_col td {padding:10px 0; border-bottom:1px solid #d7d7d7; color:#837d81; text-align:center; vertical-align:middle;}
.tbl_col td a {color:#837d81;}
.tbl_col td * {vertical-align:middle;}
.tbl_col td.left {padding-left:10px; text-align:left;}

/* 테이블 스타일 - 세로 */
.tbl_row {table-layout:fixed; width:100%; margin:0 auto; border-top:1px solid #000;}
.tbl_row caption {display:none;}
.tbl_row th {padding:10px 0 10px 10px; border-bottom:1px solid #d7d7d7; background:#f9f9f9; color:#181818; font-weight:normal; text-align:left; vertical-align:middle;}
.tbl_row th label {color:#181818;}
.tbl_row td {padding:10px 0 10px 10px; border-bottom:1px solid #d7d7d7; color:#837d81; text-align:left; vertical-align:middle;}
.tbl_row td label {color:#837d81;}
.tbl_row td a {color:#231f20;}

/* 테이블 스타일 - 쿠폰 */
.tbl_coupon {clear:both; table-layout:fixed; width:100%; border:1px solid #e8e8e8; border-bottom:0; table-layout:fixed; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.tbl_coupon th {padding:15px; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; background:#fafafa; color:#000; font-size:11px; text-align:left; vertical-align:middle;}
.tbl_coupon td {padding:15px 0; border-bottom:1px solid #e8e8e8; font-size:11px; text-align:left; vertical-align:middle;}
.tbl_coupon td.left {padding-left:20px; color:#777;}
.tbl_coupon td.download {text-align:center;}
.tbl_coupon td.download span {padding:9px 12px; border:1px solid #dcdcdc; color:#000; font-size:11px;}

/*-----------------------------------------------------------------*/
/* 2-2. Global button style
/*-----------------------------------------------------------------*/


/* 버튼스타일 - 기본 */
.box_btn {display:inline-block; text-align:center;}
.box_btn > * {display:inline-flex; align-items:center; justify-content:center; min-width:70px; height:44px; margin:0; padding:0 10px; border:1px solid #212121; border-radius:8px; outline:none; background-color:#212121; color:#fff; font-size:1.167rem; font-family:'Pretendard', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif; font-weight:500; line-height:44px; white-space:nowrap; cursor:pointer; -webkit-appearance:none; transition:all .2s ease;}
.box_btn > *:hover,
.box_btn > *:active,
.box_btn > *:focus {background:#222;}

/* 버튼스타일 - 라운드 */
.box_btn.radius > * {min-width:auto; height:34px; padding:0 15px; border-radius:8px; font-size:1.083rem; line-height:34px;}
.box_btn.radius2 > * {border-radius:20px;}
.box_btn.radius.mini > * {height:30px; line-height:30px;}

/* 버튼스타일 - 크기 */
.box_btn.tiny > * {height: 26px; padding:0 5px; font-size: 1rem; line-height: 24px;}
.box_btn.small > * {height: 32px; padding:0 9px; font-size: 1.083rem; line-height: 30px;}
.box_btn.medium > * {height:42px; padding:0 11px; font-size: 1.083rem; line-height:40px;}
.box_btn.large > * {height:50px; padding:0 16px; font-size: 1.250rem; line-height:48px;}
.box_btn.xlarge > * {height:54px; padding:14px 20px; font-size: 1.250rem; line-height:52px;}

/* 버튼스타일 - 가로길이 */
.box_btn.block {display:block;}
.box_btn.block > * {width:100%;}
.box_btn.w50 > * {width:50px; min-width:50px;}
.box_btn.w70 > * {width:70px;}
.box_btn.w75 > * {width:75px;}
.box_btn.w100 > * {width:100px;}
.box_btn.w125 > * {width:125px;}
.box_btn.w150 > * {width:150px;}
.box_btn.w175 > * {width:175px;}
.box_btn.w200 > * {width:200px;}
.box_btn.w225 > * {width:225px;}
.box_btn.w250 > * {width:250px;}
.box_btn.w275 > * {width:275px;}
.box_btn.w300 > * {width:300px;}
.box_btn.w325 > * {width:325px;}
.box_btn.w350 > * {width:350px;}


/* 버튼스타일 - 색상 */
.box_btn.white > * {border-color:#000; background-color:#fff; color:#000;}
.box_btn.white:hover > *,
.box_btn.white:active > *,
.box_btn.white:focus > * {background-color:#000; color:#fff;}
.box_btn.gray > * {border-color:#ECECEC; background-color:#ECECEC; color:#151515;}
.box_btn.gray:hover > *,
.box_btn.gray:active > *,
.box_btn.gray:focus > * {border-color:#F4F4F4; background-color:#F4F4F4; color:#151515;}
.box_btn.grline * {border-color:#EAEAEA; background:transparent; color:#151515 !important;}
.box_btn.grline:hover *,
.box_btn.grline:active *,
.box_btn.grline:focus * {background:transparent;}
.box_btn.lightgray > * {border-color:#e4e4e4; background-color:#e4e4e4; color:#fff;}

/* 나열 버튼 */
.btn_col {display:flex; gap:10px; align-items:center; justify-content:center;}
.btn_col2 {display:flex; gap:10px; align-items:center; justify-content:center; width:100%; margin:0 auto;}
.btn_col2 .box_btn {width:50%;}
.btn_col2 .box_btn > * {width:100%;}
.btn_col2.nogap {gap:0;}
.box_btn.mt {margin-top:5px;}

/* 체크박스, 라디오 */
input[type=checkbox] {width:20px; height:20px; margin:0 5px 0 0; outline:0; background:no-repeat left center /20px; background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/ckbox.svg') no-repeat center /20px; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; vertical-align:middle; transition:background .2s;}
input[type=checkbox]::-ms-check {display:none;}
input[type=checkbox]:checked {background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/ckbox_on.svg');} 
input[type=checkbox][disabled] {opacity:.5;}
input[type=radio] {display:inline-block; width:20px; height:20px; margin:0 5px 0 0; background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/radio.svg') no-repeat left center /20px; border:none; vertical-align:middle; appearance:none;-webkit-appearance:none; -moz-appearance:none; outline:none; transition:background .2s;}
input[type=radio]:checked {background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/radio_on.svg');}
label {display:inline-block; font-size:1.167rem; line-height:20px; letter-spacing:-0.01em; vertical-align:middle; cursor:pointer;}
label:has(input:disabled){opacity:.5; cursor:default;}



/*-----------------------------------------------------------------*/
/* 2-3. Global box style
/*-----------------------------------------------------------------*/

/* 박스 스타일 - 회원가입 완료, 회원정보수정 1단계, 회원정보수정 완료, 탈퇴 완료, 1:1문의 완료, 주문 완료, 소셜쿠폰 */
.box_common {clear:both; padding:20px 15px; border-radius:10px; background:#F8F8F8; text-align:center;}
.box_common h3 {padding:10px 0;}
.box_common .point_color {color:#f36d14;}
.box_common .btn {overflow:hidden; padding:10px 0; text-align:center;}
.box_common.left {text-align:left;}
.box_common.space {margin:10px 0;}

/*-----------------------------------------------------------------*/
/* 2-4. Global etc style
/*-----------------------------------------------------------------*/

/* 상품 리스트 */
/*
.prd_list {width:100%;}
.prd_list ul {display:table; width:100%;}
.prd_list ul li {padding-bottom:20px; text-align:center;}
.prd_list ul li .box {width:100%; text-align:center;}
.prd_list ul li .box .img {position:relative;}
.prd_list ul li .box .img img {width:100%; height:auto;}
.prd_list ul li .box .img .soldout {display:none;}
.prd_list ul li .box.out .img .soldout {display:block; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%;}
.prd_list ul li .box.out .img .soldout .icon_soldout {position:absolute; left:0; top:0; z-index:15; width:100%; height:100%; background:rgba(255,255,255,0.5);}
.prd_list ul li .box.out .img .soldout .icon_soldout span {display:block; position:absolute; left:50%; top:50%; z-index:100; width:76px; height:76px; margin:-38px 0 0 -38px; border-radius:50%; background:#000; color:#fff; font-size:10px; line-height:76px;}
.prd_list ul li .box .info .name {padding-top:10px;}
.prd_list ul li .box .info .name a {color:#333;}
.prd_list ul li .box .info .summary {padding-top:5px; color:#777;}
.prd_list ul li .box .info .cate {padding-top:10px; font-size:10px; color:#e2131c;}
.prd_list ul li .box .info .cate a {font-size:10px; color:#e2131c;}
.prd_list ul li .box .info .price {padding-top:15px; font-size:12px; color:#4c4c4c;}
*/

/* 두줄로 노출 */
.prd_list1 ul li {float:left; width:49%;}
.prd_list1 ul li:nth-child(even) {float:right;}
.prd_list1 ul li:nth-child(2n+1) {clear:both;}

/* 세줄로 노출 */
.prd_list2 ul li {float:left; width:32%;}
.prd_list2 ul li:nth-child(3n-1) {margin:0 2%;}
.prd_list2 ul li:nth-child(3n+1) {clear:both; float:left;}

/* 이미지만 노출 */
.prd_list3 ul li {float:left; width:49%; padding-bottom:2%;}
.prd_list3 ul li:nth-child(even) {float:right;}
.prd_list3 ul li:nth-child(2n+1) {clear:both;}
.prd_list3 ul li .box .info {display:none;}

/* 리스트 형식 노출 */
/*
.prd_list4 ul li {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ebebeb;}
.prd_list4 ul li .box:after {display:block; clear:both; content:'';}
.prd_list4 ul li .box .img {float:left; width:20%;}
.prd_list4 ul li .box .info {float:left; width:80%; padding-left:10px; text-align:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.prd_list4 ul li .box .info .name {padding:0;}
.prd_list4 ul li .box .info .summary {display:block;}
.prd_list4 ul li .box .info .price {text-align:right;}
*/

.prd_list4 *,
.prd_list4 *:before,
.prd_list4 *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
/*
.prd_list4 ul {display:table; width:100%;}
.prd_list4 ul li {padding:20px 0;}
.prd_list4 ul li .box {font-size:0;}
.prd_list4 ul li .box .img {display:inline-block; width:50px; height:50px; vertical-align:middle; }
.prd_list4 ul li .box .img img {width:100%; height:auto;}
.prd_list4 ul li .box .info {display:inline-block; width:calc(100% - 50px); padding:0 10px; vertical-align:middle;}
.prd_list4 ul li .box .info .name {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size:1.167rem; font-weight:600; letter-spacing:-0.02rem; line-height:1; word-break:break-all;}
.prd_list4 ul li .box .info .summary {padding-top:5px; color:#8a8a8a;}
.prd_list4 ul li .box .info .summary * {color:#8a8a8a;}
.prd_list4 ul li .box .info .price {}
.prd_list4 ul li .box .info .cate {padding-top:5px;}
.prd_list4 ul li .box .info .cate * {color:#8a8a8a;}
*/

/* 상품리스트 - 기본상품리스트 */
.prd_normal_list {display:table; width:100%;}
.prd_normal_list > li .box .img {width:50px; height:50px;}
.prd_normal_list > li .box .img img {width:100%; height:auto;}
.prd_normal_list > li .box .info {width:calc(100% - 100px); padding:0 10px;}
.prd_normal_list > li .box .info .name {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size:1.167rem; font-weight:600; letter-spacing:-0.02rem; line-height:1; word-break:break-all;}
.prd_normal_list > li .box .info .summary {width:100%; padding-top:5px; color:#8a8a8a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
.prd_normal_list > li .box .info .summary * {color:#8a8a8a;}
.prd_normal_list > li .box .btn > a {display:block; width:17px; height:50px; background-repeat:no-repeat; background-size:17px; background-position:center; color:transparent; font-size:0;}
.prd_normal_list > li .box .btn a.more {margin-left:15px; background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/shop/list_more.png');}
.prd_normal_list > li .box .btn.play a {background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/shop/list_play.png');}
.prd_normal_list > li .box .btn.play iframe {width:17px; height:50px;}

.prd_normal_list > li .box .info .foryou_depth {display:inline-block; font-size:0; vertical-align:top;}
.prd_normal_list > li .box .info .foryou_depth li {display:inline-block;  vertical-align:top;}
.prd_normal_list > li .box .info .foryou_depth li a {display:inline-block; margin-right:10px; padding:10px 0 10px 22px; background-repeat:no-repeat; background-size:17px; background-position:left; color:#ff4800; font-size:1.083rem;}
.prd_normal_list > li .box .info .foryou_depth li.view a {padding-top:8px; background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/shop/list_view_color.png');}
.prd_normal_list > li .box .info .foryou_depth li.play a {background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/shop/list_play_color.png');}


.prd_normal_list > li .box .btn > ul {display:none; position:absolute; top:-25px; right:28px; z-index:10; width:109px; height:auto; padding:10px 20px; border:1px solid #f2f2f2; border-radius:2px; background-color:#fff; box-shadow:1px 2px 5px rgba(0,0,0,0.07); }
.prd_normal_list > li .box .btn > ul > li a {display:block; padding:10px 0 10px 22px; background-repeat:no-repeat; background-size:17px; background-position:left; font-size:1.083rem;}
.prd_normal_list > li .box .btn > ul > li.cart a {background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/shop/list_cart.png');}
.prd_normal_list > li .box .btn > ul > li.sample a {background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/shop/list_sample.png');}
.prd_normal_list > li .box .btn > ul > li.view a {background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/shop/list_view.png');}
.prd_normal_list > li .box .btn > ul > li.play a {background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/shop/list_play.png');}
.prd_normal_list > li .box .btn > ul > li.wish a {background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/shop/list_wish.png');}
.prd_normal_list > li .box .btn > ul > li.wish a.wish_on {background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/shop/list_wish_on.png');}
.prd_normal_list .order_state {display:inline-block; font-size:0; vertical-align:top;}
/* 상품정보 리스트 - 주문내역상세, 주문서 */
.list_prd {border:1px solid #ddd; border-radius:3px;}
.list_prd li {padding:0 10px; border-top:1px solid #ddd; background:#f9f9f9;}
.list_prd li:first-child {border-top:0;}
.list_prd li:nth-child(even) {background:#fff;}
.list_prd li .box .prd_detail {overflow:hidden; padding:10px 0;}
.list_prd li .box .prd_detail .check {float:left; padding-right:10px;}
.list_prd li .box .prd_detail .img {float:left; padding-right:10px;}
.list_prd li .box .prd_detail .name {overflow:hidden; padding-bottom:5px; white-space:nowrap; text-overflow:ellipsis;}
.list_prd li .box .prd_detail .opt {clear:both;}
.list_prd li .box .prd_detail .opt select {width:100%; margin-top:5px;}
.list_prd li .box .price {clear:both; padding:10px 0; border-top:1px solid #ddd;}
.list_prd li .box .price .pay {padding-top:5px; color:#1795ea;}
.list_prd li .box .price .confirm {position:absolute; right:0; top:15px;}
.list_prd li .box .price .confirm a {padding:5px; background:#000; color:#fff;}
.list_prd li .box .delivery {padding:10px 0; border-top:1px solid #ddd;}
.list_prd li .box .delivery .stat {float:left; color:#f36d14;}
.list_prd li .box .delivery .confirm {float:right; padding-top:10px;}
.list_prd li .box .delivery .confirm a {padding:5px; background:#000; color:#fff;}
.list_prd li .box .delivery:after {display:block; clear:both; content:'';}
.list_prd li .box .btn_col {border-top:1px solid #ddd;}

/* 상품정보 리스트 - 장바구니, 관심상품 */
.list_prd2 {padding:10px 0 40px;}
.list_prd2 li {margin-bottom: 10px;}
.list_prd2 li:last-child {margin-bottom: 0;}
.list_prd2 li .box {display: flex; position: relative; gap: 15px;}
.list_prd2 li .box > div {display:inline-block; vertical-align:top;}
.list_prd2 li .box .img {position: relative; width:86px; border-radius: 10px; overflow: hidden; flex: 0 0 86px;}
.list_prd2 li .box .img .check {position: absolute; top: 5px; left: 5px; z-index: 2;}
.list_prd2 li .box .img img {width:100%; height:auto; object-fit: cover; aspect-ratio: 5 / 7;}
.list_prd2 li .box .info {width: calc(100% - 101px); flex:1; }
/* .list_prd2 li .box .info .type {display: none; margin-bottom: 1px; padding: 3px; border-radius: 3px; color: #fff; font-weight: 500; font-size: 0.917rem; line-height: 1;}
.list_prd2 li .box .info .type.dap {background: #51A66E;} 
.list_prd2 li .box .info .type.ebook {background: #3461C2;}
.list_prd2 li .box .info .type.deduction {background: #c28934; cursor: pointer;}
.list_prd2 li .box.dap .type.dap {display: inline-block;}
.list_prd2 li .box.ebook .type.ebook {display: inline-block;}
.list_prd2 li .box.ebook .type.deduction {display: inline-block;} */

.list_prd2 li .box .info .type {display: none; margin-bottom: 1px; align-items: center; justify-content: center; min-width: 48px; height: 24px; border: 1px solid #ddd; border-radius: 18px; background: #fff;
text-indent: -50000px;}
.list_prd2 li .box.dap .info .type::after {content: 'e악보'; text-indent: 0; } 
.list_prd2 li .box.ebook .info .type::after {content: 'e북'; text-indent: 0; }
.list_prd2 li .box.dap .type.dap,
.list_prd2 li .box.ebook .type.ebook {display: inline-flex;}

.list_prd2 li .box .info .rendition_box {display: flex; justify-content: space-between; gap: 10px; margin-bottom: 5px;}
.list_prd2 li .box .info .rendition_box .rendition {display: flex; gap: 10px;}
.list_prd2 li .box .info .rendition_box .rendition .sheet {display: none;}
.list_prd2 li .box .info .rendition_box .rendition.sheet_use .sheet {display: flex;}
.list_prd2 li .box .info .rendition_box .rendition.sheet_use .source {display: none;}
.list_prd2 li .box .info .rendition_box .rendition > a {display: flex; align-items: center; gap: 5px;}
.list_prd2 li .box .info .rendition_box .rendition > a > span {color: #888; font-size: 1.167rem; font-weight: 400; line-height: 1;}
.list_prd2 li .box .info .rendition_box .play {display: flex; width: 36px; height: 36px; align-items: center; justify-content: center;}
.list_prd2 li .box .info p {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height: 1;}
.list_prd2 li .box .info p.name {margin-bottom: 4px;}
.list_prd2 li .box .info p.name * {color: #151515; font-size: 1.167rem; font-weight: 500; line-height: 1.3;}
.list_prd2 li .box .info p.inventory {margin-bottom: 5px; color: #AFAFAF; font-size: 1.167rem; font-weight: 400; line-height: 1.3;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}
.list_prd2 li .box .info p.summary {white-space: wrap;}
.list_prd2 li .box .info p.summary * {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #AFAFAF; font-size: 1.167rem; line-height: 1.3;}
.list_prd2 li .box .info p.source {display: block; color: #AFAFAF; font-size: 1.167rem; line-height: 1.3; font-weight: 400;}
.list_prd2 li .box .info p.track {display: block; margin-bottom: 4px; color: #AFAFAF; font-size: 1.167rem; line-height: 1.3; font-weight: 400;}
.list_prd2 li .box .info p.artist {display: block; color:#AFAFAF; font-size: 1.083rem; font-weight: 400; line-height: 1;}
.list_prd2 li .box .info p.pay {display: block; margin-top: 5px; font-size: 1.167rem; font-weight: 500; line-height: 1;}
.list_prd2 li .box .info .pay_del {display: flex; align-items: center; justify-content: space-between; margin-top: 10px;}
.list_prd2 li .box.dap .info .pay_del {margin-top: 0;;}
.list_prd2 li .box .info .pay_del .pay {color: #151515; font-size: 1.167rem; font-weight: 500;}
.list_prd2 li .box .info .pay_del .del {color: #AFAFAF; line-height: 1; font-weight: 500; padding: 5px 7px 5px 8px; border: 1px solid #EAEAEA; border-radius: 6px;}
.list_prd2 li .box .info .pay_del .del > a {display: flex; align-items: flex-end;}
.list_prd2 li .box .info .fb {position: relative; display: flex; align-items: center; gap: 15px; margin-top: 15px; justify-content: space-between;}
.list_prd2 li .box .info .fb .artist_pub {display: flex; flex-direction: column; gap: 5px;}
.list_prd2 li .box .info .fb .artist_pub > p {color: #AFAFAF; font-size: 1.083rem;}
.list_prd2 li .box .info .fb .wish {display: flex; height: 28px;}
.list_prd2 li .box .info .fb .wish a {display:block; border: 1px solid #EAEAEA; border-radius: 23px; padding: 7px 8px; background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/icon_detail_wish.svg') no-repeat 8px/14px;}
.list_prd2 li .box .info .fb .wish a.wish_on {background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/icon_detail_wish_on.svg');}
.list_prd2 li .box .info .fb .wish .wish_num {display: inline-block; padding-left: 16px; font-size: 1rem; line-height: 13.5px;}
.list_prd2 li .box .info .play {display: none; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; width: 30px; height: 30px;}
.list_prd2 li .box.dap .info .play.dap {display: flex;}
.list_prd2 li .box.ebook .info .play.ebook {display: flex;}
.list_prd2 li .box.ebook .info .source,
.list_prd2 li .box.ebook .info .track {display: none;}

@media all and (max-width:1024px) {
	.list_prd2 li .box .img {width:130px;}
	.list_prd2 li .box .info {width: calc(100% - 145px);}
}

@media all and (max-width:720px) {
	.list_prd2 li .box .img {width:86px;}
	.list_prd2 li .box .info {width: calc(100% - 101px);}
}


/* 리스트 */
.list_common {padding:10px; border:1px solid #ddd; border-radius:3px; background:#f9f9f9;}
.list_common dl {overflow:hidden;}
.list_common dl dt {clear:both; float:left; width:27%; padding:4px 0; text-align:left;}
.list_common dl dd {float:right; width:73%; padding:4px 0; text-align:right;}
.list_common dl dd .total {color:#f26522; font-weight:bold;}
.list_common.half dl dt {width:50%;}
.list_common.half dl dd {width:50%;}
.list_common.total {border-width:2px; border-radius:0;}

/* 리스트 */
.list_common2 {padding:20px; border:1px solid #E5E5E5; border-radius:10px;}
.list_common2 dl {overflow:hidden;}
.list_common2 dl dt {clear:both; float:left; width:27%; margin-bottom: 15px; font-size: 1.167rem; font-weight: 500; text-align:left;}
.list_common2 dl dd {float:right; width:73%; margin-bottom: 15px; font-size: 1.167rem; text-align:right;}
.list_common2 dl dt:last-of-type {margin-bottom: 0;}
.list_common2 dl dd:last-of-type {margin-bottom: 0;}
.list_common2 dl dd .total {color:#f26522; font-weight:bold;}
.list_common2 dl dd .receipt > a {display: inline-flex; align-items: center; justify-content: center; margin-left: 5px; height: 26px; padding: 0 5px; border-radius: 8px; font-size: 1rem; background: #ECECEC; color: #151515; font-weight: 500;}
.list_common2 .list_box {display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;}
.list_common2 .list_box:last-of-type {margin-bottom: 0;}
.list_common2 .list_box > span {width: 50%; font-size: 1.167rem;}
.list_common2 .list_box .tit {font-weight: 500;}
.list_common2 .list_box .desc {text-align: right;}
.list_common2 .total_box {border-top: 1px dashed #D2D2D2;}
.list_common2 .total_box .total {margin: 20px 0;}
.list_common2 .total_box .total .desc {font-size: 1.167rem; font-weight: 600;}
.list_common2 .total_box .total .desc > strong {font-size: 1.333rem;}
.list_common2 .total_box .total_milage {display: flex; align-items: center; height: 50px; padding: 15px; border-radius: 5px; background: #FFFBE2;}

/* 타이틀 있는 리스트 */
.list_title li {clear:both; margin:10px 0; border:1px solid #d7d7d7;}
.list_title li h3 {padding:10px; border-bottom:1px solid #d7d7d7; background:#f9f9f9;}
.list_title li dl {overflow:hidden; padding:10px;}
.list_title li dl dt {clear:both; float:left; width:27%; padding:4px 0; text-align:left;}
.list_title li dl dd {float:right; width:73%; padding:4px 0; text-align:right;}

/* 리스트 입력폼 - 주문서 */
.list_input li {overflow:hidden; padding:10px 0; border-top:1px dashed #ddd; text-align:left;}
.list_input li:first-child {border-top:0;}
.list_input li label {display:block; padding-bottom:5px;}
.list_input li select {width:100%;}
.list_input li.addfd input[type=text] {width:100%; height:40px; padding:5px; border:1px solid #d8d8d8; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; line-height:38px;}

/* 리스트 - 게시판 목록(/mypage/counsel_list.php & /mypage/order_detail.php & qna_list.php & review_list.php) */
.list_board {clear:both;}
.list_board li {padding:5px 0;}
.list_board li .frame {border:1px solid #ddd; border-radius:10px; cursor: pointer;}
.list_board li .frame.notice {background:#f6f6f6;}
.list_board li .frame .subject {padding:10px; font-size: 1.167rem;}
.list_board li .frame .subject .title {overflow:hidden; width:100%; padding-bottom:5px; font-size:1em; white-space:nowrap; text-overflow:ellipsis;}
.list_board li .frame .subject .title img {height:16px; vertical-align:middle;}
.list_board li .frame .subject .title .notice {display:inline-block; margin-right:2px; padding:0 2px; border:1px solid #aaa; background:#fff; font-size:0.833em;}
.list_board li .frame .subject .stat {float:right; padding:0; color:#f36d14;}
.list_board li .frame .subject .name {font-size:0.75em;}
.list_board li .frame .subject .name img {height:12px; vertical-align:middle;}
.list_board li .frame .content {display:none; padding:10px; border-top:1px dotted #ddd; border-radius: 0 0 10px 10px; background:#f6f6f6; font-size: 1.167rem; color:#363636; text-align:left;}
.list_board li .frame .content img {max-width:100%;}
.list_board li .frame .content .answer {margin-top:15px; padding:10px 0 10px 25px; border:1px solid #e0e0e0; border-radius: 10px; background:#fff url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/mypage/bullet_reply.gif') no-repeat 10px 10px; background-size:12px 10px;}
.list_board li .frame2 .prdimg {float:left; width:20%; padding:10px 0 10px 10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-align:center;}
.list_board li .frame2 .prdimg img {width:100%; height:auto;}
.list_board li .frame2 .subject {float:left; width:80%; padding:10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.list_board li .frame2 .subject .title {padding:5px 0;}
.list_board li .frame2:after {display:block; clear:both; content:'';}

/* 리스트 - 게시판 글쓰기(qna, review) */
.list_write {margin-top:20px; padding:10px; border:1px solid #ddd; border-radius: 8px;}
.list_write li {padding:5px 0;}
.list_write li.grade {display: flex;}
.list_write li.grade > div {width: 20%;}
.list_write li.grade img {height:10px; vertical-align:baseline;}
.list_write li .readonly {background:#eee;}
.list_write li select {width:100%;}
.list_write li input[type=file] {line-height:0;}
.list_write_submit {margin-top: 20px;}

/* 댓글 - 리스트, 쓰기 (게시판, 상품리뷰) */
.comment_wrap {padding:30px; border:1px solid #EFEFEF; border-radius:6px;}
.list_comment {position:relative; text-align:left;}
.list_comment > ul > li {display:flex; gap:5px; align-items:flex-start; padding:14px 20px; border-radius:6px; background-color:#F6F6F6; word-break:break-all; word-wrap:break-word;}
.list_comment > ul > li + li {margin-top:4px;}
.list_comment > ul > li .name {display:block; width:70px; flex-shrink:0; font-size:1.167rem; font-weight:600;}
.list_comment > ul > li .content {width:100%; font-size:1.167rem;}
.list_comment > ul > li .date {width:140px; flex-shrink:0; margin-left:auto; text-align:right;}
.list_comment > ul > li .date span {padding-right:5px; color:#888; font-size:1.083rem;}
.list_comment > ul > li .date img {margin-top:3px; width: 10px;}
.write_comment {margin-top:10px; padding:30px; border:1px solid #EFEFEF; border-radius:6px;}
.write_comment .user {display:flex; gap:5px; overflow:auto; padding-bottom:10px; text-align:left;}
.write_comment .inputbox {overflow:hidden; position:relative; padding-right:88px;}
.write_comment .inputbox textarea.form_input {min-height:80px; border-radius:6px 0 0 6px;}
.write_comment .inputbox .btn_comment {display:block; position:absolute; right:0; top:0; width:88px; height:100%; text-align:center; border:1px solid #000; border-radius:0 6px 6px 0; background-color:#000; color:#fff; font-size:1.33rem; cursor:pointer;}

@media all and (max-width:1023px) {
	.comment_wrap {margin-top:0; padding:25px;}
	.write_comment {padding:25px;}
}

@media all and (max-width:767px) {
	.comment_wrap {padding:20px;}
	.list_comment > ul > li {display:block; position:relative;}
	.list_comment > ul > li .name {width:100%; padding-right:140px;}
	.list_comment > ul > li .content {padding-top:5px; font-size:1.083rem;}
	.list_comment > ul > li .date {position:absolute; top:14px; right:20px;}
	.list_comment > ul > li .date span {font-size:1rem;}
	.write_comment {padding:20px;}
	.write_comment .inputbox {padding-right:60px;}
	.write_comment .inputbox .btn_comment {width:60px; font-size:1.25rem;}
}

/* 전체선택 */
.select_all {margin-bottom:10px; padding:10px; border:1px solid #ddd; background:#f9f9f9;}
.select_all label {display:inline-block; padding:6px 0 0 10px; vertical-align:top;}

/* 상품 진열 아이콘 */
.line_prd {position:relative; height:40px;}
.line_prd h3 {position:absolute; left:0; top:3px; font-size:1.167em; vertical-align:top;}
.line_prd .sort {position:absolute; left:0; top:0;}
.line_prd .sort select {height:25px; padding:0 5px;}
.line_prd ul {float:right;}
.line_prd ul li {float:left; border:1px solid #c4c1bc; border-left:0;}
.line_prd ul li:first-child {border-left:1px solid #c4c1bc;}
.line_prd ul li img {width:25px;}
.line_prd ul li img {width:25px;}


/* 상품스타일 - 기본 */
.prd_basic {display:block; font-size:0; text-align:left !important;}
.prd_basic > li {display:inline-block; width:50%; text-align:center; vertical-align:top;}
.prd_basic > li:nth-child(2n) {padding-right:0; padding-left:1%;}
.prd_basic .box {position:relative; width:100%; margin:0 auto;}
.prd_basic .box .img {overflow:hidden; position:relative; border-radius: 10px; z-index:1; width:100%; margin:0 auto; text-align:center;}
.prd_basic .box .img .prdimg {transition:all .3s ease;}
.prd_basic .box .img .prdimg img {display:block; width:100%; height:auto; aspect-ratio:5/7; object-fit:cover;}
.prd_basic .box:hover .img .prdimg {-ms-transform:scale(1.1,1.1); /* IE 9 */ -webkit-transform:scale(1.1,1.1); /* Safari */ transform:scale(1.1,1.1); /* Standard syntax */}
.prd_basic .box .img .soldout {display:none;}
.prd_basic .box .img .type_icon {display:flex; align-items: center; justify-content: center; position:absolute; right:6px; top:6px; min-width: 48px; height: 24px; border: 1px solid #ddd; border-radius: 18px; background:#fff;}
.prd_basic .box .img .type_icon::after {font-size:1rem; font-weight:500;}
.prd_basic .box.dap .img .type_icon::after {content:'e악보';}
.prd_basic .box.ebook .img .type_icon::after {content:'e북';}
.prd_basic .box .img .wish {position:absolute; right:0px; top:0px;}
.prd_basic .box .img .wish a {display:block; width:30px; height:36px; background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/shop/icon_wish.svg') no-repeat center/18px;}
.prd_basic .box .img .wish a.wish_on {background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/icon_detail_wish_on.svg');}
.prd_basic .box.out .img .prdimg {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity:.3;}
.prd_basic .box.out .img .soldout {display:block; position:absolute; left:0; top:50%; z-index:5; width:100%; color:#000; font-size:1.167rem; font-weight:bold; text-align:center; cursor:pointer;} /* 품절시 soldout 출력 */
.prd_basic .box .colorchip {display: none; padding-top:14px;}
.prd_basic .box .colorchip ul {gap:0; margin-top:0; font-size:0;}
.prd_basic .box .colorchip ul > li {display:inline-block; overflow:hidden; width:16px; height:8px; margin-right:2px; border:1px solid #E9E9E9; border-radius:0; vertical-align:top;}
.prd_basic .box .colorchip ul > li span {display:block; width:100%; height:100%;}
.prd_basic .box .colorchip ul > li img {display:block; width:100%; height:auto;}
.prd_basic .box .info {text-align:left;}
.prd_basic .box  .info .type {display: none; margin-top: 10px; margin-bottom: 1px; padding: 3px; border-radius: 3px; color: #fff; font-weight: 500; font-size: 0.917rem; line-height: 1;}
.prd_basic .box  .info .type.dap {background: #51A66E;} 
.prd_basic .box  .info .type.ebook {background: #3461C2;}
/* .prd_basic .box .dap .type.dap {display: inline-block;}
.prd_basic .box .ebook .type.ebook {display: inline-block;} */
.prd_basic .box .name {padding-top:10px;}
.prd_basic .box .name a {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #151515; font-size: 1.167rem; font-weight:500; line-height: 1.5;}
.prd_basic .box .source {color: #888; font-size: 1.083rem; font-weight: 400; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.prd_basic .box .track {color: #888; font-size: 1.083rem; font-weight: 400; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.prd_basic .box .artist {color: #AFAFAF; font-size: 1.083rem; font-weight: 400; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.prd_basic .box .price {display: none; padding-top:10px;} 
.prd_basic .box .price p {display:inline-block; margin-right:5px; font-size:1.333rem; font-weight:700; letter-spacing:-0.33px; word-break:break-all; word-wrap:break-word;}
.prd_basic .box .price p.percent {color:#F1762E;}
.prd_basic .box .price .consumer {color:#999999; font-weight:400; text-decoration:line-through;}
.prd_basic .box .price .consumerY {display:none;}
.prd_basic .box .price .sellY {color:#999999; font-weight:400; text-decoration:line-through;}
.prd_basic .box .price .discount {display:none;}
.prd_basic .box .price .discountY {display:inline-block;}
.prd_basic .box .price .textY {font-size:0 !important;}
.prd_basic .box .price .textY span {font-size:1.333rem; font-weight:700;}
.prd_basic .box .summary {display:-webkit-box; display:none; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient: vertical; padding-top:1px; color:#888888; font-size:1.167rem; word-break:break-all; word-wrap:break-word; letter-spacing:-0.35px;}
.prd_basic .box .icon {display: flex; padding-top:10px;}
.prd_basic .box .icon img {width:auto; height:8px; margin:0 2px 2px 2px; vertical-align:middle;}
.prd_basic .box .today {display:inline-block; margin:10px auto 0; padding-left:16px; background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/shop/icon_today.png')no-repeat left center/12px; color:#067DFD; font-size:0.917rem;}
.prd_basic .box .today > span {padding-left:5px; color:#666; font-weight:500;}

@media all and (max-width:640px) {
	.prd_basic .box .colorchip {padding-top:9px;}
	.prd_basic .box .price p {font-size:1.083rem;}
	.prd_basic .box .price .sell {display:block; font-size:1.167rem;}
	.prd_basic .box .price .sellY {display:inline-block; font-size:1.083rem;}
	.prd_basic .box .price .discountY {display:block; font-size:1.167rem;}
	.prd_basic .box .price .textY span {font-size:1.167rem;}
}

/* 상품스타일 - 보기갯수 (상품리스트) */
.prd_basic.col_grid {display:grid; gap:30px 8px; grid-template-columns:repeat(3, calc(33% - 4px));}
.prd_basic.col_grid > li {width:100%;}

@media all and (max-width:1024px) {
	.prd_basic.col_grid {display:grid; gap:30px 8px; grid-template-columns:repeat(4, calc(25% - 6px));}
}

@media all and (max-width:720px) {
	.prd_basic.col_grid {grid-template-columns:repeat(3, calc(33% - 4px));}
}

/* 상품스타일 - 가로형 (최근 본 상품) */
.prd_basic.col_list {border-top:1px solid #000;}
.prd_basic.col_list > li {width:100%; padding:20px 0; border-bottom:1px solid #EFEFEF;}
.prd_basic.col_list .box {display:flex; align-items:center; gap:16px; position:relative;}
.prd_basic.col_list .box .img {width:100px; flex-shrink:0; height:auto;}
.prd_basic.col_list .box:hover .img .prdimg {transform:none;}
.prd_basic.col_list .box .info {position:static; width:100%; padding-right:50px; text-align:left;}
.prd_basic.col_list .box .name {padding-top:0; font-size:1.167rem;}
.prd_basic.col_list .box .summary {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.2em; max-height:2.4em; font-size:1.083rem;}
.prd_basic.col_list .box .img .box_timer,
.prd_basic.col_list .box .icon {display:none;}

/* 상품스타일 - 관련상품 */
.prd_related {display:block; width:100%; border-collapse:collapse;}
.prd_related > li {overflow:hidden; display:block; position:relative; width:100%; padding:0; border-bottom:1px solid #efefef;}
.prd_related > li > div {display:block;margin-left:102px; padding:0; text-align:left; vertical-align:middle;}
.prd_related > li .chk {width:20px; padding:0;}
.prd_related > li .chk input[type=checkbox] {margin:0 20px 0 0;}
.prd_related > li .box {float:left; width:90px; margin:0;}
.prd_related > li .prdimg {display:flex; align-items: center; gap:10px; padding:22px 0;}
.prd_related > li .prdimg .img {width:60px;}
.prd_related > li .prdimg img {display:block; width:100%; height:auto; max-height:90px;}
.prd_related > li .subject {width:auto; padding-top:22px;}
.prd_related > li .subject p {padding-bottom:5px;}
.prd_related > li .subject .name {font-size:1.25rem; letter-spacing:-0.3px;}
.prd_related > li .subject .soldout {display:none; color:#d53838;}
.prd_related > li .subject .soldout.out {display:inline;}
.prd_related > li .subject .summary {color:#999; font-size:1.167rem; letter-spacing:-0.28px; word-break:keep-all;}
.prd_related > li .prc {min-width:120px; text-align:left;}
.prd_related > li .prcY {font-size:0; text-align:left;}
.prd_related > li .prcY span {font-size:1.167rem;}
.prd_related > li .prc strong {font-size:1.167rem; font-weight:600;}
.prd_related > li .opt {width:calc(100% - 102px); max-width:344px; padding-top:7px;}
.prd_related > li .opt > p {display:flex; flex-wrap:wrap; gap:7px 10px;}
.prd_related > li .opt select {display:block; width:100%; max-width:344px;}
.prd_related > li .opt input[type="text"] {width:100%; max-width:344px;}
.prd_related > li .opt label {/* margin:3px 10px 3px 0 */;}
.prd_related > li .qty {width:90px; max-width:115px; margin-top:5px; padding-bottom:22px;}


/*-----------------------------------------------------------------*/
/* 3. Layout
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/* 3-1. wrapper
/*-----------------------------------------------------------------*/
body {background:#f8f8f8;}
body.view_nav {overflow:hidden;}
body.view_nav #dimmed {display:block;}
#wrapper {position:absolute; left:50%; top:0; max-width:520px;  min-width: 320px; width:100%; background:#fff; text-align:left; min-height: -webkit-fill-available;}
#wrapper .wrapper_box {position: relative;}
.wrap_inner {padding:4.68%;} /* 컨텐츠 사이즈 */
.wrap_inner2 {padding:0 16px;} /* 컨텐츠 사이즈 */
.wrap_inner3 {padding:0 25px;} /* 컨텐츠 사이즈 */

@media all and (max-width:1024px) {
	#wrapper {left: 0; max-width: 100%;}
}
@media all and (max-width:720px) {
	#wrapper {left:0; margin-left: 0;}
}


/*-----------------------------------------------------------------*/
/* 3-2. header
/*-----------------------------------------------------------------*/

.box_search {display:block; position:fixed !important; top:181px; left:50%; z-index:15; width:520px; height:100%; padding:0 20px; margin-left:-520px; opacity:1; visibility:visible; position:relative; transition:all .2s;}
.box_search .text_logo {margin-bottom:18px;}
.box_search .text_logo a {font-size:5.417rem; font-weight: 700;}
.box_search p {margin-bottom:46px; color:#888888; font-family:'Pretendard',sans-serif; font-size:1.250rem; line-height:26px; letter-spacing:-0.3px;}
.box_search form {text-align:center; transition:all .4s;}
.box_search form .box {overflow:hidden; position:relative; width:350px; min-height:55px; margin-bottom:114px; background:#fff; border-bottom:1px solid #fff; color:#fff; text-align:left;}
.box_search form .box .basic_search {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%; height:55px; padding:15px 2.857rem 15px 15px; border:0; background:#fff; font-size:16px; color:#000;}
.box_search form .box .basic_search::placeholder {color:#CFCFCF; font-size:1.250rem;}
.box_search form .box .btn {position:absolute; top:17px; right:15px; z-index:1; width:20px; height:20px;}
.box_search.active {opacity:1; visibility:visible;}
.box_search.active form {width:100%; height:100%; text-align:left;}
.box_search .sns h3 {margin-bottom:10px; font-weight:500;}
.box_search .sns {width:calc(100% + 16px); margin-left:-16px; margin-bottom:4px; font-size:0;}
.box_search .sns li {display:inline-block; margin:0 0 5px 16px;}
.box_search .sns li a {display:inline-block; height:34px; line-height:34px;}
.box_search .sns li a img {width:18px;}
.box_search .keyword {width:460px; font-size:0;}
.box_search .keyword li {display:inline-block; margin:0 0.357rem 0.714rem 0;}
.box_search .keyword li a {display:block; height:2.714rem; padding:0 15px; border-radius:38px; background:#F8F8F8; color:#111; font-size:1.071rem; line-height:2.714rem;}
.box_search .close {display:none; position:relative; width:3.571rem; height:3.571rem; color:#fff; text-align:center; cursor:pointer;}
.box_search .close:after {position:absolute; top:50%; left:50%; width:20px; height:2px; margin-left:-10px; background:#000; content:''; transform:rotate(45deg);}
.box_search .close:before {position:absolute; top:50%; left:50%; width:20px; height:2px; margin-left:-10px; background:#000; content:''; transform:rotate(135deg);}
#ad_banner {position:relative; text-align:center;}
#ad_banner > a {display:block; height:35px; background-color:#CD8655; color:#fff; font-size:1.083rem; font-weight:400; line-height:35px;}
header {width:100%; height: 56px;}
header .mobile_hd .fix {min-width: 320px; position:fixed; top:0; z-index:5; display: flex; align-items: center; max-width:521px; width:100%; height:56px; margin-left: -1px; background:#fff; transition: background 0.3s ease-in-out;}
header .mobile_hd h1 {display: none;}
header .mobile_hd h1 img {width:112px; height:auto; margin-top:10px;}
header .mobile_hd h1 a {color: #151515; font-size: 1.417rem; line-height: 1; letter-spacing: -0.51px; font-weight: 700;}
header .mobile_hd .back {padding: 6px;}
header .mobile_hd h2.subtitle {display: inline-block; padding: 0;}
header .mobile_hd .gnb {position: absolute; right: 8px; display: flex; align-items: center; gap: 2px;}
header .mobile_hd .gnb .dap,
header .mobile_hd .gnb .ebook,
header .mobile_hd .gnb .home {display: none;}
header .mobile_hd .gnb {position: absolute; right: 8px; display: flex; gap: 2px;}
header .mobile_hd .gnb li.home a {display: flex; align-items: center; height: 34px; padding: 8px 7px;}
header .mobile_hd .gnb li.btn a {display: flex; align-items: center; justify-content: center; min-width: 56px; height: 30px; gap: 4px; padding: 0 8px; border: 1px solid #ddd; border-radius: 18px; background:#fff; color: #000; font-size: 1.083rem; font-weight: 600;}
header .mobile_hd .gnb li.btn a.active {color: #fff !important; background: #212121 !important; border: 1px solid #212121 !important;}
header .mobile_hd .gnb li.search {width: 34px; height: 34px; font-size: 0; background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/icon_search_on.svg') no-repeat center/24px; cursor: pointer;}
header .mobile_hd .gnb li.search a {font-size: 0;}
header .mobile_hd .fix.fixed {background: #fff;}
header .mobile_hd .fix.fixed h1 a {color: #151515;}
header .mobile_hd .fix.fixed .gnb li.search {background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/icon_search_on.svg') no-repeat center/24px;}

@media all and (max-width:1024px){
	header .mobile_hd .fix {max-width: 100%; margin-left: 0;}
}

@media all and (max-width:720px){
	header .mobile_hd .fix {margin-left: 0;}
}


.bottom_nav {position:fixed; bottom:0; z-index:60; max-width:521px; min-width: 320px; width:100%; background: #F8F8F8; border-radius: 10px 10px 0px 0px; margin-left: -1px; transform:all 0.3s ease; -webkit-transform:all 0.3s ease; -moz-transform:all 0.3s ease;-ms-transform:all 0.3s ease; transition:all .15s ease;}
.bottom_nav.on {bottom:0;}
.bottom_nav ul {display: flex; align-items: center; height:62px; font-size:0; background:#F8F8F8;}
.bottom_nav ul li {display:inline-flex; gap: 2px; justify-content: center; align-items: center; flex-direction: column; width:20%; background:#F8F8F8; vertical-align:top; cursor: pointer;}
.bottom_nav ul li .thum {width: 24px; height: 24px;}
.bottom_nav ul li.menu .thum {background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/fix_menu.svg') no-repeat center/24px;}
.bottom_nav ul li.study .thum {background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/fix_study.svg') no-repeat center/24px;}
.bottom_nav ul li.home .thum {background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/fix_home.svg') no-repeat center/24px;}
.bottom_nav ul li.my .thum {position: relative; background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/fix_my.svg') no-repeat center/24px;}
.bottom_nav ul li.cart .thum {background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/fix_cart.svg') no-repeat center/24px;}
.bottom_nav ul li.menu.active .thum {background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/fix_menu_active.svg') no-repeat center/24px;}
.bottom_nav ul li.study.active .thum {background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/fix_study_active.svg') no-repeat center/24px;}
.bottom_nav ul li.home.active .thum {background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/fix_home_active.svg') no-repeat center/24px;}
.bottom_nav ul li.my.active .thum {background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/fix_my_active.svg') no-repeat center/24px;}
.bottom_nav ul li.cart.active .thum {background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/fix_cart_active.svg') no-repeat center/24px;}
.bottom_nav ul li a {display:block; position:relative; width:100%; color:#888; font-size: 0.917rem; line-height: 110%; letter-spacing: -0.55px; font-weight:400; text-align:center;}
.bottom_nav ul li.active a {color: #151515; font-weight: 600;}
.bottom_nav ul li.cart a span {display:inline-block; position:absolute; top:-25px; right:50%; width:18px; height:18px; margin-right:-18px; border-radius:50%; background:#F8573B; color:#fff; text-align:center; line-height:18px;}
.bottom_nav .pop_notification {display: none; }
.bottom_nav .pop_notification.Y {display: flex; opacity: 0; transform: scale(0); align-items: flex-start; gap: 7px; width: 249px; height: 78px; padding: 14px 11px; position: absolute; right: -83px; top: -99px; background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/pop_notification.svg') no-repeat center/100%;}
.bottom_nav .pop_notification.Y > span {color: #fff; font-size: 1.167rem; font-weight: 400; line-height: 1.35;}
.bottom_nav .pop_notification.Y > span > strong {color: #94CFFF; font-size: 1.167rem; font-weight: 600; line-height: 1.35;}
.bottom_nav .pop_notification.Y.show {transform: scale(1); opacity: 1;}
.bottom_nav .pop_notification.Y.hide {transform: scale(0); opacity: 0; transition: transform 0.5s ease-in, opacity 0.5s ease-in;}
.bottom_nav .pop_notification.Y.no-transition {transition: none !important;}

@media all and (max-width:1024px){
	.bottom_nav {max-width: 100%; margin-left: 0;}
}

@media all and (max-width:720px){
	.bottom_nav {margin-left: 0;}
}

/*-----------------------------------------------------------------*/
/* 3-3. nav
/*-----------------------------------------------------------------*/

nav {visibility:hidden; overflow:auto; position:fixed; top:0; z-index:70; width:280px; height:100%; transition:all 0.3s ease-in-out; -webkit-overflow-scrolling:touch;}
nav.lnb {left:-100%; background:#fff;}
nav.lnb .login_wrap {padding: 30px 25px 20px;}
nav.lnb .login_wrap .login {display: flex; justify-content: space-between; align-items: flex-end; position:relative;}
nav.lnb .login_wrap .login p {font-size: 1.167rem;}
nav.lnb .login_wrap .login p a {font-size: 1.167rem;}
nav.lnb .login_wrap .login p strong {font-size: 2rem; font-weight:600; line-height: 60px;}
nav.lnb .login_wrap .login li {display:inline-block;}
nav.lnb .login_wrap .login li a {color:#151515; font-size: 1.167rem; line-height: 54px; text-decoration: underline;}
nav.lnb .login_wrap .cash_box {display: none;}
nav.lnb .login_wrap.Y {background: #F8F8F8; margin-bottom: 30px;}
nav.lnb .login_wrap.Y .login {align-items: center;}
nav.lnb .login_wrap.Y .login p strong {line-height: 1;}
nav.lnb .login_wrap.Y .login > a {position: relative; padding: 10px 8px;}
nav.lnb .login_wrap.Y .cash_box {display: flex; flex-direction: column; gap: 5px; margin-top: 18px;}
nav.lnb .login_wrap.Y .cash_box > p {display: flex; gap: 3px; color: #888; font-size: 1.083rem;}
nav.lnb .login_wrap.Y .cash_box .cash {display: flex; align-items: center; justify-content: space-between;}
nav.lnb .login_wrap.Y .cash_box .cash > span {font-size: 1.667rem; font-weight: 700;}
nav.lnb .login_wrap.Y .cash_box .cash > span {font-size: 1.667rem; font-weight: 700;}
nav.lnb .login_wrap.Y .cash_box .cash > a {font-size: 1.167rem; font-weight: 400; text-decoration: underline;}
nav.lnb .login_wrap.Y .login > a .tooltip_box {position: relative;}
nav.lnb .login_wrap.Y .login > a .tooltip {position: absolute; top: 38px; left: 8px; background: #F8573B; border-radius: 12px; color: #fff; font-size: 1rem; padding: 6px 7px; line-height: 1; white-space: nowrap; opacity: 0; transition: transform 0.3s ease-out, opacity 0.3s ease-out;}
nav.lnb .login_wrap.Y .login > a .tooltip:after {position: absolute; top: -6px; right: 20px; width: 9px; height: 10px; background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/tooltip_edge.svg') no-repeat center/100%; content: '';}
nav.lnb .login_wrap.Y .login > a .tooltip.show {transform: translateX(-50%) scale(1); opacity: 1;}
nav.lnb .login_wrap.Y .login > a .tooltip.hide {transform: translateX(-50%) scale(0); opacity: 0; transition: transform 0.5s ease-in, opacity 0.5s ease-in;}
nav.lnb .my_study {display: flex; flex-direction: column; gap: 2px; padding: 15px 17px 16px 19px; margin: 0 25px; border-radius: 10px; background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/my_study.svg') no-repeat center right 17px/36px #386D51; cursor: pointer;}
nav.lnb .my_study > p {color: #fff; font-size: 1.333rem; font-weight: 700; line-height: 1.3;}
nav.lnb .my_study > small {color: #fff; font-size: 1rem; font-weight: 400; line-height: 1.3;}
nav.lnb .lnb_section {border-bottom: 10px solid #F8F8F8; padding: 30px 25px;}
nav.lnb .lnb_section > li > a {display: block; color: #888; font-size: 1.250rem; line-height: 1; padding: 12.5px 0;}
nav.lnb .lnb_desc {padding: 30px 25px;}
nav.lnb .lnb_desc h3 {color: #111; font-size: 1.250rem; font-weight: 500; letter-spacing: -0.3px;}
nav.lnb .lnb_desc h2 {display: block; margin-top: 10px; color: #111; font-size: 1.667rem; font-weight: 600;}
nav.lnb .lnb_desc p {display: block; margin: 9.5px 0; color: #888; font-size: 1.083rem; line-height: 1.5;}
nav.lnb .lnb_desc .account {display: flex; gap: 20px;}
nav.lnb .lnb_desc .account > a {display: inline-block; position: relative; color: #151515; font-size: 1.167rem; line-height: 1.5;}
nav.lnb .lnb_desc .account > a:first-child:after {position: absolute; top: 5px; right: -10px; width: 1px; height: 11px; background:#151515; content: '';}
nav.lnb .logout {display: none;}
nav.lnb .logout.Y {display: block; margin: 9.5px 0 60px;}
nav.lnb.is_show {visibility:visible; left:0;}

nav {visibility:hidden; overflow:auto; position:fixed; top:0; z-index:70; width:280px; height:100%; transition:all 0.3s ease-in-out; -webkit-overflow-scrolling:touch;}
nav.search {right:-100%; background:#fff; padding: 30px 25px;}
nav.search .search_box > p {color: #151515; font-size: 1.667rem; line-height: 1.4;}
nav.search .search_box > p > strong {font-size: 1.667rem; font-weight: 700;}
nav.search .search_box > form {margin-top: 15px;}
nav.search .search_box > form .box {position: relative;}
nav.search .search_box > form .box > input {width: 100%; height: 48px; padding: 12.5px 58px 12.5px 15px; border: 1px solid #EAEAEA; background: transparent; border-radius: 10px; font-size: 1.250rem; line-height: 48px;}
nav.search .search_box > form .box > input::placeholder {color: #AFAFAF;}
nav.search .search_box > form .box > div {display: flex; position: absolute; right: 0; top: 0; padding: 13px;}
nav.search .search_box > form .box > div > input {width: 22px; height: 22px; z-index: 5;}
nav.search .popular_search {margin-top: 30px;}
nav.search .popular_search .tit {display: block; margin-bottom: 15px; color: #111; font-size: 1.333rem; font-weight: 600; line-height: 1;}
nav.search .popular_search > ul {display: flex; flex-wrap: wrap; gap: 5px 2px;}
nav.search .popular_search > ul > li > a {display: inline-block; width: 100%; height: 32px; padding: 0 12px; border-radius: 20px; background: #F4F4F4; color: #888; font-size: 1.083rem; line-height: 32px;}
nav.search.is_show {visibility:visible; right:0;}

@media all and (max-width:1024px) {
	.box_search {display: none;}
}

/* 바텀박스 */
.btbox {position: fixed; bottom: -100%; left: 0; width: 100%; max-width: 521px; height: auto; max-height: 600px; background: #fff; padding: 25px 0 0 0;  border-radius: 20px 20px 0px 0px; z-index: 70; overflow: auto; -webkit-overflow-scrolling: touch; visibility: hidden; opacity: 0;  pointer-events: none; transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;}
.btbox .btbox_close {position: absolute; top: 20px; left: 50%; transform: translate(-50%, 0); width: 56px; height: 5px; border-radius: 3px; background-color: #EBE8E3; cursor: pointer;}
.btbox.is_show { visibility: visible; bottom: 0; opacity: 1; pointer-events: auto;}

@media all and (max-width:1024px){
	.btbox {max-width: 100%;}
}

.copy_msg {opacity:0; visibility:hidden; position:fixed; top:50%; left:50%; z-index:9999; width:450px; height:150px; margin:-75px 0 0 -225px; border:1px solid #000; background:#fff; font-size:1.25rem; text-align:center; line-height:150px;}
.copy_msg.on {opacity:1; visibility:visible;}

@media all and (max-width:1024px){
	.copy_msg {top:50%; left:50%; width:80vw; height:150px; margin:-75px 0 0 -40vw;}
}

.navi {display: flex; align-items: center; margin-bottom: 15px;}
.navi .navi_next {display: inline-block; width: 14px; height: 14px; font-size: 0; background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/navi_next_gray.svg') no-repeat center/14px;}
.navi .navi_next:last-of-type {display: none;}
.navi > a:last-child {display: none;}
.navi > a {color: #888; font-size: 1.083rem; line-height: 14px; font-weight: 400;}

/*-----------------------------------------------------------------*/
/* 3-3. content
/*-----------------------------------------------------------------*/
#cnt {padding-bottom:80px; min-height:450px;}
#cnt .cntbody {width:100%;}

/*-----------------------------------------------------------------*/
/* 3-4. footer
/*-----------------------------------------------------------------*/

footer {min-width: 320px; padding:40px 20px 100px; text-align:left; background:#F8F8F8;}
footer .logo_info {display: flex; justify-content: space-between; margin-bottom: 20px;}
footer .logo_info .tg_info {display: inline-block; padding-right: 19px; color: #111; font-size: 1.167rem; font-weight: 500; background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/arrow_down.svg') no-repeat center right/18px; cursor: pointer;}
footer .logo_info .tg_info.open {background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/arrow_up.svg') no-repeat center right/18px;}
/* footer .menu {display: flex; justify-content: space-between; margin-top: 5px;} */
footer .menu {display: flex; justify-content: space-between; margin-bottom: 20px;}
footer .menu li {display:inline-block;}
footer .menu li:first-child { margin-left:0;}
footer .menu li a {display:inline-block; color:#151515; font-size: 1.083rem;}
footer .menu li.bold a {font-weight: 600;}
/* footer .info {max-height: 0; overflow: hidden; transition: max-height 0.5s ease, opacity 0.5s ease; opacity: 0;}
footer .info.expanded {max-height: 1000px; opacity: 1;} */
footer .info,
footer .info * {color:#000; font-style:normal; font-size: 1.083rem;}
footer .info span {display:inline-block; position:relative; padding:0 2px; line-height:1.5;}
footer .info span.first {padding-left:0;}
footer .info span.bar:after {display:block; position:absolute; right:0; top:3px; width:1px; height:7px; background:#d5d5d5; content:'';}
/* footer .info span:last-child {margin-bottom: 25px;} */
footer .copyright,
footer .copyright * {color:#151515; font-weight:400; font-size: 1.083rem;}
footer .copyright {padding-top:20px;}
footer .btn_scroll {display:none; position:fixed; left:calc(50% + 474px); right:auto; bottom:86px; z-index:10; width:36px;}
footer .btn_scroll a {display:block; height:36px; border-radius: 50%; border: 1px solid #F0F0F0; font-size:0; text-align:center; cursor:pointer;}
footer .btn_scroll a.ask {margin-bottom: 7px; background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/btn_ask.svg') no-repeat center/22px #fff;}
footer .btn_scroll a.up {background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/btn_top.svg') no-repeat center/16px #fff;}
#dimmed {display:none; position:fixed; left:0; top:0; z-index:69; max-width:100%; width:100%; height:100%; margin-left:0; background:rgba(0,0,0,0.5); transition:all 0.3s ease-in-out; -webkit-overflow-scrolling:touch;}

@media all and (max-width:1024px) {
	/* footer .btn_scroll {left: calc(50% + 215px);} */
	footer .menu {max-width: 400px;}
	footer .btn_scroll {left: auto; right: 10px;}
}
@media all and (max-width:720px) {
	footer .menu {max-width: 100%;}
	footer .btn_scroll {left: auto; right: 10px;}
}


/*-----------------------------------------------------------------*/
/* 3-5. snb
/*-----------------------------------------------------------------*/

/* snb 공통 */
.snb {display:none; position:absolute; top:0; left:0; z-index:-10; width:275px; height:100%;}
.snb .area_scroll {overflow-y:auto; position:relative; width:100%; height:100%; background:#fff;}
.snb .area_scroll .btn_close {position:absolute; top:0; right:0;}
.snb .area_scroll .btn_close img {height:36px;}
.snb .area_scroll .login_box {padding:7.5px 7.5px 11.5px;}
.snb .area_scroll .login_box a {display:inline-block; width:78px; height:24px; line-height:24px; border:1px solid #c4c1bc; text-align:center; font-size:11px; color:#181818;}
.snb .area_scroll .member_mileage {padding:0 0 10px 10px; font-size:12px; color:#333;}
.snb .area_scroll .nav_menu {margin-bottom:10px; padding:8px 0; background:#f8f8f8; text-align:center;}
.snb .area_scroll .nav_menu a {display:inline-block; padding:2px 0;}
.snb .area_scroll .nav_menu img {height:40px;}
.snb .area_scroll .title_cateogry {height:38px; line-height:38px; padding:0 10px; background:#f2f2f2; font-weight:bold; font-size:13px; color:#333;}
.snb .area_scroll .category_list {padding-top:8px;}
.snb .area_scroll .category_list>li>p {height:34px; line-height:34px; text-indent:10px; border-top:1px solid #ebebeb; font-size:12px; color:#333; background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/icon_arrow_open.gif') no-repeat right 8px top 14px; background-size:13.5px;}
.snb .area_scroll .category_list>li>p.active {background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/icon_arrow_close.gif') no-repeat right 8px top 14px; background-size:13.5px;}
.snb .area_scroll .category_list>li>ul {display:none;}
.snb .area_scroll .category_list>li>ul>li>a {display:inline-block; width:100%; height:34px; line-height:34px; background:#fafafa; border-top:1px solid #ebebeb; text-indent:24px; font-size:11px; color:#777;}
.snb .area_scroll .category_list>li>ul>li>a.active {font-weight:bold;}
.snb .area_scroll .category_list>li:first-child>p {border-top:none;}


/* 레이아웃 음영 */
.layout_dimmed {display:none; position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; background:rgba(0,0,0,0.5);}

/*-----------------------------------------------------------------*/
/* 4. Page
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/* 4-1. 메인
/*-----------------------------------------------------------------*/

#main {padding-bottom: 80px;} 
#main .section .section_overlap {position: relative;}
#main .section .section_overlap .section_block {position: sticky; top: 0;}
#main .section .section_overlap .section_block .inner {position: relative;}
#main .section .section_overlap .section_block.cover {background: #fff; border-radius: 20px 20px 0px 0px; z-index: 2;}
#main .section .section_overlap .section_block.cover .inner {display: flex; width: 100%; flex-direction: column; gap: 40px; margin-top: -19px; padding-top: 30px; overflow: hidden;}
#main .section .section_overlap .section_block.cover .inner > div {width: 100%;}
#main .visual .swiper_visual .swiper-slide {position:relative;}
#main .visual .swiper_visual .swiper-slide img {width:100%; height:auto; max-height: 752px; object-fit: cover;}
#main .visual .swiper_visual .swiper-slide .desc {position: absolute; left: 50%; transform: translate(-50%, 0); display: flex; width: 100%; flex-direction: column; justify-items: center; gap: 6px; bottom: 16.6%; color: #fff; z-index: 5; text-align: center; pointer-events: none;}
#main .visual .swiper_visual .swiper-slide .desc p {color: #fff; font-size: 1.667rem; font-weight: 600; line-height: 140%; letter-spacing: -1px;}
#main .visual .swiper_visual .swiper-slide .desc small {color: #fff; font-size: 1.250rem; font-weight: 400; line-height: 140%; letter-spacing: -0.75px;}
#main .visual .swiper_visual .ctrl_wrap {position:absolute; bottom:7.8%; right:0; z-index:10; width:100%; padding:0 15px; text-align:center;}
#main .visual .swiper_visual .ctrl {display:flex; align-items: center; justify-content: center; gap: 20px;}
#main .visual .swiper_visual .ctrl .counter {position:relative; color:#fff; letter-spacing:-1px;}
#main .visual .swiper_visual .ctrl .counter span {color:inherit; font:inherit; font-weight: 400;}
#main .visual .swiper_visual .ctrl .counter span.now {font-weight:600;}
#main .visual .swiper_visual .ctrl .visual_paging {display: flex; width: auto; gap: 14px;}
#main .visual .swiper_visual .ctrl .visual_paging .swiper-pagination-bullet {width: 6px; height: 6px; margin: 0; background: #fff; opacity: 0.6;}
#main .visual .swiper_visual .ctrl .visual_paging .swiper-pagination-bullet-active {width: 6px; height: 6px; margin: 0; opacity: 1;}
#main .main_subtitle {display: flex; justify-content: space-between; padding: 0 5px 0 16px; margin-bottom: 12px;}
#main .main_subtitle > span {display: block; flex: 1; width: 100%; color: #151515; font-size: 1.667rem; font-weight: 700; letter-spacing: -1px;}
#main .main_subtitle .more {display: flex; width: 33px; height: 33px; background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/arrow_next.svg') no-repeat center/33px; z-index: 2; cursor: pointer;}
#main .main_subtitle .more > a {display: flex; width: 100%; height: 100%;}
#main .my_dap .my_dap_slide {padding:0 16px;}
#main .my_dap .my_dap_slide .swiper-slide .img img {width:100%;}
#main .my_dap .my_dap_slide .swiper-slide .box .source {display: block !important;}
#main .my_dap .my_dap_slide .swiper-slide .box .track {display: block !important;}
#main .my_ebook .my_ebook_slide {padding:0 16px;}
#main .my_ebook .my_ebook_slide .swiper-slide .img img {width:100%;}
#main .my_ebook .my_ebook_slide .swiper-slide .inventory {display: none;}
#main .most_play .prd_basic {display: flex; padding: 0 16px; flex-wrap: wrap; gap: 20px 8px;}
#main .most_play .prd_basic li {width: calc((100% - (8px * 2)) / 3); padding: 0; box-sizing: border-box;}
#main .most_play .prd_basic li .inventory {display: none;}
#main .new .new_slide {padding:0 16px;}
#main .new .new_slide .swiper-slide .img img {width:100%;}
#main .new .new_slide .box .inventory {display: none;}
#main .today_pick .today_pick_slide {padding:0 16px;}
#main .today_pick .today_pick_slide .swiper-slide {position: relative;}
#main .today_pick .today_pick_slide .swiper-slide a > img {width: 100%;}
#main .today_pick .today_pick_slide .swiper-slide > img {width: 100%;}
#main .today_pick .today_pick_slide .swiper-slide .cont {display: flex; width: 100%; flex-direction: column; gap: 17px; position: absolute; bottom: 0; left: 0; padding: 20px;}
#main .today_pick .today_pick_slide .swiper-slide .cont .desc {display: block; color: #fff; font-size: 1.667rem; font-weight: 600;}
#main .today_pick .today_pick_slide .swiper-slide .cont .prd_basic .box {display: flex; align-items: center; gap: 15px; padding: 10px 12px; border-radius: 10px; background: rgba(33, 33, 33, 0.80);}
#main .today_pick .today_pick_slide .swiper-slide .cont .prd_basic .box .icon {display: none;}
#main .today_pick .today_pick_slide .swiper-slide .cont .prd_basic .box .img {width:75px; aspect-ratio: 5 / 7;}
#main .today_pick .today_pick_slide .swiper-slide .cont .prd_basic .box .img .type_icon {display: none;}
#main .today_pick .today_pick_slide .swiper-slide .cont .prd_basic .box .img .wish {display: none;}
#main .today_pick .today_pick_slide .swiper-slide .cont .prd_basic .box .img .prdimg {height: 100%;}
#main .today_pick .today_pick_slide .swiper-slide .cont .prd_basic .box .info {flex: 1; width: calc(100% - 75px);}
#main .today_pick .today_pick_slide .swiper-slide .cont .prd_basic .box .info .inventory {display: none;}
#main .today_pick .today_pick_slide .swiper-slide .cont .prd_basic .box .info .name {padding-top: 0;}
#main .today_pick .today_pick_slide .swiper-slide .cont .prd_basic .box .info .name a {color: #fff;}
#main .best .best_slide {padding: 0 16px;}
#main .best .best_slide .swiper-slide-group {display: flex; flex-direction: column; justify-content: space-around; align-items: flex-start; gap: 8px; width: 100%; height: 100%; background: #F8F8F8; border-radius: 12px; padding: 20px 15px; overflow: hidden;}
#main .best .best_slide .prd_basic {display: flex; align-items: center;}
#main .best .best_slide .prd_basic .best_prd_num {width: 25px; color: #151515; font-size: 1.500rem; font-weight: 700;}
#main .best .best_slide .prd_basic .box {flex: 1; width: 100%; display: flex; align-items: center; gap: 15px;}
#main .best .best_slide .prd_basic .box .info {width: calc(100% - 50px);}
#main .best .best_slide .prd_basic .box .icon {display: none;}
#main .best .best_slide .prd_basic .box .name a {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;     white-space: normal;}
#main .best .best_slide .prd_basic .box .img {width: 50px; height: 70px; margin: 0;}
#main .best .best_slide .prd_basic .box .img img {width: 50px;}
#main .best .best_slide .prd_basic .box .img .wish {display: none;}
#main .best .best_slide .prd_basic .box .info .inventory {display: none;}
#main .new_ebook .new_ebook_slide {padding:0 16px;}
#main .new_ebook .new_ebook_slide .swiper-slide .img img {width:100%;}
#main .new_ebook .new_ebook_slide .box .inventory {display: none;}

@media all and (max-width:1024px) { 
	#main .visual .swiper_visual .swiper-slide .desc p {font-size: 2.500rem;}
	#main .visual .swiper_visual .swiper-slide .desc small {margin-top: 15px; display: block; font-size: 1.500rem;}
	#main .main_subtitle > span {font-size: 1.833rem;}
	#main .most_play .prd_basic li {width: calc((100% - (10px * 4)) / 5);}
}

@media all and (max-width:720px) { 
	#main .visual .swiper_visual .swiper-slide .desc p {font-size: 1.667rem;}
	#main .visual .swiper_visual .swiper-slide .desc small {margin-top: 0; display: block; font-size: 1.250rem;}
	#main .main_subtitle > span {font-size: 1.667rem;}
	#main .most_play .prd_basic li {width: calc((100% - (8px * 2)) / 3);}
}


/*-----------------------------------------------------------------*/
/* 4-2.상점
/*-----------------------------------------------------------------*/

/* 회원 쇼핑통장(장바구니, 주문서) */
.myshop_info {height:92px; margin-bottom:30px; border:1px solid #eaeaea;}
.myshop_info .name {float:left; width:306px; border-right:1px solid #eaeaea; text-align:center; line-height:92px;}
.myshop_info ul {float:left; width:650px; padding:19px 70px 0;}
.myshop_info ul li {float:left; width:122px; height:55px; margin-left:10px; text-align:center;}
.myshop_info ul li:first-child {margin-left:0;}
.myshop_info ul li a {display:block; height:55px; background:#f9f9f9; color:#6e6e6e;}
.myshop_info ul li a strong {display:block; padding:10px 0 5px; color:#000;}
.chip_box {margin-bottom: 5px;}
.chip_box .chip > * {min-width: auto; height: 36px; padding:0 22px 0 12px; background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/arrow_down.svg') no-repeat center right 6px/15px #F4F4F4; font-size: 1.083rem; line-height: 36px;}
#chip_sort {max-height: 580px; overflow: hidden; padding-bottom: 10px;}
#chip_sort .tab_chip {display: flex; width:100%; padding: 0 12px; white-space:nowrap; border-bottom: 1px solid #EAEAEA;}
#chip_sort .tab_chip li {display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; max-width:100%;}
#chip_sort .tab_chip li a {display:block; position: relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; width:100%; height:55px; padding: 0 7.5px; color:#AFAFAF; font-size: 1.250rem; font-weight: 400; line-height:55px; transition:.2s;}
#chip_sort .tab_chip li:last-child a {margin-right:10px;}
#chip_sort .tab_chip li a.active {color:#151515; font-weight:600;}
#chip_sort .tab_chip li a.active:after {position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); width: calc(100% - 15px); height: 3px; background: #212121; content: '';}
#chip_sort .tabcnt_chip {display: flex; align-content: flex-start; height: 387px; overflow-y: scroll; flex-wrap: wrap; padding: 20px 16px;}
#chip_sort .tabcnt_chip .opt {display: flex; align-items: center; width: 50%; height: 40px; line-height: 40px; color: #151515; font-size: 1.167rem; font-weight: 500;}
#chip_sort .chip_result {display: flex; gap: 5px; padding: 10px 0 15px 16px; overflow-x: auto;}
#chip_sort .chip_result .selected_chip {display: flex; width: auto; align-items: center; height: 30px; padding: 0 6px 0 10px; border-radius: 20px; background: #F4F4F4; line-height: 30px;}
#chip_sort .chip_result .selected_chip > span {color: #151515; font-size: 1.083rem; font-weight: 400; white-space: nowrap;}
#chip_sort .chip_result .selected_chip .remove_chip {cursor: pointer;}
#chip_sort .chip_sort_btn {display:flex; align-items:center; justify-content:center; gap: 5px;}
#chip_sort .chip_sort_btn > div {display:flex; align-items:center; justify-content:center; height: 48px; border-radius: 8px; font-size: 1.250rem; cursor:pointer;}
#chip_sort .chip_sort_btn > div.reset {width: 48px; border: 1px solid #EAEAEA;}
#chip_sort .chip_sort_btn > div.ckeck {width: calc(50% - 24px); background-color: #ECECEC; font-size: 1.250rem; color: #151515;}
#chip_sort .chip_sort_btn > div.close {width: calc(50% - 24px); background-color: #212121; font-size: 1.250rem; color: #fff;}

@media all and (max-width:1024px) { 
	#chip_sort .tabcnt_chip .opt {width: 16.666%;}
}

@media all and (max-width:720px) { 
	#chip_sort .tabcnt_chip .opt {width: 33.333%;}
}

@media all and (max-width:720px) { 
	#chip_sort .tabcnt_chip .opt {width: 50%;}
}

/* 상품목록(/shop/big_section.php) */
#big_section {overflow:hidden; position: relative;}
#big_section.mt40 {margin-top: 41px;}
#big_section .best_area {clear:both; margin-bottom:30px; padding-bottom:30px;}
#big_section .best_area .swiper-wrapper {padding-bottom:50px;}
#big_section .best_area .prd_basic .box .img .box_timer,
#big_section .best_area .prd_basic .box .summary {display:none;}

/* DAP_LIST */
#dap_list {overflow: hidden; position: relative; margin-top: 41px;}
#dap_list .list_prd2 {padding: 0;}
#dap_list .list_prd2 li .box .info p.name * {font-weight: 400;}
#dap_list .list_prd2 li .box .info p.artist {margin-bottom: 4px;}
#dap_list .list_prd2 li .box .info p.source {color: #000; font-weight: 500; margin-bottom: 4px;}
#dap_list .list_prd2 li .box .info p.track {color: #000; font-weight: 500;}
#dap_list .list_prd2 li .box .info .rendition_box {height: 36px; margin-bottom: 0;}
#dap_list .search_box {max-width: 100%; margin-top: 30px;}
#dap_list .search_box .form_input {background: transparent; border: 1px solid #EAEAEA;}

/* EBOOK_LIST */
#ebook_list {overflow: hidden; position: relative; margin-top: 41px;}
#ebook_list .search_box {max-width: 100%; margin-top: 30px;}
#ebook_list .search_box .form_input {background: transparent; border: 1px solid #EAEAEA;}
/* #ebook_list .prd_basic .box .img .wish {display: none;} */

/* 카테고리 메뉴 공통 상품리스트 & 프로모션 기획전 */
.sub_category_wrap {overflow-x:auto; margin-bottom:15px;}
.sub_category_wrap .sub_category {position: fixed; top: 56px; width:100%; max-width: 520px; min-width: 320px; font-size:0; white-space:nowrap; border-bottom: 1px solid #EAEAEA; background: #fff; padding: 0 16px 0 6px; z-index: 5;}
.sub_category_wrap .sub_category li {display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; max-width:100%;}
.sub_category_wrap .sub_category li a {display:block; position: relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; width:100%; height:40px; padding: 0 10px; color:#AFAFAF; font-size: 1.250rem; line-height:40px; transition:.2s;}
.sub_category_wrap .sub_category li:last-child a {margin-right:10px;}
.sub_category_wrap .sub_category li a.active {color:#151515; font-weight:600;}
.sub_category_wrap .sub_category li a.active:after {position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); width: calc(100% - 20px); height: 4px; background: #212121; content: '';}
.sub_category_wrap .depth3_category {width:100%; font-size:0; white-space:nowrap; border-bottom: 1px solid #EAEAEA; background: #F8F8F8; padding: 0 16px 0 6px;}
.sub_category_wrap .depth3_category li {display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; max-width:100%;}
.sub_category_wrap .depth3_category li a {display:block; position: relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; width:100%; height:40px; padding: 0 10px; color:#AFAFAF; font-size: 1.250rem; line-height:40px; transition:.2s;}
.sub_category_wrap .depth3_category li:last-child a {margin-right:10px;}
.sub_category_wrap .depth3_category li a.active {color:#151515; font-weight:600;}

@media all and (max-width:1024px) {
	.sub_category_wrap .sub_category {max-width: 100%;}
}

/* 상품상세페이지(/shop/detail.php) */
#detail {text-align:left; overflow: hidden;}
#detail .prdimg {position:relative; width: calc(100% + 32px); margin-left: -16px; overflow: hidden;}
#detail .prdimg #mainImg {width: 100%; height: 100%; max-height: 360px; filter: blur(8px);}
#detail .prdimg .cloneImg {position: absolute; width: 30%; filter: none; transform: translate(-50%, -50%); top: 50%; left: 50%;}
#detail .prdimg .addimg_element {display: none;}
#detail .prdimg .swiper-slide {position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat;}
#detail .prdimg .swiper-slide img.original {width: 100%; filter: blur(8px);}
#detail .prdimg .swiper-slide .clonedImg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 63%; filter: none; border-radius: 0px 16px 14px 0px; z-index: 1;}
#detail .prdimg .addimg #product_add_image_list {position:relative;}
#detail .prdimg .addimg .slide_top .swiper-pagination {display:flex; align-items: center; left:50%; transform:translateX(-50%); bottom:20px; width:auto; padding:0 10px; border-radius:30px; color:#fff; font-weight:400;}
#detail .prdimg .addimg .slide_top .swiper-pagination .swiper-pagination-bullet {width: 6px; height: 6px; margin: 0 7px; opacity: 0.4; background: #fff; font-weight:400;}
#detail .prdimg .addimg .slide_top .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;}
#detail .prdimg .addimg .slide_top .swiper-pagination .counter {position:relative; color:#fff; letter-spacing:-1px; margin-left: 10px}
#detail .prdimg .addimg .slide_top .swiper-pagination .counter span {color:inherit; font:inherit; font-weight: 400;}
#detail .prdimg .addimg .slide_top .swiper-pagination .counter span.now {font-weight:600;}
#detail .prdimg .addimg .swiper_ctrl {top:50%; width:50px; height:50px; margin-top:-25px; transition:.3s ease all;}
#detail .prdimg .addimg .swiper_ctrl:after {display:none;}
#detail .prdimg .preview {display: flex; align-items: center; position: absolute; left: 50%; transform: translate(-50%, 0); bottom: 20px; padding: 7px 10px; border-radius: 15px; background: rgba(0, 0, 0, 0.30);}
#detail .prdimg .preview > span {color: #fff; font-size: 1.083rem; font-weight: 500;}
#detail .pub_house {display: flex; width: calc(100% + 32px); margin-left: -16px; align-items: center; justify-content: space-between; padding: 20px 16px; border-bottom: 1px solid #EAEAEA;}
#detail .pub_house > span {color: #151515; font-size: 1.167rem; line-height: 1;}
#detail .pub_house > a {display: flex; align-items: center; justify-content: center; width: 60px; height: 26px; border-radius: 6px; border: 1px solid #EAEAEA; color: #151515;}
#detail .info_top {padding-top:15px;}
#detail .info_top .type {display: inline-flex; align-items: center; justify-content: center; margin-bottom: 5px; min-width: 48px; height: 24px; border: 1px solid #ddd; border-radius: 18px; background: #fff; text-indent: -50000px;}
#detail.dap .info_top .type::after { content: 'e악보'; text-indent: 0; }
#detail.ebook .info_top .type::after { content: 'e북'; text-indent: 0; }
#detail .info_top h2.name {font-size: 1.667rem; font-weight:600; line-height:1.4; word-break:keep-all; text-wrap: auto;}
#detail .info_top .summary {display: block; margin-bottom: 15px; color: #888; font-size: 1.167rem; word-break:keep-all;}
#detail .info_top .price {display: flex; align-items: center; position:relative; line-height:1;}
#detail .info_top .price .per {margin-right:8px; color:#d50c0c; font-size:1.5rem; font-weight:700;}
#detail .info_top .price .discount {display:none;}
#detail .info_top .price .consumerY {display:none;}
#detail .info_top .price .sell,
#detail .info_top .price .discountY {display:inline-block; font-size: 1.083rem; font-weight:400;}
#detail .info_top .price .sell strong,
#detail .info_top .price .discountY strong {font-size: 1.667rem; font-weight:700;}
#detail .info_top .price .sellY,
#detail .info_top .price .consumer {display:inline-block; margin-left: 5px; padding-top:4px; color:#AFAFAF; font-size:1.167rem; font-weight:400; text-decoration:line-through;}
#detail .info_top .price .consumerY {display:none;}
#detail .info_top .price .sellY strong,
#detail .info_top .price .consumer strong {color:inherit; font:inherit;}
#detail .info_top .price .coupon {overflow:hidden; position:absolute; right:0; top:50%; width:110px; margin-top:-18.5px; padding:5px 10px; border-radius:4px; border:1px solid #d50c0c; text-align:left; cursor:pointer;}
#detail .info_top .price .coupon strong {padding-right:35px; color:#d50c0c; font-size:1.167rem; font-weight:400; line-height:25px;}
#detail .info_top .price .coupon strong:after {content:''; display:block; position:absolute; right:0; top:0; width:35px; height:35px; background-repeat:no-repeat; background-position:center; background-color:#d50c0c; background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/cpn_download_w.png');}
#detail .info_top .price .icon {display: inline-flex; gap: 3px; margin-left: 5px;}
#detail .info_box {width: 100%; margin:30px 0 0; background: #F8F8F8; padding: 15px 20px; border-radius: 10px; text-align:left; border-width:1px 0;}
#detail .info_box:empty {padding: 0; margin: 0;}
#detail .info_box > div {display: flex; padding: 6px 0;}
#detail .info_box > div .tit {width: 75px; font-size: 1.083rem; font-weight: 500;}
#detail .info_box > div .desc {width: 100%; flex: 1; font-size: 1.083rem; color: #888;}
#detail .info_box .artist .desc a {font-size: 1.083rem; color: #3393DE; text-decoration: underline;}
#detail .msg_box {margin: 20px 0 -10px; padding: 15px 10px;}
#detail .fix_btn.fix {position:fixed; display: flex; align-items: center; gap: 10px; bottom:0; left:0; z-index:69; width: 100%; max-width: 520px; padding: 10px 16px; left: 50%; margin:0; background: #fff;}
.cntbody.on #detail .fix_btn.fix {z-index:70;}
#detail .fix_btn.fix .quick_btn {display: flex; gap: 5px;}
#detail .fix_btn.fix .quick_btn .share {display: flex; align-items:center; justify-content: center; width: 36px; height: 36px; border-radius: 23px; border: 1px solid #eaeaea; cursor: pointer;}
#detail .fix_btn.fix .quick_btn .wish {display: flex; align-items:center; justify-content: center; width: auto; height: 36px; border-radius: 23px; padding: 9px 10px; border: 1px solid #eaeaea; }
#detail .fix_btn.fix .quick_btn .wish > a {padding-left: 20px; background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/icon_detail_wish.svg') no-repeat left; color: #151515; font-size: 1.083rem; letter-spacing: -0.65px;}
#detail .fix_btn.fix .quick_btn .wish.on > a {background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/icon_detail_wish_on.svg') no-repeat left;}
#detail .fix_btn.fix .buy_btn {display: flex; width: 100%; flex: 1; gap: 5px;}
#detail .fix_btn.fix .buy_btn .box_btn {width:100%; margin:0 !important;}
#detail .fix_btn.fix .buy_btn .box_btn.w50 {width:50%;}
#detail .tab_area {margin-top:60px;}
#detail .tab_area ul {display:table; width:100%; background: #F8F8F8; border-radius: 10px; padding: 4px;}
#detail .tab_area ul li {display:table-cell; position:relative; width:33.3333%; height:40px; color: #AFAFAF; font-size: 1.167rem; font-weight: 400; line-height: 1; text-align:center; vertical-align:middle;}
#detail .tab_area ul li a {display: flex; justify-content: center; align-items: center; height: 40px; color: #AFAFAF; font-size: 1.167rem; font-weight: 400; line-height: 1; text-align:center; vertical-align:middle;}
#detail .tab_area ul li.active {background-color:#fff; border-radius: 10px;}
#detail .tab_area ul li.active a {color: #151515; font-weight:500;}
#detail .tab_area ul.fixed {position: fixed; left: calc(50% + 16px); top: 56px; z-index: 10; max-width: 488px; z-index:20;}
#detail .tab_area ul .review_tab small {display: inline-block; margin-left: 2px; margin-top: 2px; font-size: 0.917rem; line-height: 14px;}
#detail .tabcnt_box h3.tabtitle {padding:35px 0 20px; font-size:1.417rem; font-weight:600; letter-spacing:-0.02rem;}
#detail .tabcnt_box0 {display: flex; flex-direction: column; gap: 10px; padding-top: 30px;}
#detail .tabcnt_box0 .source_box {display: block; padding: 15px 15px 15px 20px; border-radius: 8px; border: 1px solid #EAEAEA; background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/arrow_down.svg') no-repeat center right 19.5px; cursor: pointer;}
#detail .tabcnt_box0 .source_box .num {display: inline-block; font-size: 1.167rem; width: 20px;}
#detail .tabcnt_box0 .source_box .tit {display: inline-block; font-size: 1.250rem;}
#detail .tabcnt_box0 .source_box .dap_count {display: inline-block; margin-left: 3px; font-size: 1.250rem;}
#detail .tabcnt_box1 .detail_box {position: relative; margin-top: 30px; padding-bottom: 100px; height: 410px; overflow: hidden; transition: height 0.3s ease-in-out; font-size: 1.167rem;}
#detail .tabcnt_box1 .detail_box > p { margin-left: 0 !important; margin-right: 0 !important; }
#detail .tabcnt_box1 .detail_box::after {position: absolute; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 90.17%, #FFF 100%); transition: all 0.5s; content: '';}
#detail .tabcnt_box1 .detail_box.expanded::after {display: none;}
#detail .tabcnt_box1 .detail_box img {width: calc(100% + 32px); margin-left: -16px;}
#detail .tabcnt_box1 .fold {position: relative; margin-top: -25px; z-index: 3;}
#detail .tabcnt_box1 .fold * {background: #fff;}
#detail .tabcnt_box2 {margin-top: 20px;}
#detail .tabcnt_box2 .review_list_more {margin-bottom: 10px;}
#detail .fold > a {gap: 3px; font-size: 1.167rem;}
#detail .fold > a img {width: 15px;}
#detail .detail_qnarev > .summary {display: flex; flex-direction: column; gap: 12px; padding: 25px 20px; background: #F9F9F9; border-radius: 10px; margin-bottom: 20px;}
#detail .detail_qnarev > .summary .tit {font-size: 1.333rem; font-weight: 600;}
#detail .detail_qnarev > .summary > span {color: #888; font-size: 1.167rem; line-height: 1.4;}
#detail .detail_qnarev > .summary .p_color_org {font-weight: 500;}
#detail .detail_qnarev #detail_review_ajax_list .list {margin-top:20px; margin-bottom: 20px;}
#detail .detail_qnarev .list > li {display:block; width:100%; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #EAEAEA;}
#detail .detail_qnarev .list > li:last-child {margin-bottom: 0;}
#detail .detail_qnarev .list > li > .data {display: flex; justify-content: space-between; width:100%; margin-bottom:14px; font-size:0;}
#detail .detail_qnarev .list > li > .data .point {display:block; font-size:0;}
#detail .detail_qnarev .list > li > .data .point img {width: auto; height: 17px;}
#detail .detail_qnarev .list > li > .data .grade {display:inline-block; margin:-2px 0 0; padding-left:5px; font-size:1.083rem; font-weight:400; line-height:14px; vertical-align:top;}
#detail .detail_qnarev .list > li > .data .name_date {display:inline-flex; gap: 15px; margin-top:1px; font-size:1.083rem; font-weight:400; line-height:14px; vertical-align:top;}
#detail .detail_qnarev .list > li > .data .name_date * {display:inline-block; margin-right:3px;}
#detail .detail_qnarev .list > li > .data .name_date p {color:#999;}
#detail .detail_qnarev .list > li > .data .name_date .name {color:#151515;}
#detail .detail_qnarev .list > li > .info {width:100%;}
#detail .detail_qnarev .list > li > .info .prd_name {padding-top:10px;}
#detail .detail_qnarev .list > li > .info .prd_name a {color:#555; font-size:14px;}
#detail .detail_qnarev .list > li > .info .title {display:block; font-size:1.167rem; font-weight:600; line-height:18px;}
#detail .detail_qnarev .list > li > .info .title img {width:auto; max-height:19px; vertical-align:middle;}
#detail .detail_qnarev .list > li > .info .content { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; position: relative; margin-top:15px; color:#888; font-size: 1.167rem; font-style:normal; font-weight:400; line-height: 1.5;}
#detail .detail_qnarev .list > li > .info .more {display: none; cursor: pointer; margin-top:15.5px; padding-right:15px; background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/shop/icon_detailmore.png')no-repeat right center /6px auto; color:#151515; font-size: 1.083rem; font-weight:400; line-height:16px; letter-spacing:-0.26px;}
#detail .detail_qnarev .list > li > .info .more img {width: 15px; height: auto;}
#detail .detail_qnarev .list > li > .info .content.expanded {-webkit-line-clamp: unset;}
#detail .detail_qnarev .list > li .upfile {display:inline-block; position:relative; width:70px; margin-top:16px; text-align:right; vertical-align:middle;}
#detail .detail_qnarev .list > li .upfile > a {display:block; position:relative; overflow:hidden; width:70px; height:70px; vertical-align:middle;}
#detail .detail_qnarev .list > li .upfile img {position:absolute; top:50%; left:50%; width:96px; height:auto; transform:translate(-50%, -50%);}
#detail .detail_qnarev .list > li .upfile .count {display:block; position:absolute; bottom:0; right:0; width:20px; height:20px; background-color:rgba(0,0,0,0.5); color:#fff; text-align:center;}
#detail .detail_qnarev {position:relative;}
#detail .detail_qnarev .paging {margin-top:47px; text-align:center;}
#detail .detail_qnarev .write {display:inline-block; position:absolute; bottom:8px; right:0; width:76px; height:40px; margin-bottom:0; border:1px solid #000; border-radius:6px; font-size: 15px; font-weight:400; line-height:38px; text-align:center; letter-spacing:-0.15px;}
#detail .paging {margin-bottom:20px;}

/* E-BOOK 일때 */
#detail.ebook .info_top .type.dap,
#detail.ebook .tab_area .tab_box .list,
#detail.ebook .msg_box,
#detail.ebook .fix_btn.fix .buy_btn .dap,
#detail.ebook .tabcnt_box0 {display: none;}
#detail.ebook .tab_area2 {margin-top: 40px;}

/* DAP 일때 */
#detail.dap .info_top .type.ebook,
#detail.dap .fix_btn.fix .buy_btn .ebook,
#detail.dap .info_top .price,
#detail.dap .page_num,
#detail.dap .prdimg .preview {display: none;}

@media all and (max-width:1024px) {
	#detail .prdimg #mainImg {max-height: 480px;}
	#detail .prdimg .cloneImg {width: 25%;}

	/* #detail .tab_area ul.fixed {margin-left:-260px;}
	#detail .fix_btn.fix {margin-left:-260px;} */
	#detail .tab_area ul.fixed {margin-left: 0; max-width: 100%; left: 0;}
	#detail .fix_btn.fix {margin-left: 0; max-width: 100%; left: 0;}
}
@media all and (max-width:720px) {
	#detail .prdimg #mainImg {max-height: 300px;}
	#detail .prdimg .cloneImg {width: 28%; min-width: 160px; max-width: 190px;}
	#detail .tab_area ul.fixed {left:16px; width:calc(100% - 32px); margin-left:0;}
	#detail .fix_btn.fix {left:0; width:100%; margin-left:0;}
}

/* 트랙리스트 */
#tracks {text-align:left; overflow: hidden;}
#tracks .prdimg {position:relative; width: calc(100% + 32px); margin-left: -16px;}
#tracks .prdimg #mainImg {width: 100%; height: 100%; max-height: 360px; filter: blur(8px);}
#tracks .prdimg .cloneImg {position: absolute; width: 30%; filter: none; transform: translate(-50%, -50%); top: 50%; left: 50%;}
#tracks .prdimg .addimg_element {display: none;}
#tracks .prdimg .swiper-slide {position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat;}
#tracks .prdimg .swiper-slide img.original {width: 100%; filter: blur(8px);}
#tracks .prdimg .swiper-slide .clonedImg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 63%; filter: none; border-radius: 0px 16px 14px 0px; z-index: 1;}
#tracks .prdimg .addimg #product_add_image_list {position:relative;}
#tracks .prdimg .addimg .slide_top .swiper-pagination {display:flex; align-items: center; left:50%; transform:translateX(-50%); bottom:20px; width:auto; padding:0 10px; border-radius:30px; color:#fff; font-weight:400;}
#tracks .prdimg .addimg .slide_top .swiper-pagination .swiper-pagination-bullet {width: 6px; height: 6px; margin: 0 7px; opacity: 0.4; background: #fff; font-weight:400;}
#tracks .prdimg .addimg .slide_top .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;}
#tracks .prdimg .addimg .slide_top .swiper-pagination .counter {position:relative; color:#fff; letter-spacing:-1px; margin-left: 10px}
#tracks .prdimg .addimg .slide_top .swiper-pagination .counter span {color:inherit; font:inherit; font-weight: 400;}
#tracks .prdimg .addimg .slide_top .swiper-pagination .counter span.now {font-weight:600;}
#tracks .prdimg .addimg .swiper_ctrl {top:50%; width:50px; height:50px; margin-top:-25px; transition:.3s ease all;}
#tracks .prdimg .addimg .swiper_ctrl:after {display:none;}
#tracks .pub_house {display: flex; width: calc(100% + 32px); margin-left: -16px; align-items: center; justify-content: space-between; padding: 20px 16px; border-bottom: 1px solid #EAEAEA;}
#tracks .pub_house > span {color: #151515; font-size: 1.167rem; line-height: 1;}
#tracks .pub_house > a {display: flex; align-items: center; justify-content: center; width: 60px; height: 26px; border-radius: 6px; border: 1px solid #EAEAEA; color: #151515;}
#tracks .info_top {padding-top:20px;}
#tracks .info_top .type {display: inline-flex; align-items: center; justify-content: center; margin-bottom: 5px; min-width: 48px; height: 24px; border: 1px solid #ddd; border-radius: 18px; background: #fff; text-indent: -50000px; }
#tracks.dap .info_top .type::after { content: 'e악보'; text-indent: 0; }
#tracks.ebook .info_top .type::after { content: 'e북'; text-indent: 0; }
#tracks .info_top h2.name {font-size: 1.667rem; font-weight:600; line-height:1.4; word-break:keep-all;}
#tracks .info_top .summary {display: block; margin-bottom: 15px; color: #888; font-size: 1.167rem; word-break:keep-all;}
#tracks .info_top .price {position:relative; padding-right:120px; line-height:1;}
#tracks .info_top .price .per {margin-right:8px; color:#d50c0c; font-size:1.5rem; font-weight:700;}
#tracks .info_top .price .discount {display:none;}
#tracks .info_top .price .consumerY {display:none;}
#tracks .info_top .price .sell,
#tracks .info_top .price .discountY {display:inline-block; font-size: 1.083rem; font-weight:400;}
#tracks .info_top .price .sell strong,
#tracks .info_top .price .discountY strong {font-size: 1.667rem; font-weight:700;}
#tracks .info_top .price .sellY,
#tracks .info_top .price .consumer {display:inline-block; margin-left: 5px; padding-top:7px; color:#AFAFAF; font-size:1.167rem; font-weight:400; text-decoration:line-through;}
#tracks .info_top .price .consumerY {display:none;}
#tracks .info_top .price .sellY strong,
#tracks .info_top .price .consumer strong {color:inherit; font:inherit;}
#tracks .info_top .price .coupon {overflow:hidden; position:absolute; right:0; top:50%; width:110px; margin-top:-18.5px; padding:5px 10px; border-radius:4px; border:1px solid #d50c0c; text-align:left; cursor:pointer;}
#tracks .info_top .price .coupon strong {padding-right:35px; color:#d50c0c; font-size:1.167rem; font-weight:400; line-height:25px;}
#tracks .info_top .price .coupon strong:after {content:''; display:block; position:absolute; right:0; top:0; width:35px; height:35px; background-repeat:no-repeat; background-position:center; background-color:#d50c0c; background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/cpn_download_w.png');}
#tracks .info_box {width: 100%; margin:30px 0 0; background: #F8F8F8; padding: 15px 20px; border-radius: 10px; text-align:left; border-width:1px 0;}
#tracks .info_box > div {display: flex; padding: 6px 0;}
#tracks .info_box > div .tit {width: 75px; font-size: 1.083rem; font-weight: 500;}
#tracks .info_box > div .desc {width: 100%; flex: 1; font-size: 1.083rem; color: #888;}
#tracks .info_box .artist .desc a {font-size: 1.083rem; color: #3393DE; text-decoration: underline;}
#tracks .msg_box {margin: 20px 0 -10px; padding: 15px 10px;}
#tracks .fix_btn.fix {position:fixed; display: flex; align-items: center; gap: 10px; bottom:0; left:0; z-index:69; width: 100%; max-width: 520px; padding: 10px 16px; left: 50%; margin:0; background: #fff;}
.cntbody.on #tracks .fix_btn.fix {z-index:70;}
#tracks .fix_btn.fix .quick_btn {display: flex; gap: 5px;}
#tracks .fix_btn.fix .quick_btn .share {display: flex; align-items:center; justify-content: center; width: 36px; height: 36px; border-radius: 23px; border: 1px solid #eaeaea;}
#tracks .fix_btn.fix .quick_btn .wish {display: flex; align-items:center; justify-content: center; width: auto; height: 36px; border-radius: 23px; padding: 9px 10px; border: 1px solid #eaeaea; }
#tracks .fix_btn.fix .quick_btn .wish > a {padding-left: 20px; background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/icon_detail_wish.svg') no-repeat left; color: #151515; font-size: 1.083rem; letter-spacing: -0.65px;}
#tracks .fix_btn.fix .quick_btn .wish.on > a {background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/icon_detail_wish_on.svg') no-repeat left;}
#tracks .fix_btn.fix .buy_btn {display: flex; width: 100%; flex: 1; gap: 5px;}
#tracks .fix_btn.fix .buy_btn .box_btn {width:100%; margin:0 !important;}
#tracks .fix_btn.fix .buy_btn .box_btn.w50 {width:50%;}
#tracks .tab_area {margin-top:60px;}
#tracks .tab_area ul {display:table; width:100%; background: #F8F8F8; border-radius: 10px; padding: 4px;}
#tracks .tab_area ul li {display:table-cell; position:relative; width:33.3333%; height:40px; color: #AFAFAF; font-size: 1.167rem; font-weight: 400; line-height: 1; text-align:center; vertical-align:middle;}
#tracks .tab_area ul li a {display: flex; justify-content: center; align-items: center; color: #AFAFAF; font-size: 1.167rem; font-weight: 400; line-height: 1; text-align:center; vertical-align:middle;}
#tracks .tab_area ul li.active {background-color:#fff; border-radius: 10px;}
#tracks .tab_area ul li.active a {color: #151515; font-weight:500;}
#tracks .tab_area ul.fixed {position: fixed; left: calc(50% + 16px); top: 56px; z-index: 10; max-width: 488px; z-index:20;}
#tracks .tab_area ul .review_tab small {display: inline-block; margin-left: 2px; margin-top: 2px; font-size: 0.917rem; line-height: 14px;}
#tracks .tabcnt_box h3.tabtitle {padding:35px 0 20px; font-size:1.417rem; font-weight:600; letter-spacing:-0.02rem;}
#tracks .tabcnt_box0 {display: flex; flex-direction: column; gap: 10px; padding-top: 30px;}
#tracks .tabcnt_box0 .source_box {display: block; cursor: pointer;}
#tracks .tabcnt_box0 .source_box .num {display: inline-block; font-size: 1.167rem; width: 20px; font-weight: 600;}
#tracks .tabcnt_box0 .source_box .tit {display: inline-block; font-size: 1.250rem; font-weight: 600;}
#tracks .tabcnt_box0 .source_box .dap_count {display: inline-block; margin-left: 3px; font-size: 1.250rem;}
#tracks .tabcnt_box0 .source_box .other_btn {margin-top: 20px;}
#tracks .tabcnt_box1 {margin-top: 30px; height: 410px; overflow: hidden; transition: height 0.9s ease-in-out;}
#tracks .tabcnt_box1 img {width: calc(100% + 32px); margin-left: -16px;}
#tracks .tabcnt_box2 {margin-top: 20px;}
#tracks .tabcnt_box2 .review_list_more {margin-bottom: 10px;}
#tracks .fold > a {gap: 3px; font-size: 1.167rem;}
#tracks .fold > a img {width: 15px;}
#tracks .detail_qnarev > .summary {display: flex; flex-direction: column; gap: 12px; padding: 25px 20px; background: #F9F9F9; border-radius: 10px; margin-bottom: 20px;}
#tracks .detail_qnarev > .summary .tit {font-size: 1.333rem; font-weight: 600;}
#tracks .detail_qnarev > .summary > span {color: #888; font-size: 1.167rem; line-height: 1.4;}
#tracks .detail_qnarev > .summary .p_color_org {font-weight: 500;}
#tracks .paging {margin-bottom:20px;}
/* 트랙리스트의 트랙 */
#tracks .represent_track {margin-top: 20px; border: 1px solid #212121; border-radius: 8px; padding: 15px 15px 20px 20px;}
#tracks .represent_track .top_tit {display: block; margin-bottom: 3px; color: #151515; font-size: 1.167rem; font-weight: 600;}
#tracks .represent_track .info {display: block; margin-bottom: 15px; color: #888; font-size: 1.167rem; font-weight: 500;}
#tracks .represent_track .info .p_color_org {text-decoration: underline; font-weight: 700;}
#tracks .all_track {margin-top: 40px;}
#tracks .all_track .top_tit {display: block; width: 100%; padding:17.5px 20px 17.5px 0; background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/arrow_up.svg') no-repeat right/20px; color: #151515; font-size: 1.250rem; font-weight: 600; cursor: pointer;}
#tracks .all_track .top_tit.close {background: url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/arrow_down.svg') no-repeat right/20px;}
#tracks .all_track .tracks_track {max-height: 0; overflow: hidden; transition: max-height 0.5s ease, opacity 0.5s ease; opacity: 0;}
#tracks .all_track .tracks_track.expanded {max-height: 1000px; opacity: 1;}
#tracks .all_track .tracks_track {display: flex; flex-direction: column; gap: 10px;}
#tracks .all_track .tracks_track .track {padding: 0 20px; border: 1px solid #EAEAEA; border-radius: 8px;}
#tracks .all_track .tracks_track .track .tit_box {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dashed #C8C8C8;}
#tracks .all_track .tracks_track .track .tit_box .tit {font-size: 1.167rem; font-weight: 500; line-height: 1;}
#tracks .all_track .tracks_track .track .tit_box .play_btn {display: flex; align-items: center; justify-content: center; width: 34px; height: 60px;}
#tracks .all_track .tracks_track .track .tit_box .play_btn iframe {width: 100% !important;}
#tracks .all_track .tracks_track .track .rendition_box {display: flex; justify-content: space-between; align-items: center;}
#tracks .all_track .tracks_track .track:last-of-type .rendition_box {border-bottom: 0;}
#tracks .all_track .tracks_track .track .rendition_box .rendition {display: flex; gap: 10px;}
#tracks .all_track .tracks_track .track .rendition_box .rendition .sheet {display: none;}
#tracks .all_track .tracks_track .track .rendition_box .rendition.sheet_use .sheet {display: flex;}
#tracks .all_track .tracks_track .track .rendition_box .rendition.sheet_use .source {display: none;}
#tracks .all_track .tracks_track .track .rendition_box .rendition > a {display: flex; align-items: center; justify-content: center; gap: 5px; min-width: 54px; height: 26px; border: 1px solid #ddd; border-radius: 18px; background:#fff; cursor: auto;}
#tracks .all_track .tracks_track .track .rendition_box .rendition > a > span {color: #000; font-size: 1.1667rem; font-weight: 500; line-height: 1;}
#tracks .all_track .tracks_track .track .rendition_box .buy_btn {display: flex; align-items: center; gap: 6.5px; justify-content: center; height: 60px;}
#tracks .all_track .tracks_track .track .rendition_box .buy_btn > span {font-size: 1.167rem; font-weight: 500; line-height: 1;}
#tracks .all_track .tracks_track .track .player_box {display: none;}
#tracks .all_track .tracks_track .track .player_box .tit {display: block; height: 50px; font-size: 1.167rem; font-weight: 600; line-height: 50px;}
#tracks .all_track .tracks_track .track.represent .player_box {display: block;}
#tracks .all_track .tracks_track .track.represent .tit_box,
#tracks .all_track .tracks_track .track.represent .rendition_box {display: none;}

@media all and (max-width:1024px) {
	#tracks .prdimg #mainImg {max-height: 480px;}
	#tracks .prdimg .cloneImg {width: 25%;}

	/* #tracks .tab_area ul.fixed {margin-left:-260px;}
	#tracks .fix_btn.fix {margin-left:-260px;} */
	#tracks .tab_area ul.fixed {margin-left: 0; max-width: 100%; left: 0;}
	#tracks .fix_btn.fix {margin-left: 0; max-width: 100%; left: 0;}
}
@media all and (max-width:720px) {
	#tracks .prdimg #mainImg {max-height: 300px;}
	#tracks .prdimg .cloneImg {width: 28%; min-width: 160px; max-width: 190px;}
	#tracks .tab_area ul.fixed {left:16px; width:calc(100% - 32px); margin-left:0;}
	#tracks .fix_btn.fix {left:0; width:100%; margin-left:0;}
}

/* 공유하기 바텀박스 */
#share_box {width: 100%; padding: 20px 16px 10px;}
#share_box .title {display: block; margin: 20px 0; font-size: 1.500rem; font-weight: 600; text-align: center;}
#share_box .share_list {display: flex; gap: 5px; align-items: center; justify-content: center; margin-bottom: 60px;}
#share_box .share_list > li > a {display: flex; padding: 7px;}

#track_share_box {width: 100%; padding: 20px 16px 10px;}
#track_share_box .title {display: block; margin: 20px 0; font-size: 1.500rem; font-weight: 600; text-align: center;}
#track_share_box .share_list {display: flex; gap: 5px; align-items: center; justify-content: center; margin-bottom: 60px;}
#track_share_box .share_list > li > a {display: flex; padding: 7px;}

/* 장바구니(/shop/cart.php) */
#cart .enterprise {padding-top:0;}
#cart .enterprise .msg_delivery {margin-bottom:10px; padding:18px; border:1px solid #e5e5e5; border-radius: 10px; background-color:#f7f7f7; font-size:0.958rem; letter-spacing:-0.05rem; line-height:17.5px;}
#cart .enterprise .msg_delivery strong {color:#F8573B; font-size: 1.167rem; font-weight:500;}
#cart .title_total {padding:20px 0 10px; font-weight:bold; font-size:1.4rem;}
#cart .count {display: flex; justify-content: space-between; align-items: center; margin-top: 10px;}
#cart .count .all label {padding: 5px 0; color: #888; font-size: 1.167rem; font-weight: 500;}
#cart .count .choice_del {color: #888; font-size: 1.167rem; text-decoration-line: underline;}
#cart .list_common {padding:20px 15px; border:1px solid #EAEAEA; border-radius: 6px; background: #fff;}
#cart .list_common dl * {padding:0; font-size: 1.167rem; font-weight: 500;}
#cart .list_common dl {padding-bottom: 12px;}
#cart .list_common dl:last-child {padding-bottom: 0;}
#cart .list_common dl.order {padding-bottom: 20px; border-bottom:1px dashed #e6e6e6;}
#cart .list_common dl.order + dl {padding:20px 0 7px;}
#cart .list_common dl.total dt {font-weight:500;}
#cart .list_common dl.total dd span.total {color:#F8573B; font-size:1.333rem; font-weight:700;}
#cart .list_common dl.total dd span.eng_total {color:#F8573B; font-weight:700;}
#cart .list_common dl.mileage {display: flex; align-items: center; height: 50px; margin-top: 13px; padding:0 15px; border-radius: 5px; background: #FFFBE2;}
#cart .order.btn {margin-top:30px;}
#cart .order .box_btn.white * {border-color:#d1d1d1;}
#cart .order .box_btn + .box_btn {margin-top:10px;}
#cart .fix_btn {position: fixed; bottom: 0; left: 50%; display: flex; gap: 5px; width: 100%; max-width: 520px; min-width: 320px; padding: 10px 16px; background: #fff;}
#cart .fix_btn > .box_btn {width: 50%;}
#cart .box_info {padding-top:40px;}
#cart .box_info dt {margin-bottom:14px; padding-left:15px; background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/shop/icon_info.png') no-repeat left /10px;}
#cart .box_info dd {color:#999; font-size:0.917rem; letter-spacing:-0.02rem; line-height:17px;}
@media all and (max-width:1024px) {
	/* #cart .fix_btn {margin-left:-260px;} */
	#cart .fix_btn {left:0; max-width:100%; margin-left:0;}
}

@media all and (max-width:720px) {
	#cart .fix_btn {left:0; width:100%; margin-left:0;}
}


/* 주문서(/shop/order.php) */
#order .order_msg {padding:0 5.5%;}
#order .order_msg p {margin-bottom:30px; padding:18px; border:1px solid #e5e5e5; background-color:#f7f7f7; font-size:0.958rem; letter-spacing:-0.05rem; line-height:17.5px;}
#order .order_msg p strong {color:#ff4800; font-weight:400;}
#order .enterprise.headY {padding-top:0;}
#order .enterprise:first-of-type {border-top: 10px  solid #f7f7f7;}
#order .order_box {padding-bottom:10px; background-color:#f7f7f7;}
#order .order_box h3.title {padding:20px 5.5%; margin-top: 0; background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/shop/order_toggle_down.png') no-repeat right 5.5% center /12px 7px; background-color:#fff; font-size:1.25rem; font-weight:600; letter-spacing:-0.02rem; cursor: pointer;}
#order .order_box h3.title.active {background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/shop/order_toggle_up.png')}
#order .order_box .msg_delivery {display: block; padding:0 0 15px; background-color:#fff; font-size: 1.083rem;;}
#order .order_box .toggle_info {padding:0 5.5% 30px; background-color:#fff;}
#order .order_box .toggle_info p.notice {padding-top:14px; letter-spacing:-0.05rem; font-size: 1.083rem;}
#order .order_box .toggle_info .list_prd2 {padding: 0;}
#order .input {height:35px; border:1px solid #d2d2d2;}


/*
#order .guest {text-align:left;}
#order .guest .box_frame {overflow-y:auto; -webkit-overflow-scrolling:touch; height:100px; border:1px solid #dbdbdb;}
#order .guest .box_frame iframe {width:100%; height:100%; border:0;}
#order .guest .agree_guest {padding:5px 0;}
#order .guest .agree_guest label {font-size:0.917em;}
#order .guest .agree_msg {padding:5px; background:#f4f4f4; font-size:0.833em;}
#order h3.title:after {display:block; clear:both; content:'';}
#order h3.title .btn_guest {float:right;}
#order .select_cpn {padding:5px 0;}
#order .select_cpn span {color:#f46665;}
#order .input_phone {float:left; width:32%;}
#order .input_phone.mid {margin:0 2%;}
*/

#order .msg {clear:both; padding-top:15px; font-size: 1.167rem;}
#order .msg strong {color:#ff4800; font-weight:600;}
#order .msg span {color:#999;}
#order .msg label {display:inline; color:#999; letter-spacing:-0.05rem;}
#order .list_input li {padding:15px 0 0; border:none;}
#order .list_input .box_btn.small * {width:90px; height:35px; text-align:center; font-weight:400; line-height:35px;}
#order .list_input.benefit li {padding:15px 0 20px; border-bottom:1px solid #e6e6e6;}
#order .list_input.benefit li:last-child {padding-bottom:0; border-bottom:none;}
#order .list_input.benefit li label {padding-bottom:8px; font-weight:600;}
#order .list_input.benefit li p {font-size: 1.167rem;}
#order .list_input.benefit li .box_btn {margin-top:15px;}
#order .list_input.benefit li .off_cpn {}
#order .list_input.benefit li .off_cpn input {width:calc(100% - 82px);}
#order .list_input.benefit li .off_cpn .box_btn {float:right; margin:0;}
#order .order_box .toggle_info dl dt,
#order .order_box .toggle_info dl dd {display:inline-block; width:49.5%; padding:8px 0; vertical-align:top; font-size: 1.167rem;}
#order .order_box .toggle_info dl dd {text-align:right;}
#order .order_box .toggle_info dl dt:first-of-type,
#order .order_box .toggle_info dl dd:first-of-type {margin-bottom:10px; padding:15px 0; border-bottom:1px solid #e6e6e6; font-size: 1.167rem;}
#order .order_box .toggle_info dl dt:last-of-type,
#order .order_box .toggle_info dl dd:last-of-type {padding-bottom:0;}
#order .order_box .toggle_info dl dd.total {color:#ff4800; font-weight:700;}
#order .order_box .toggle_info dl dd.total * {color:#ff4800;}
#order .order_box .toggle_info dl dd.total strong {font-size:1.333rem;}
#order .address .select {padding:10px 0;}
#order .address label {display:inline;}
#order .address select {width:100%; margin:10px 0;}
#order .address .input.mid {margin:5px 0;}
#order .order_cancel_msg {padding-top:5px; text-align:left;}
#order .total_info {text-align:left; font-size: 1.167rem;}
#order .method select {display:block; width:100%;}
#order .milage_100 {display:none;}
#order .check_area .radio_check {padding-top:14px;}
#order .check_area .radio_check > input {margin:-4px 4px 0 0;}
#order .cash_area {padding-top:15px; font-size: 1.167rem;}
#order .cash_area > p {padding-bottom:5px;}
#order .cash_area > p > input {width:100%; height:48px; border-radius: 10px; margin-top:3px; padding:0 5px; border:1px solid #c7c7c7;}
#order .cash_area .bank_info {padding-top:10px;}
#order .cash_area .bank_info > ul {padding-top:5px;}
#order .cash_area .bank_info > ul > li {font-weight:700;}
#order .cancel_info {padding-top:24px; font-size: 1.083rem;}
#order .checkout {padding:15px 5.5% 10px; background-color:#fff;}
#order .checkout_btn p {display: flex; padding-left:22px;}
#order .checkout_btn input {margin-left:-22px;}
#order .order_final {padding:10px 5.5% 0;}
#order .order2 .box_btn {margin-top:15px;}
#order .order2 .total_usd {padding-top:10px; color:#ff4800; font-size:16px; font-weight:700;}
#order .order2 .check_msg {color:#000; font-size:16px; font-weight:700;}
#order .order2 .box_btn a {line-height:15px;}
#order .order2 .box_btn input {padding-top:5px; line-height:15px;}


/* 주문완료(/shop/order_finish.php) */

#orderfin h3 {padding-top:35px; font-size:1.875rem; text-align:center; letter-spacing:-0.03rem; line-height:30px;}
#orderfin .box_common {padding:25px 0 0 0; border:none; background-color:transparent;}
#orderfin .box_common dl.info_order {overflow:hidden; padding:10px 25px; border-top:2px solid #222; background-color:#f7f7f7;}
#orderfin .box_common dl.info_order dt {clear:both; float:left; width:50%; padding:8px 0; text-align:left;}
#orderfin .box_common dl.info_order dd {float:right; width:50%; padding:8px 0; text-align:right;}
#orderfin .box_common .info_banking {padding-top:25px;}
#orderfin .box_common .info_banking strong {color:#ff4800;}
#orderfin .box_common p {font-size:0.958rem; letter-spacing:-0.05rem;}
#orderfin .box_common .email {padding-top:10px;}
#orderfin .box_common .msg {color:#999;}
#orderfin .box_common .btn {padding:40px 0 0 0;}
#orderfin .box_common .btn .box_btn + .box_btn {margin-top:10px;}

/*
#orderfin .info_banking {padding-top:10px;}
#orderfin .info_banking strong {color:#f46665;}
#orderfin .email {padding-top:10px; color:#181818; line-height:1.6;}
#orderfin .msg {color:#837d81; line-height:1.6;}
#orderfin .msg strong {color:#181818;}
#orderfin .box_gift {padding:20px 0 10px;}
#orderfin .box_gift h4 {padding-bottom:5px; font-size:0.917em;}
#orderfin .box_gift .list {overflow:hidden; margin-bottom:10px; border:1px solid #d6d6d6;}
#orderfin .box_gift .list li {position:relative; min-height:50px; padding:5px 0 5px 70px; border-top:1px solid #d6d6d6; text-align:left;}
#orderfin .box_gift .list li:first-child {border:0;}
#orderfin .box_gift .list li .chk {position:absolute; left:0; top:5px; line-height:50px;}
#orderfin .box_gift .list li .img {position:absolute; left:22px; top:5px;}
#orderfin .box_gift .list li .img img {width:41px; height:50px;}
#orderfin .box_gift .list li .name {font-size:0.917em;}
*/

/* 검색창 공통화 - 검색결과, 게시판 관련상품 선택 레이어 */
.search_box {position:relative; width:100%; max-width:600px; margin:0 auto;}
.search_box .form_input {border:none; height:48px; background-color:#F6F6F6; padding-right:48px;}
.search_box .btn_search {display:inline-block; position:absolute; top:0; right:0; z-index:5; width:48px; height:100%; border:0; background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/icon_search_on.svg') no-repeat center /22px; color:transparent; font-size:0; cursor:pointer;}

/* 상품검색(/shop/search_result.php) */
#search_result .chip_box {margin-top: 10px;}
#search_result .category {margin-top:10px; border-top:1px solid #000;}
#search_result .list_prd2 {padding: 0;}
#search_result .list_prd2 li .box .img {width: 104px; flex: 0 0 104px;}
#search_result .list_prd2 li .box .info {width: calc(100% - 119px);}
#search_result .list_prd2 li .box .info .type {margin-bottom: 5px;}
#search_result .list_prd2 li .box .info p.artist {margin-bottom: 0;}

/* 최근본상품(/shop/click_prd.php) */
#click_prd .total_msg {padding:10px 0;}

/* 상품문의 & 상품후기 - 상품정보(/shop/product_review.php & /shop/product_qna.php) */
.minidetail .miniinfo {position:relative; padding:10px; background:#f6f6f6; color:#474645;}
.minidetail .miniinfo .img {float:left; width:40%; padding-right:10px; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.minidetail .miniinfo .img img {width:100%; height:auto;}
.minidetail .miniinfo .list {float:left; width:60%; text-align:left;}
.minidetail .miniinfo .list .name {padding-bottom:10px; font-size:1.167em; font-weight:bold;}
.minidetail .miniinfo .list ul li {padding:2px 0; line-height:1.4;}
.minidetail .miniinfo .list ul li span {color:#837d81;}
.minidetail .miniinfo .list ul li .nprice {text-decoration:line-through;}
.minidetail .miniinfo .btn {display: flex; gap: 10px; clear:both; padding-top:10px;}
.minidetail .miniinfo .btn .box_btn {width: 50%;}
.minidetail .miniinfo .btn .box_btn:nth-child(2) {display: none; margin:0 2%;}
.minidetail .miniinfo .btn:after {display:block; clear:both; content:'';}
.minidetail .bottom {padding:10px;}

/* 상품문의 & 상품후기 - 리스트 (/shop/product_review_list.php & /shop/product_qna_list.php) */
#qnarev_list_all .board_search {padding-bottom:35px;}
#qnarev_list_all .board_search form {display:flex; justify-content:center; gap:9px;}
#qnarev_list_all .board_search select {padding-right:43px; border-color:#F6F6F6; background-color:#F6F6F6;}
#qnarev_list_all .board_search .search_box {max-width:400px; margin:0;}
#qnarev_list_all .total_sort {margin:0; padding-bottom:20px;}
#qnarev_list_all .total_sort select {min-width:88px; line-height:normal;}
#qnarev_list_all .btn {margin-top:20px; text-align:right;}
.tbl_qnarev {border-top:1px solid #000;}
.tbl_qnarev .table > li {display:flex; align-items:center; gap:16px; padding:12px 0; border-bottom:1px solid #efefef;}
.tbl_qnarev .table > li .subject {cursor:pointer;}
.tbl_qnarev .table > li .img {float:left; flex:0 0 65px;}
.tbl_qnarev .table > li .img img {width:100%; height:auto;}
.tbl_qnarev .table > li .box {display:block; width:auto; font-size:0;}
.tbl_qnarev .table > li .box .subject {flex:1; padding-bottom:14px;}
.tbl_qnarev .table > li .box .subject .prd {line-height:normal;}
.tbl_qnarev .table > li .box .subject .prd a {color:#666; font-size:1.083rem; letter-spacing:-0.28px;}
.tbl_qnarev .table > li .box .subject .title {padding-top:10px; font-size:1.167rem; font-weight:600; letter-spacing:-0.3px;}
.tbl_qnarev .table > li .box .subject .title * {max-height:14px; font:inherit; vertical-align:middle;}
.tbl_qnarev .table > li .box .subject .title img {max-height:19px; height:19px;}
.tbl_qnarev .table > li .box .subject .content {padding:6px 0 10px; color:#333; font-size:1.083rem; letter-spacing:-0.28px;}
.tbl_qnarev .table > li .box .subject .content * {color:inherit; font:inherit;}
.tbl_qnarev .table > li .box .subject .more {display:inline-block; padding-right:15px; background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/button/btn_more.png')no-repeat right center; color:#666; font-size:1rem; letter-spacing:-0.26px;}
.tbl_qnarev .table > li .box .grade_point {padding-bottom:10px; line-height:normal;}
.tbl_qnarev .table > li .box .grade_point .gradebox {margin-right:5px; vertical-align:middle;}
.tbl_qnarev .table > li .box .grade_point .grade {font-size:1.083rem; vertical-align:middle;}
.tbl_qnarev .table > li .box .stat {font-size:1.167rem;}
.tbl_qnarev .table > li .box > p {display:inline-block; flex-shrink:0; width:auto; margin-right:10px; font-size:1.083rem; letter-spacing:-0.28px; vertical-align:middle; line-height:normal; text-align:center;}
.tbl_qnarev .table > li.notice .subject .title {padding:0; font-size:1.333rem; letter-spacing:-0.32px;}
.tbl_qnarev .table > li.notice .subject .title * {font-size:inherit; font-weight:400;}
.tbl_qnarev .table > li.notice .subject .title strong {font-weight:700;}
.tbl_qnarev .table > li.notice .subject .title a {font-weight:400;}
.tbl_qnarev .table > li.notice .subject .admin {padding-top:10px; color:#666; font-size:1.167rem;}
.tbl_qnarev .table > li.notice .subject .admin span {margin:0 3px; color:#e5e5e5;}
.tbl_qnarev > .content {display:none; padding:30px; border-bottom:1px solid #efefef;}

/* 상품문의 & 상품후기 */
#qnarev_list .search {position:relative; margin:10px 0;}
#qnarev_list .search select {position:absolute; left:0; top:0; width:20%;}
#qnarev_list .search .box_btn {position:absolute; right:0; top:0; width:20%;}
#qnarev_list .search .box_btn * {width:100%;}
#qnarev_list .search .str {margin:0 20%; padding:0 1%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* 상품문의 & 상품후기 */
#qnarev .qnarev_content .row * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;}
#qnarev .qnarev_content .row img {max-width:100%;}
#qnarev .qnarev_content .row.question {text-align:left; padding-bottom:25px;}
#qnarev .qnarev_content .row.answer {margin-top:20px; text-align:left;}
#qnarev .qnarev_content .row.question strong,
#qnarev .qnarev_content .row.answer strong {color:#000;}
#qnarev .qnarev_content .edit_del {padding-top:10px; text-align:right;}
#qnarev .qnarev_content .edit_del img {width:49px; border:1px solid #ddd;}

/* 상품문의 & 상품후기 - 수정 */
#qnarevmod {text-align:center;}
#qnarevmod .modInput {padding:20px 0; text-align:center;}
#qnarevmod .modInput .input {border:1px solid #ddd;}
#qnarevmod .modInput * {vertical-align:middle;}
#qnarevmod .modi_pwd {display:none;}
#qnarevmod .modi_cnt {display:none; background:#fff; text-align:center;}
#qnarevmod .modcnt {padding:10px 0; text-align:left;}
#qnarevmod .modcnt * {vertical-align:middle;}
#qnarevmod .modcnt .input {width:80%;}
#qnarevmod .modcnt .input2 {width:100%; height:150px; border:1px solid #e9e9e9;}

/* 상품문의 - 바공개 열람 */
#pwbox {padding:10px; margin:10px 0; border:1px solid #ddd; background:#fff; text-align:center !important;}
#pwbox h3 {padding-bottom:10px;}
#pwbox p {padding:10px 0; color:#837d81;}
#pwbox .box_btn a,
#pwbox .box_btn input {line-height:40px !important;}

/*-----------------------------------------------------------------*/
/* 4-3. 회원
/*-----------------------------------------------------------------*/

/* 로그인 Login & 아이디,비밀번호찾기 */
.box_member {max-width:400px; margin:0 auto; text-align:center;}
.box_member .text {padding-bottom:20px; text-align:center; font-size:10px; color:#333; line-height:140%;}
.box_member .text strong {text-align:center; font-size:10px; color:#333; line-height:140%;}
.box_member .box_form div {}
.box_member .box_form div label {display:none;}
.box_member .box_form div .input_phone {width:32%;}
.box_member .box_form div .input_phone.mid {margin:0 2%;}
.box_member .box_form .msg {padding-bottom:10px;}
.box_member .fail {padding:10px 0; margin-bottom: 10px; border:1px solid #f46665; color:#f46665; text-align:center;}
.box_member .fld {position:relative;}
.box_member .fld input.input {height:35px; padding:5px 10px; border:1px solid #d2d2d2; color:#999;}
.box_member .fld input.pw {padding-right:48px;}
.box_member .fld + .fld {margin-top:10px;}
.box_member .fld .show_icon {display:block; position:absolute; top:0; right:0; z-index:1; width:48px; height:48px; background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/icon_pwd.png') no-repeat center /20px auto; cursor:pointer;}
.box_member .fld .show_icon:after {position:absolute; top:50%; left:0; width:1px; height:24px; margin-top:-12px; background:#EAEAEA; content:'';}
.box_member .fld .show_icon.active {background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/icon_pwd_active.png');}
.box_member .savessl {padding-top:20px; text-align: left;}
.box_member .savessl li {display:inline-block;}
.box_member .savessl li + li {margin-left:2%;}
.box_member .savessl li label {color:#999; font-size:0.917rem;}
.box_member .savessl .find,
.box_member .savessl .select {float:right;}
.box_member .savessl .select label {color:#222;}
.box_member .btn_submit {margin-top:25px;}
.box_member .simple {display: flex; flex-wrap: wrap; gap: 5px; margin-top:25px; font-size:0;}
.box_member .simple .box {display:inline-block; width:calc(50% - 5px); height:50px;vertical-align:top; text-align:center; background-color:#f7f7f7;}
.box_member .simple .box a {display:inline-block; padding-left:15px; background-repeat:no-repeat; background-size:14px 13px; background-position:left;  line-height:50px; letter-spacing:-0.05rem; font-size: 12px;}
.box_member .simple .box.naver a {background-image:url('https://m.soundpost.co.kr/_skin/m_soundpost_221007/img/common/login_naver.png');}
.box_member .simple .box.facebook a {background-image:url('https://m.soundpost.co.kr/_skin/m_soundpost_221007/img/common/login_facebook.png');}
.box_member .simple .box.kakao a {background-image:url('https://m.soundpost.co.kr/_skin/m_soundpost_221007/img/common/login_kakaotalk.png');}
.box_member .simple .box.apple {background: #fff; border: 1px solid #000;}
.box_member .simple .box.apple a {background-size: 12px; background-image:url('https://m.soundpost.co.kr/_skin/m_soundpost_221007/img/common/icon_apple.png');}
.box_member .joinfind {padding-top:38px;}
.box_member .joinfind p {color:#999; padding-bottom:13px;}

/* 아이디,비밀번호 찾기 */
.box_member .tab_find {font-size:0;}
.box_member .tab_find li {display:inline-block; width:50%; vertical-align:middle;}
.box_member .tab_find li a {display:block; height:50px; border:1px solid #222; border-width:0px 0px 1px 0; color:#999; font-size:1.167rem; text-align:center; line-height:50px; cursor:pointer;}
.box_member .tab_find li a.active {display:block; border-width:2px 1px 0 1px; color:#222; font-weight:600; cursor:default;}
.box_member .tabcnt_find {padding-top:25px;}

.msg_box {border-radius: 10px; background-color: #FCFCED; padding: 15px 20px;}
.msg_box.yellow {background-color: #FFFBE2;}
.msg_box.red {background-color: #FFF1F1;}
.msg_box .tit {display: inline-block; position: relative; padding-left: 18px; color: #151515; font-size: 1.167rem; font-weight: 500;}
.msg_box .tit img {position: absolute; left: 0; vertical-align: middle; margin-right: 5px;}
.msg_box .desc {display: block; padding-left: 16px; color: #888; font-size: 1.167rem;}
.msg_box ul {display: flex; flex-direction: column; margin-top: 13px;  gap: 10px;}
.msg_box ul > li {display: inline-block; position: relative; padding-left: 9px; color: #888; font-size: 1.167rem;}
.msg_box ul > li:after {position: absolute; left: 0; top: 8px; width: 5px; height: 5px; border-radius: 50%; background: #C8C8C8; content: '';}

/* 
	레이어팝업(모달레이어)
	member_join_step1.wsr/ member_order_delivery_frm.wsr / member_order_coupon_frm.wsr / mypage_order_paytype.wsr / common_product_select.wsr / shop_cart_chgOption.wsr / shop_detail_prdcpn.wsr / shop_detail_subscription.wsr
*/ 
.pop_layer {position:fixed; top:0; left:50%; z-index:1001; width:100% !important; max-width:720px; height:100%; margin-left:0 !important; padding:60px 0 0; background-color:#fff;}
.pop_layer h3.title {margin:0 4.26%; font-size:1.667rem;}
.pop_layer h3.pop_title {margin:0 4.26%; padding-bottom:20px; font-size:1.667rem; border-bottom: 1px solid #000; font-weight:600;}
.pop_layer .btn_close {display:block; position:absolute; top:19px; right:12px; width:22px; height:22px; z-index:30; background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/btn_close.png') no-repeat center /22px; color:transparent; font-size:0;}
.pop_layer .inner {overflow-y:auto; height:100%; max-height:calc(100% - 43px) !important; padding:0 4.26% 45px;}
.pop_layer .btn_col {margin:30px 0;}

@media all and (max-width:1024px) {
	.pop_layer {margin-left:-260px !important;}
}
@media all and (max-width:720px) {
	.pop_layer {left:0; margin-left:0 !important;}
}


#login {margin-top: 20px;}


/* 회원가입 약관동의(/member/join_step1.php) */
#join_agree .box {border:1px solid #d7d7d7; border-bottom:0;}
#join_agree .box .check {position:relative; height:43px; padding:0 10px; border-bottom:1px solid #d7d7d7; background:#fafbfb; color:#737373; text-align:left; line-height:43px; letter-spacing:-1px;}
#join_agree .box .check span {position:absolute; right:10px; top:10px;}
#join_agree .box .content {height:100px; border-bottom:1px solid #d7d7d7;}
#join_agree .box .content iframe {height:100px;}
#join_agree .member_type {padding:20px 0; text-align:center;}
#join_agree .member_type input {margin-left:20px;}

#join_agree .tabcnt_join0 {display:block;}
#join_agree .tabcnt_join1 {display:none;}
#join_agree .tab_join {padding:30px 0 42px 0; font-size:0; text-align:center;}
#join_agree .tab_join > li {display:inline-block; vertical-align:top; cursor:pointer;}
#join_agree .tab_join > li.first {position:relative; padding-right:22px;}
#join_agree .tab_join > li.first:after {position:absolute; top:3px; right:0; width:1px; height:11px; background:#dcdcdc; content:'';}
#join_agree .tab_join > li.second {padding-left:22px;}
#join_agree .tab_join > li > a {color:#a5a5a5; font-size:14px; letter-spacing:-0.025rem;}
#join_agree .tab_join > li > a.active {color:#000; font-weight:700;}
#join_agree .tabcnt_join > h3 {padding-bottom:13px; font-family:'Nunito Sans', 'Noto Sans KR'; font-size:12px; font-weight:400; text-align:center;}
#join_agree .tabcnt_join .box_btn {width:100%;}
#join_agree .tabcnt_join .box_btn > * {width:100%; border:1px solid #181818; background:#181818; font-family:'Nunito Sans', 'Noto Sans KR'; font-size:13px; font-weight:400;}
#join_agree .tabcnt_join .sns_area {padding:25px 0;}
#join_agree .tabcnt_join .sns_area > ul {width:100%; text-align:center;}
#join_agree .tabcnt_join .sns_area > ul > li {width:100%; height:38px; margin-bottom:10px; border:1px solid #e5e5e5;}
#join_agree .tabcnt_join .sns_area > ul > li > a {display:block; width:100%; height:100%; font-family:'NotoSansKR'; color:#999; font-size:13px; line-height:40px;}
#join_agree .tabcnt_join .sns_area > ul > li > a.naver {background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/login_naver.png') no-repeat left 91px center/14px auto #fff;}
#join_agree .tabcnt_join .sns_area > ul > li > a.kakao {background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/login_kakaotalk.png') no-repeat left 83px center/14px auto #fff;}
#join_agree .tabcnt_join .sns_area > ul > li > a.facebook {background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/login_facebook.png') no-repeat left 86px center/14px auto #fff;}
#join_agree .tabcnt_join .sns_area > ul > li > a.apple {background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/icon_apple.png') no-repeat left 86px center/12px auto #fff;}

/* 회원가입 정보입력(/member/join_frm.php) */
#join_input .row_group {display:block; width:100%; margin-bottom:10px; border:1px solid #ddd;}
#join_input .row_group .group_title {padding:15px 0; border-bottom:1px solid #ddd; color:#837d81; font-weight:normal; text-align:center;}
#join_input .row_group fieldset {padding:10px;}
#join_input .row_group .row_field {*zoom:1; padding-bottom:5px; text-align:left;}
#join_input .row_group .row_field:after {content:''; clear:both; display:block;}
#join_input .row_group .row_field .field_title {display:block; padding:5px 0 10px 5px; color:#837d81; font-weight:bold;}
#join_input .row_group .row_field p.msg {clear:both; padding:10px 0 15px 0; color:#999; font-size: 1.167rem; font-weight:300;}
#join_input .row_group .row_field .input.readonly {background:#dbdbdb;}
#join_input .row_group .row_field .input:focus {border-color:#000;}
#join_input .row_group .row_birth .type {display:none;}
#join_input .row_group .row_id p {display: flex; gap: 10px;}
#join_input .row_group .row_id .form_input {float:left; flex: 1; width: 100%; margin-bottom: 5px;}
#join_input .row_group .row_id .box_btn {width:28%;}
#join_input .row_group .row_phone .form_input {float:left; width:32%;}
#join_input .row_group .row_phone .form_input.center {margin:0 2%;}
#join_input .row_group .row_nick .form_input {float:left; width:70%; margin-right:2%;}
#join_input .row_group .row_zip .zip_search {padding:10px; border:1px solid #ddd; background:#f9f9f9;}
#join_input .row_group .row_zip .zip_search .desc {padding-bottom:10px; border-bottom:1px solid #ddd;}
#join_input .row_group .row_zip .zip_search .type {padding:10px 0;}
#join_input .row_group .row_zip .zip_search .input_zipcode {float:left; width:58%; margin-right:2%;}
#join_input .row_group .row_zip .zip_search .box_btn {width:40%;}
#join_input .row_group .row_zip .zip_search select {clear:both; display:block; width:100%; margin-top:10px;}
#join_input .row_group .row_zip .add_mid {clear:both; margin:5px 0;}
#join_input .row_group .row_zip .add_mid .form_input:nth-child(2) {margin:5px 0;}
#join_input .row_group .row_email .form_input {float:left; width:47%;}
#join_input .row_group .row_email span {display:inline-block; float:left; width:6%; font-size:1.2rem; text-align:center; vertical-align:middle; line-height:40px;}
#join_input .row_group .row_email .form_input.center {float:right;}
#join_input .row_group .row_email select {clear:both; width:100%; height: 48px; border-radius: 10px; margin-top:5px; border-color:#c1c1c1; color:#999; font-size: 1.167rem;}
#join_input .row_group .row_birth select {width:25%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#join_input .row_group .row_birth .type {margin-top:10px;}
#join_input .row_group .row_biznum .form_input {float:left; width:32%;}
#join_input .row_group .row_biznum .form_input.center {margin:0 2%;}
#join_input .row_group .row_field input::placeholder {color:#999;}
#join_input .tabcnt_joinform0 {display:block;}
#join_input .tabcnt_joinform1 {display:none;}
#join_input .tab_joinform {padding:30px 15px 15px 15px; font-size:0; text-align:center;}
#join_input .tab_joinform > li {display:inline-block; vertical-align:top; cursor:pointer;}
#join_input .tab_joinform > li.first {position:relative; padding-right:22px;}
#join_input .tab_joinform > li.first:after {position:absolute; top:3px; right:0; width:1px; height:11px; background:#dcdcdc; content:'';}
#join_input .tab_joinform > li.second {padding-left:22px;}
#join_input .tab_joinform > li > a {color:#a5a5a5; font-size:14px; letter-spacing:-0.025rem;}
#join_input .tab_joinform > li > a.active {color:#000; font-weight:700;}
#join_input .row_group .row_id .box_btn > a {height: 48px; color:#fff; font-size: 1.167rem; font-weight:normal;}
#join_input .row_group .row_field p.msg > label {color:#999; font-size: 1.167rem; font-weight:300;}
#join_input .row_group .row_field p.msg.email > label {color:#000;}
#join_input .agree_area {padding-top:25px;}
#join_input .agree_area > h3 {padding:0 15px 20px 15px; font-size: 1.167rem; font-weight:400;}
#join_input .agree_area > h3.agree_top {border-bottom:1px solid #e5e5e5;}
#join_input .agree_area > input {display:inline-block; margin-top:20px; margin-left:15px; vertical-align:top;}
#join_input .agree_area label {font-size: 1.167rem; font-weight:400;}
#join_input .agree_area > .all_check {display:inline-block; width:85%; margin-top:18px; vertical-align:top;}
#join_input .agree_area > .all_check > label {line-height:1.6;}
#join_input .agree_box {margin-bottom:20px; padding:20px 15px; border-bottom:1px solid #e5e5e5;}
#join_input .agree_box input {display:inline-block; margin-bottom:15px; vertical-align:middle;}
#join_input .agree_box .check {display:inline-block; width:90%; margin-bottom:15px; background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/drop_down.png') no-repeat right 2px center/12px 7px; vertical-align:middle;}
#join_input .agree_box .check.active {background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/drop_up.png');}
#join_input .agree_box .agree_cont {display:none; margin-bottom:15px; border:1px solid #e5e5e5;}
#join_input .agree_box .agree_cont > iframe {width:100%; height:auto;}
#join_input .agree_box .check2 {display:flex; margin-bottom: 10px; vertical-align:top;}
#join_input .agree_box .check2 > input {margin-bottom:3px;}
#join_input .agree_box .check2.first {padding-right:40px;}
#join_input .agree_area .select_info {padding-bottom:25px; font-size:12px; font-weight:400;}
#join_input .agree_box2 {padding:20px 15px; border:1px solid #e5e5e5; border-width:1px 0;}
#join_input .agree_box2 .check {display:inline-block; padding-bottom:12px; vertical-align:top;}
#join_input .agree_box2 .check > input {margin:0 5px 0 0;}
#join_input .agree_box2 .check > label {vertical-align:middle;}
#join_input .tabcnt_joinform0 .agree_box2 .check.child0 {padding-right:16px;}
#join_input .tabcnt_joinform0 .agree_box2 .check.child1 {padding-right:29px;}
#join_input .tabcnt_joinform0 .agree_box2 .check.child2,
#join_input .tabcnt_joinform0 .agree_box2 .check.child4 {padding-right:38px;}
#join_input .tabcnt_joinform0 .agree_box2 .check.child5 {padding-right:18px;}
#join_input .tabcnt_joinform0 .agree_box2 .check.child6 {padding-right:17px;}
#join_input .tabcnt_joinform0 .agree_box2 .check.child8 {padding-right:27px;}
#join_input .tabcnt_joinform0 .agree_box2 .check.child9 {padding-right:29px;}
#join_input .tabcnt_joinform1 .agree_box2 .check.child0 {padding-right:30px;}
#join_input .tabcnt_joinform1 .agree_box2 .check.child1 {padding-right:34px;}
#join_input .tabcnt_joinform1 .agree_box2 .check.child2, 
#join_input .tabcnt_joinform1 .agree_box2 .check.child4 {padding-right:33px;}
#join_input .tabcnt_joinform1 .agree_box2 .check.child5 {padding-right:17px;}
#join_input .tabcnt_joinform1 .agree_box2 .check.child7 {padding-right:1px;}
#join_input .tabcnt_joinform1 .agree_box2 .check.child8 {padding-right:30px;}
#join_input .tabcnt_joinform1 .agree_box2 .check.child9 {padding-right:3px;}
#join_input .btn_col {margin:15px 0 30px 0; padding:0 15px;}
#join_input .btn_col .box_btn {width:49%;}
#join_input .btn_col .box_btn.left {margin-right:5px;}
#join_input .btn_col .box_btn > * {font-size:13px; font-weight:400;}
#join_input .row_group .row_field.phone {margin-top:15px;}
#join_input .withdraw_btn {display: flex; justify-content: center; align-items: center; margin-bottom: 80px; color: #151515; font-size: 1.250rem; text-decoration: underline;}

/* 정보수정(/member/edit_step1.php) */
#edit_pw .msg {padding-bottom:15px; color:#837d81;}
#edit_pw .msg > p {margin-bottom: 10px;}

/*-----------------------------------------------------------------*/
/* 4-4. 마이페이지
/*-----------------------------------------------------------------*/
/* 마이페이지 메인(/mypage/mypage.php) */
.mypage_cate_slide {position: fixed; width: 100%; min-width: 320px; max-width: 520px; width: 100%; top: 56px; overflow-x: auto; border-bottom: 1px solid #EAEAEA; padding: 0 16px 0 6px; background: #fff; z-index: 6;}
.mypage_cate_slide .swiper-slide {width: auto;}
.mypage_cate_slide .swiper-slide > a {display: inline-block; height: 40px; color: #AFAFAF; font-size: 1.250rem; padding: 0 10px; line-height: 40px; font-weight: 500;}
.mypage_cate_slide .swiper-slide.on > a {position: relative; color: #151515; font-size: 1.250rem; font-weight: 600;}
.mypage_cate_slide .swiper-slide.on > a:after {position: absolute; bottom: 0; left: 50%; width: 100%; transform: translate(-50%, 0); width: calc(100% - 20px); height: 4px; background: #212121; content: '';}
#mypage .my_info {display:block; background-color:#F5F6F8; margin:0 -4.26%; padding:0; border-bottom:10px solid #F5F6F8;}
#mypage .my_info .name {display:flex; gap:20px; align-items:center; width:100%; padding:28px 20px; background-color:#F5F6F8;}
#mypage .my_info .name .img {width:74px; height:74px; flex-shrink:0;}
#mypage .my_info .name .img img {width:100%; height:100%; object-fit:contain;}
#mypage .my_info .name p {font-size:1.667rem; line-height:1.5;}
#mypage .my_info .name p strong {font-weight:600;}
#mypage .my_info ul {display:flex; align-items:center; width:100%; padding:30px 20px;}
#mypage .my_info ul li {flex:1; padding:0 1.66%; text-align:center;}
#mypage .my_info ul li + li {border-left:1px solid #E5E5E5;}
#mypage .my_info ul li a {display:block;}
#mypage .my_info ul li h5 {padding-bottom:5px; font-size:1.167rem; font-weight:400;}
#mypage .my_info ul li span {font-size:1.5rem; font-weight:700; letter-spacing:-0.01em;}
#mypage h3.title {display:flex; align-items:center; margin:30px 0 20px;}
#mypage h3.title span {color:#999; margin-left:10px; font-size:1.083rem; font-weight:400;}
#mypage h3.title a {margin-left:auto; font-size:1.167rem; font-weight:400;}
#mypage .list_order h3.title {padding:0; border:none;}
#mypage .list_order ul.state {display:flex; gap:0; align-items:center; justify-content:flex-end; margin-top:20px; border:1px solid #E5E5E5; border-radius:4px;}
#mypage .list_order ul.state li {flex:1; padding:10px 0; color:#999; font-size:1.33rem; text-align:center;}
#mypage .list_order ul.state li + li {border-left:1px solid #E5E5E5;}
#mypage .list_order ul.state li a {padding:10px; font-size:1.25rem; text-align:center;}
#mypage .list_order ul.state li.on {color:#000;} 
#mypage .list_wish {margin:0 -4.26%;}
#mypage .list_wish h3.title {padding:0 4.26% 10px;}
#mypage .list_wish .wish_slide {margin:0; padding:0 4.26%;}

@media all and (max-width:1024px){
	.mypage_cate_slide {max-width: 100%;}
}

/* 주문내역(/mypage/order_list.php) */
#order_list {position:relative; padding-top:0;}
#order_list .msg {padding-left:15px; background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/shop/icon_info.png') no-repeat left center /10px; opacity:0.5;}
#order_list .list_ord > li {padding-top:26px;}
#order_list .list_ord > li .list_box .no {display: flex; align-items: center; justify-content: space-between; height: 54px;}
#order_list .list_ord > li .list_box .no .date_stat {display: flex; gap: 2px; align-items: center;}
#order_list .list_ord > li .list_box .no .date_stat > a {font-size: 1.167rem; font-weight: 600; line-height: 1; text-decoration: underline;}
#order_list .list_ord > li .list_box .no .date_stat .date {color: #888; font-size: 1.083rem; font-weight: 400; line-height: 1;}
#order_list .list_ord > li .list_box .no .count {color: #888; font-size: 1.083rem; font-weight: 400;}
#order_list .list_ord > li .list_box .no .count strong {font-weight: 500;}
#order_list .list_ord > li .list_box .list_prd2 {padding: 20px 0;}
#order_list .list_ord > li .list_box .list_prd2 .info {position: relative;}
#order_list .list_ord > li .list_box .list_prd2 .info .type {margin: 6.5px 0;}
#order_list .list_ord > li .list_box .list_prd2 .info .name {margin-top: 5px;}
#order_list .list_ord > li .list_box .prd_normal_list {margin-top:10px;}
#order_list .list_ord > li .list_box .prd_normal_list > li:first-child {border-top:2px solid #222;}
#order_list .list_ord > li .list_box .prd_normal_list > li {padding:15px 0;}
#order_list .list_ord > li .list_box .prd_normal_list > li .box p.order_state .state {display:inline-block; padding-left:19px; margin:10px 10px 0 0; background:no-repeat left center/12px; color:#ff4800 !important; line-height:1;}
#order_list .list_ord > li .list_box .prd_normal_list > li .box p.order_state .state.standby {background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/mypage/order_state_standby.png');}
#order_list .list_ord > li .list_box .prd_normal_list > li .box p.order_state .state.expiration {background-position:top 4px left; background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/mypage/order_state_expiration.png');}
#order_list .list_ord > li .list_box .prd_normal_list > li .box p.order_state .state.fail {background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/mypage/order_state_fail.png');}
#order_list .list_ord > li .list_box .prd_normal_list > li .box p.order_state .state.print {background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/mypage/order_state_print.png');}
#order_list .box_btn {margin-top:30px;}
#order_list .search {width:100%;}
#order_list .search .paging {display:none;}
#order_list .box_search {position:relative; width:100%; padding-right:40px; margin:0 0 25px; border:1px solid #222;}
#order_list .box_search .input {width:100%; height:42px; border:none; outline:none; padding:0 10px; color:#999; font-size:12px;}
#order_list .box_search .btn {position:absolute; top:50%; right:10px; margin-top:-7.5px; width:17px; height:auto; vertical-align:middle;} 



/* 적립금내역 (/mypage/milage.php) */
#milage {padding-top: 20px;}
#milage .info_box {display: flex; flex-direction: column; gap: 10px; width: 100%; background-color:#F8F8F8; border-radius: 10px; padding: 20px;}
#milage .info_box .tit {display: flex; align-items: center; gap: 3px;}
#milage .info_box .tit > span {color: #888; font-size: 1.083rem;}
#milage .info_box .total {display: flex; align-items: center; justify-content: space-between;}
#milage .info_box .total > strong {font-size: 1.667rem; font-weight: 700;}
#milage .info_box .total > a {font-size: 1.167rem; text-decoration: underline;}
#milage .milage_tab {display: flex; gap: 5px; padding-top: 20px; margin-bottom: 20px;}
#milage .milage_tab .btn {height: 36px; padding: 0 12px; border-radius: 20px; border: 1px solid #EAEAEA;}
#milage .milage_tab .btn > a {font-size: 1.083rem; font-weight: 500; line-height: 36px;}
#milage .milage_tab .btn.active {background: #151515; border: 1px solid #151515;}
#milage .milage_tab .btn.active > a {color: #fff;}
#milage .list_title {display: flex; flex-direction: column; gap: 10px;}
#milage .list_title li {padding: 20px; margin: 0; border-radius: 10px; border: 1px solid #EAEAEA;}
#milage .list_title li .milage_box {display: flex; flex-direction: column; gap: 12px;}
#milage .list_title li .milage_box .tit {font-size: 1.250rem; font-weight: 500;}
#milage .list_title li .milage_box .date_milage {display: flex; justify-content: space-between;}
#milage .list_title li .milage_box .date_milage .date {color: #AFAFAF; font-size: 1.167rem;}
#milage .list_title li .milage_box .date_milage .milage {font-size: 1.167rem; font-weight: 500;}
#milage .box_btn.more {margin-top:20px;}


/* 주문상세조회(/mypage/order_detail.php) */
#order_detail {padding-top: 20px;}
#order_detail .box_common {display: flex; align-items: center; justify-content: space-between; height: 54px;}
#order_detail .box_common .date_stat {display: flex; gap: 2px; align-items: center;}
#order_detail .box_common .date_stat > a {font-size: 1.167rem; font-weight: 600; line-height: 1; cursor: auto;}
#order_detail .box_common .date_stat .date {color: #888; font-size: 1.083rem; font-weight: 400; line-height: 1;}
#order_detail .list_prd2 {padding: 20px 0 25px;}
#order_detail .list_prd2 li .box .info p.artist {margin-bottom: 10px;}
#order_detail .list_prd2 li .box .review {position: absolute; bottom: 0; right: 0;}
#order_detail .list_prd2 li .box .review * {min-width: auto;}
#order_detail .bdb10 {border-bottom: 10px solid #F8F8F8;}
#order_detail h3.title {margin-top: 10px; font-size: 1.250rem;}
#order_detail .backtolist {display: flex; gap: 5px; margin-top: 40px;}
#order_detail .backtolist .box_btn {width: 50%;}

/* 포인트(/mypage/point.php) */
#point .change {margin-top:10px; padding:20px; border:1px solid #d7d7d7; background:#f9f9f9; text-align:center;}
#point .change p {padding-bottom:5px;}

/* 위시리스트(/mypage/wish_list.php) */
#wish_list .type_box {display: flex; gap: 5px; padding-top: 20px;}
#wish_list .type_box .btn {height: 36px; padding: 0 12px; border-radius: 20px; border: 1px solid #EAEAEA;}
#wish_list .type_box .btn > a {font-size: 1.083rem; font-weight: 500; line-height: 36px;}
#wish_list .type_box .btn.active {background: #151515; border: 1px solid #151515;}
#wish_list .type_box .btn.active > a {color: #fff;}
#wish_list .del_box {display: flex; justify-content: space-between; margin-top: 10px; padding: 8px 16px;}
#wish_list .del_box .wish_all label {color: #888;}
#wish_list .del_box .select_del {color: #888; font-size: 1.167rem; text-decoration: underline;}
#wish_list .list_prd2 {margin-top: 10px;}
#wish_list .list_prd2 .box .img_box {position: relative;}
#wish_list .list_prd2 .box .img_box .check {position: absolute; top: 5px; left: 5px;}
#wish_list .list_prd2 .box.dap .pay_del {display: none;}
#wish_list .select_cart {margin-top: 40px;}
#wish_list .select_cart.dap {display: none;}

/* 1:1문의 글쓰기(/mypage/counsel_step1.php) */
#counsel_step1 .box_write li {padding:5px 0; text-align:left;}
#counsel_step1 .list_common {border-radius: 10px; margin-bottom: 5px; background: #EDEDED; border: 1px solid #EAEAEA; font-size: 1.167rem; }
#counsel_step1 .btn_col {margin-top: 20px;}
#counsel_step1 .btn_col .box_btn {width: 100%;}

/* 1:1문의 */
#counsel_list .box_btn {margin-top: 20px;}

/* 출석체크(/mypage/attend_list.php) */
#attend .box_common {margin-bottom:5px;}
#attend .date {overflow:hidden;}
#attend .date .month {float:left; position:relative; width:49%; height:42px; font-size:1.5em; font-weight:bold; text-align:center; line-height:42px;}
#attend .date .day {float:right; position:relative; width:49%; height:42px; font-size:1.5em; font-weight:bold; text-align:center; line-height:42px;}
#attend .date .prev {position:absolute; left:0; top:5px; width:30px; height:30px; border:1px solid #d7d7d7; background:#f9f9f9; line-height:30px;}
#attend .date .next {position:absolute; right:0; top:5px; width:30px; height:30px; border:1px solid #d7d7d7; background:#f9f9f9; line-height:30px;}
#attend table {width:100%; border-top:1px solid #d6d6d6; border-right:1px solid #d6d6d6;}
#attend table thead th {padding:7px 0; border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; background:#f5f5f5; font-weight:bold; color:#000; text-align:center;}
#attend table thead th:first-child {color:#ff7820;}
#attend table thead th:last-child {color:#0072bc;}
#attend table tbody td {height:40px; padding:5px; border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-align:right; vertical-align:top;}
#attend table tbody td:nth-child(7n) {color:#0072bc;}
#attend .attenY {background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/mypage/attend_ok.gif') no-repeat center; background-size:contain;}
#attend .attenN {background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/mypage/attend_no.gif') no-repeat center; background-size:contain;}
#attend .attenR {background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/mypage/attend_today.gif') no-repeat center; background-size:contain;}

/* 회원탈퇴(/mypage/withdraw_step1.php) */
#draw_input .msg {padding-bottom:10px; color:#837d81;}
#draw_input .msg_box {text-align: left; margin-bottom: 30px;}
#draw_input .big_tit {display: block; margin-bottom: 10px; color: #151515; font-size: 1.167rem; font-weight: 500; text-align: left;}
#draw_input .reason {width:100%; height:148px; margin-bottom: 30px; margin-top:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#draw_input .btn_col .box_btn {width: 49%;}


/*-----------------------------------------------------------------*/
/* 4-5. 추가페이지
/*-----------------------------------------------------------------*/

/* 이용약관, 개인정보취급방침 공통 TAB */
#tab_uselaw {font-size:0;}
#tab_uselaw > li {display:inline-block; width:50%; vertical-align:middle;}
#tab_uselaw > li > a {display:block; height:60px; border-bottom:1px solid #222; color:#999; font-size:1.167rem; text-align:center; line-height:60px;}
#tab_uselaw > li > a.active {border-width:2px; color:#222; font-weight:600;}

/* 이용약관(/content/content.php?cont=uselaw) */
#uselaw {background: #fff;}
#uselaw .tabcnt_uselaw {padding:0 5.5%;}
#uselaw .tabcnt_uselaw * {color:#999;}
#uselaw .tabcnt_uselaw dl dt {padding-top:20px; color:#222;}

/* 개인정보취급방침(/content/content.php?cont=privacy) */
#privacy .tabcnt_policy * {color:#999;}
#privacy .tabcnt_policy p,
#privacy .tabcnt_policy > ul {padding-top:20px;}
#privacy .tabcnt_policy dl dt {color:#222;}

/* 이용안내(/content/content.php?cont=guide) */
#guide .tab:after {content:''; clear:both; display:block;}
#guide .tab li {float:left; width:50%; border:1px solid #e2e2e3; border-width:0 1px 1px 1px; color:#ddd; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#guide .tab li:nth-child(1),
#guide .tab li:nth-child(2) {border:1px solid #e2e2e3;}
#guide .tab li:nth-child(2n) {border-left:0;}
#guide .tab li a {display:block; padding:10px 0; color:#181818; text-align:center;}
#guide dl dt {padding-top:30px; font-weight:bold;}
#guide dl dt a {color:#181818;}
#guide dl dd {color:#837d81;}
#guide dl dd .step {margin:10px 0;}
#guide ul {padding-bottom:10px;}

/* 회사소개(/content/content.php?cont=company) */
#company img {max-width:100%; height:auto;}

#category_list {overflow:hidden;}
#category_list li {float:left; width:calc(50% - 2.5px); padding-top:5px;}
#category_list li img {width:100%;}
#category_list li:nth-child(even) {padding-left:5px;}

.board_list li {padding-top:5px;}
.board_list li img {width:100%;}

/* 마이 브로셔 (/content/content.php?cont=mybrochure) */
#mybrochure {overflow-y:scroll; height:100vh; background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/bg_mybrochure.jpg') no-repeat left;}
#mybrochure .inner {width:calc(100% - 20px); padding:10px;}
#mybrochure h2 {padding:15px 10px; border-bottom:1px solid #fff; text-align:left; color:#fff; font-size:13px;}
#mybrochure h2 .title {color:inherit; font-size:inherit;}
#mybrochure h2 .count {color:inherit; font-weight:bold; font-size:inherit;}
#mybrochure .repertoire_list {text-align:left;}
#mybrochure .repertoire_list .title {padding:25px 0 10px; font-weight:bold; font-size:13px; color:#fff;}
#mybrochure .repertoire_list .summary {font-size:11px; color:#fff;}

/* 적립금 충전 (/content/content.php?cont=cash_charge_mobile) */
#cash_charge {display: flex; flex-direction: column; gap: 50px; padding-top: 20px;}
#cash_charge h3 {padding:0 0 20px 0; font-size: 1.333rem; font-weight:600;}
#cash_charge h3.title {background-color:#f7f7f7; text-align:center;}
#cash_charge .msg_box {margin-bottom: 20px;}
#cash_charge .box_cash > ul {display: flex; flex-direction: column; gap: 10px;}
#cash_charge .box_cash > ul > li {display: flex; align-items: center; height: auto; border-radius: 10px; border: 1px solid #EAEAEA; font-size: 1.250rem; color: #AFAFAF; font-weight: 500;}
#cash_charge .box_cash > ul > li > input[type=radio] {width: 0; opacity: 0; visibility: hidden; margin: 0;}
#cash_charge .box_cash > ul > li > label {display: block; width: 100%; padding: 15px 20px;}
#cash_charge .box_cash > ul > li .bonus {padding-left: 18px; background: url("https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/icon_bonus.svg") no-repeat center left;}
#cash_charge .box_cash > ul > li.active {border: 1px solid #151515; color: #151515; font-weight: 600;}
#cash_charge .box_pay > ul {display: flex; flex-direction: column; gap: 10px;}
#cash_charge .box_pay > ul > li {display: flex; align-items: center; height: 60px; border-radius: 10px; border: 1px solid #EAEAEA; font-size: 1.250rem; color: #AFAFAF; font-weight: 500;}
#cash_charge .box_pay > ul > li > input[type=radio] {width: 0; opacity: 0; visibility: hidden; margin: 0;}
#cash_charge .box_pay > ul > li > label {display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 19px 20px; text-align: center;}
#cash_charge .box_pay > ul > li .bonus {padding-left: 18px; background: url("https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/icon_bonus.svg") no-repeat center left;}
#cash_charge .box_pay > ul > li.active {border: 1px solid #151515; color: #151515; font-weight: 600;}
#cash_charge .box_pay .msg_box {display: none; margin-top: 20px;}
#cash_charge .box_pay .msg_box.active {display: block;}
#cash_charge .box_pay .msg_box > ul > li > a {color: #3393DE; text-decoration: underline;}
#cash_charge .uselaw_wrap iframe {width:100%; border:1px solid #e6e6e6; border-radius: 10px;}
#cash_charge .uselaw_wrap p {display: flex; margin-top:15px;}
#cash_charge .uselaw_wrap p label {color:#151515; flex: 1; width: calc(100% - 20%);}
#cash_charge .warning_wrap > ul {display: flex; flex-direction: column; gap: 10px;}
#cash_charge .warning_wrap > ul > li {position: relative; padding-left:10px; color: #888; font-size: 1.167rem;}
#cash_charge .warning_wrap > ul > li:after {position: absolute; left: 0; top: 6px; width: 5px; height: 5px; border-radius: 50%; background: #C8C8C8; content: '';}
#cash_charge .btn_charge {position: fixed; bottom: 0; left: 50%; z-index: 60; max-width: 520px; min-width: 320px; width: 100%; background: #fff; padding: 10px 15px;}
#cash_charge .btn_charge input {height: 50px;}

@media all and (max-width:1024px){
	#cash_charge .box_cash > ul > li > label {text-align: center;}
	#cash_charge .btn_charge {left:0; max-width:100%;}
}
@media all and (max-width:720px){
	#cash_charge .box_cash > ul > li > label {text-align: left;}
	#cash_charge .btn_charge {left:0; width:100%; margin-left:0;}
}

/* 제휴문의 */
#partnership_request .partnership_request_write > form {display: flex; flex-direction: column; gap: 40px; margin-top: 30px;}
#partnership_request .partnership_request_write > form > div {font-size: 1.167rem;}
#partnership_request .partnership_request_write > form > div > div {margin-top: 20px;}
#partnership_request .partnership_request_write > form > div .box {display: flex; flex-direction: column; gap: 20px;}
#partnership_request .partnership_request_write > form > div .subtitle {display: block; color: #151515; font-size: 1.333rem; font-weight: 600;}
#partnership_request .partnership_request_write > form > div label {display: block; padding: 11px 0;}
#partnership_request .partnership_request_write > form > div input {font-size: 1.167rem; font-weight: 400;}
#partnership_request .partnership_request_write > form > div input::placeholder {color: #AFAFAF;}
#partnership_request .partnership_request_write > form > div .email {display: flex; gap: 5px; margin-bottom: 5px; width: 100%; justify-content: space-between; align-items: center;}
#partnership_request .partnership_request_write > form > div .email input {flex: 1; width: 100%;}
#partnership_request .partnership_request_write > form > div .email_box select {background: url("https://www.musicbook.co.kr/_skin/musicbook_260622/img/common/arrow_down.svg") no-repeat center right 11px;}
#partnership_request .partnership_request_write > form .content textarea {height: 152px;}
#partnership_request .partnership_request_write > form > div dl {margin-top: 20px; border-bottom: 1px solid #EAEAEA;}
#partnership_request .partnership_request_write > form > div dt {display: block; margin-bottom: 5px; color: #151515; font-size: 1.250rem; font-weight: 500;}
#partnership_request .partnership_request_write > form > div dd {display: block; margin-bottom: 20px; color: #888; font-size: 1.167rem; font-weight: 400;}
#partnership_request .partnership_request_write > form > div .agree_chk {display: flex; gap: 5px; margin-top: 20px;}
#partnership_request .partnership_request_write > form > div .agree_chk label {padding: 0;}
#partnership_request .partnership_request_write > form > div .agree_chk span {flex: 1; width: 100%; color: #151515; font-size: 1.167rem;}
#partnership_request .partnership_request_write > form .btn {margin-top: -10px;}
#partnership_request .partnership_request_write > form .content {position: relative;}
#partnership_request .partnership_request_write > form .content .partnership_content_length {position: absolute; right: 10px; bottom: 12px; color: #AFAFAF; z-index: 2;}

@media all and (max-width:1024px){
	#partnership_request .partnership_request_write > form > div .email {display: inline-flex; width: 60%;}
	#partnership_request .partnership_request_write > form > div .email_box select {display: inline-flex; width: calc(40% - 10px) !important; margin-left: 5px;}
}
@media all and (max-width:720px){
	#partnership_request .partnership_request_write > form > div .email {display: flex; width: 100%;}
	#partnership_request .partnership_request_write > form > div .email_box select {display: flex; width: 100% !important; margin-left: 0;}
}


/*-----------------------------------------------------------------*/
/* 5. 기타
/*-----------------------------------------------------------------*/
/* 페이징 */
.paging {margin-top:30px; font-size:0; text-align:center;}
.paging li {display:inline-block; width: 40px; height: 40px; margin: 0 2px; color:#888; font-size: 1.167rem; line-height: 40px; vertical-align:middle;}
.paging li .pg {display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 8px; border: 1px solid #EAEAEA; color:#2c2a2a; font-size: 1.167rem; line-height: 40px; vertical-align:middle;}
.paging li strong {display: inline-block; width: 40px; height: 40px; border-radius: 8px; border: 1px solid #212121; color:#151515; font-weight:600;}
.paging li a.arrow {display:block; width:17px; height:17px; background-repeat:no-repeat; background-position:center; background-size:8px auto; color:transparent; font-size:0;}
.paging li a.prev {background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/button/paging_prev.png');}
.paging li a.next {background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/button/paging_next.png');}


/* 댓글 - 리스트 */
#cmtlist {margin-top:10px; background:#fff; text-align:left;}
#cmtlist h3 {padding-bottom:5px; background:#f6f6f6;}
#cmtlist h3.white {background:#fff;}
#cmtlist li {padding:5px; border:1px solid #ddd; border-bottom:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#474645; word-break:break-all; word-wrap:break-word;}
#cmtlist li:last-child {border-bottom:1px solid #ddd;}
#cmtlist li p {padding-bottom:5px; color:#626261;}
#cmtlist li strong a {color:inherit; font-size:inherit;}
#cmtlist li .date {padding:0 5px; color:#626261;}
#cmtlist li .cmtcontent {font-size:0.917em;}

/* 댓글 - 쓰기 */
#cmtwrite {margin-top:5px;}
#cmtwrite .guest {margin-top:10px;}
#cmtwrite .guest .input {float:left; width:49%; background:#fff;}
#cmtwrite .guest .input:nth-child(2) {float:right;}
#cmtwrite .guest:after {display:block; clear:both; content:'';}
.box_comment {margin-top:5px;}
.box_comment .msg {padding:10px 0; border:1px solid #ddd; background:#fff; text-align:center;}
.box_comment .msg h3 {color:#181818; font-size:1.333em;}
.box_comment .msg p {padding:5px 0; color:#837d81;}

/* 게시판 - 상품연동 */
#product_search_frm {background:#fff;}
#product_search_frm .prd_search_list {min-height:600px; margin:10px;}
#product_search_frm .prd_search_list .tbl_row td .prd_name a {font-size:12px; font-weight:bold;}
#product_search_frm .prd_search_list .btn {padding:15px 0 10px 0;}
#product_search_frm .prd_search_list .search_prd {padding:10px 0;}
#product_search_frm .prd_search_list .search_prd .input {height:23px;}
.pick_list li {display: inline-block; width:122px; height:180px; margin-right:5px; padding-right:10px;  border-right:1px solid #dfdfdf; vertical-align:top;}
.pick_list a {color:#000; font-weight:bold;}
.pick_list dt {height:120px; margin-bottom:5px; border:1px dotted #000; text-align:center;}
.pick_list dd {width:100%; padding:2px 0; word-break:break-all;}
.pick_empty {margin-top:5px;}

/* 우편번호 레이어 */
.layer_zip_addr_list {width:100%;}
.layer_zip_addr_list .title {position:relative; padding:20px; background:#f7f7f7;}
.layer_zip_addr_list .title h1 {font-size:1.4rem; font-weight:bold; text-align:left;}
.layer_zip_addr_list .title .btn {position:absolute; right:15px; top:15px; padding:0 10px;}
.layer_zip_addr_list .title .close {display:block; position:relative; z-index:10; width:5px; height:25px; background:#b2b2b2; transform:rotate(45deg);}
.layer_zip_addr_list .title .close:after {position:absolute; z-index:20; top:10px; left:-10px; width:25px; height:5px; background:#b2b2b2; content:"";}
.layer_zip_addr_list table {width:100%; table-layout:fixed;}
.layer_zip_addr_list caption {display:none;}
.layer_zip_addr_list thead th {padding:10px 0; border-top:3px solid #000; text-align:center;}
.layer_zip_addr_list thead th:nth-child(1) {border-color:#374b64;}
.layer_zip_addr_list thead th:nth-child(2) {border-color:#26ace2;}
.layer_zip_addr_list tbody th {height:34px; padding:5px 0; border-top:1px solid #ddd; color:#000; text-align:center; vertical-align:middle;}
.layer_zip_addr_list tbody td {height:34px; padding:5px; border-top:1px solid #ddd; color:#666; text-align:left; vertical-align:middle;}
.layer_zip_addr_list tbody td * {color:#666;}
.layer_zip_addr_list tbody tr:nth-child(odd) {background:#f7f7f7;}
.layer_zip_addr_list tbody tr:last-child th,
.layer_zip_addr_list tbody tr:last-child td {border-bottom:1px solid #ddd;}
.layer_zip_paging * {vertical-align:middle;}
.layer_zip_paging {margin:10px 0 20px; text-align:center;}
.layer_zip_paging li {display:inline; padding:0 2px; color:#9e9e9e; vertical-align:middle;}
.layer_zip_paging li strong {display:inline-block; width:28px; height:28px; border:1px solid #000; background:#000; color:#fff; line-height:30px;}
.layer_zip_paging li a {display:inline-block; width:28px; height:28px; border:1px solid #ccc; background:#fff; color:#6e6e6e; line-height:30px;}

/* 작곡가 - CHANNEL 리스트 */
#composer_channel {padding-top:25px;}
#composer_channel * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#composer_channel .bnr_wrap {padding-bottom:50px; font-size:0;}
#composer_channel .bnr_wrap .normal_bnr {display:inline-block; width:38.88%; margin-right:1.4%; vertical-align:top;}
#composer_channel .bnr_wrap .normal_bnr img {width:100%;}
#composer_channel .bnr_wrap .swiper_slide {display:inline-block; width:59.72%; vertical-align:top;}
#composer_channel .bnr_wrap .swiper_slide .swiper-slide img {width:100%;}
#composer_channel .bnr_wrap .swiper_slide .swiper-pagination {bottom:5px;}
#composer_channel .bnr_wrap .swiper_slide .swiper-pagination span {width:6px; height:6px; margin:0 3px; background:#f2f2f2; opacity:1;}
#composer_channel .bnr_wrap .swiper_slide .swiper-pagination span.swiper-pagination-bullet-active {background:#222;}
#composer_channel .swiper_cate {margin-bottom:40px; border:1px solid #e6e6e6; border-width:1px 0;}
#composer_channel .swiper_cate .swiper-slide {width:auto;}
#composer_channel .swiper_cate .swiper-slide a {display:block; height:40px; padding:0 25px; text-align:center; line-height:40px;}
#composer_channel .swiper_cate .swiper-slide.active a {border-bottom:2px solid #222;}
#composer_channel .channel_list {display:block; padding:0 5.55%;}
#composer_channel .channel_list > li {margin-bottom:40px;}
#composer_channel .channel_list .prd_box {position:relative;}
#composer_channel .channel_list .prd_box .img {padding:0 18.75%;}
#composer_channel .channel_list .prd_box .img img {width:100%; border:1px solid #e6e6e6;}
#composer_channel .channel_list .prd_box .info {height:172px;}
#composer_channel .channel_list .prd_box .info .inner {padding:25px 0 11px; background:#fff; border-bottom:1px solid #e6e6e6;}
#composer_channel .channel_list .prd_box .info .writer {padding-bottom:5px;}
#composer_channel .channel_list .prd_box .info .writer a {color:#222; font-size:1.167rem; font-weight:700;}
#composer_channel .channel_list .prd_box .info .icon_info {padding-bottom:15px; font-size:0;}
#composer_channel .channel_list .prd_box .info .icon_info > li {display:inline-block; position:relative; margin-left:18px; padding-left:18px; background:no-repeat left center/14px; font-size:0.917rem; line-height:14px; vertical-align:middle;}
#composer_channel .channel_list .prd_box .info .icon_info > li:after {display:block; position:absolute; top:50%; left:-9px; width:1px; height:8px; margin-top:-4px; background:#e6e6e6; content:'';}
#composer_channel .channel_list .prd_box .info .icon_info > li:first-child {margin-left:0;}
#composer_channel .channel_list .prd_box .info .icon_info > li:first-child:after {display:none;}
#composer_channel .channel_list .prd_box .info .icon_info > li.all {background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/etc/composer_icon_all.png');}
#composer_channel .channel_list .prd_box .info .icon_info > li.wish {background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/etc/composer_icon_wish.png');}
#composer_channel .channel_list .prd_box .info .icon_info > li strong {font-weight:600;}
#composer_channel .channel_list .prd_box .info .hash {overflow:hidden; position:relative; height:78px; padding-top:15px; padding-right:40px; border-top:1px dotted #000;}
#composer_channel .channel_list .prd_box .info .hash > span {display:inline-block; min-height:26px; margin:0 3px 5px 0; padding:3px 8px; border:1px solid #e6e6e6; border-radius:3px; color:#999999; vertical-align:top;}
#composer_channel .channel_list .prd_box .info .hash .arrow {display:block; position:absolute; bottom:5px; right:0; z-index:5; width:26px; height:26px; color:transparent; font-size:0; line-height:1; cursor:pointer;}
#composer_channel .channel_list .prd_box .info .hash .arrow:before {position:absolute; right:5px; top:14px; width:8px; height:2px; background:#000; content:''; -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg);}
#composer_channel .channel_list .prd_box .info .hash .arrow:after {position:absolute; right:0; top:14px; width:8px; height:2px; background:#000; content:''; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
#composer_channel .channel_list .prd_box .info .hash .arrow.active:before {background:#ff4800; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
#composer_channel .channel_list .prd_box .info .hash .arrow.active:after {background:#ff4800; -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg);}
/* 조건부 */
#composer_channel .channel_list .prd_box.show .info .inner {position:absolute; bottom:0; left:0; width:100%; padding-left:15px; padding-right:15px; box-shadow:1px 1px 26px 0px rgba(0, 0, 0, 0.07);}
#composer_channel .channel_list .prd_box.show .hash {height:auto; margin:0 -15px; padding:15px 40px 0 15px;}
#composer_channel .channel_list .prd_box.show .info .hash .arrow:before {right:15px;}
#composer_channel .channel_list .prd_box.show .info .hash .arrow:after {right:10px;}

/* 작곡가별 리스트 */
#composer_list .composer {padding:25px 20px 15px 20px; background:#f7f7f7; font-size:0;}
#composer_list .composer .img {display:inline-block; width:30%; vertical-align:top;}
#composer_list .composer .img img {width:100%;}
#composer_list .composer .info {display:inline-block; width:70%; padding-left:15px; vertical-align:top; box-sizing:border-box;}
#composer_list .composer .info .name {padding-bottom:5px; font-size:1.167rem; font-weight:bold;}
#composer_list .composer .info .wish {padding-left:18px; background:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/etc/composer_icon_wish.png') no-repeat left center/14px; line-height:14px; vertical-align:middle;}
#composer_list .composer .info .hash {padding-top:15px; font-size:0; text-align:left;}
#composer_list .composer .info .hash span {display:inline-block; margin:0 5px 5px 0; padding:3px 10px; border:1px solid #ddd; border-radius:3px; background:#fff; color:#000; vertical-align:top;}
#composer_list .prd_normal {margin-top:30px; padding:0 20px}

/* 악보신청목록 */
#request > ul.request_list > li {padding:15px 8px; border-bottom:1px solid #e6e6e6;}
#request > ul.request_list > li:first-child {border-top:1px solid #e6e6e6;}
#request > ul.request_list > li span.no {display:block; float:left; width:50px;}
#request > ul.request_list > li .subject {padding-left:50px;}
#request > ul.request_list > li .subject p + p {padding-top:5px;}
#request > ul.request_list > li .subject p.no {margin-top:1px;}
#request > ul.request_list > li .subject p span {display:inline-block; padding-left:10px; background-repeat:no-repeat; background-position:left; background-size:8px 6px;}
#request > ul.request_list > li .subject p span.request {background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/mypage/request_request.png');}
#request > ul.request_list > li .subject p span.complete {background-image:url('https://www.musicbook.co.kr/_skin/musicbook_260622/img/mypage/request_complete.png');}
#request .box_btn {margin-top:30px;}
#request .box_btn * {font-size:1.167rem;}

/* 크루소개 */
#crew {letter-spacing:-0.02rem;}
#crew .sub_title h3 {font-size:1.25rem; font-weight:700;}
#crew .sub_title p {padding-top:10px;}
#crew .support .info {margin-top:25px; padding:17px 15px; border:1px solid #e5e5e5;}
#crew .support .info li + li {padding-top:20px;}
#crew .support .info dt {padding-bottom:10px; font-size:1.083rem; font-weight:700;}
#crew .support .info dd {position:relative; color:#999;}
#crew .support .info dd.dot {padding-left:8px;}
#crew .support .info dd.dot::before {position:absolute; top:7px; left:0; content:''; width:3px; height:3px; border-radius:50%; background-color:#999;}
#crew .crew_list {padding-top:45px;}
#crew .crew_list .list {margin-top:38px; border-top:1px solid #222;}
#crew .crew_list .list > li {padding:16px 0 20px; border-bottom:1px solid #e6e6e6;}
#crew .crew_list .list > li .inner {position:relative;}
#crew .crew_list .list > li .inner .img {position:absolute; top:2px; left:0; width:90px; height:120px;}
#crew .crew_list .list > li .inner .img img {width:100%; height:auto;}
#crew .crew_list .list > li .inner .info {padding-left:105px;}
#crew .crew_list .list > li .inner .info h5 {padding-bottom:4px; font-size:1.083rem; font-weight:700;}
#crew .crew_list .list > li .inner .info li {position:relative; margin-top:7px;}
#crew .crew_list .box_btn {margin-top:30px;}

/* 소득공제 레이어 */
 #deducation_popup {position:fixed; top:10%; z-index:10; width: 520px; background:#f2f2f2; display: none; }
 #deducation_popup .deducation_box {padding: 20px; font-size: 13px; }
 #deducation_popup .deducation_box div {padding: 10px 0px; }
 #deducation_popup .deducation_box div img {}
 #deducation_popup .deducation_box p {font-size: 18px; font-weight: bold; }
 #deducation_popup .deducation_box .deducation_btn {border: 1px solid #666; width: 100px; padding: 5px; background: #fff; text-align: center; margin: 20px auto 0px auto; cursor: pointer; }