div.shop_content ul{
	list-style: none;
}
div.item_top{
	width:1200px;
	margin:0 auto;
	overflow: hidden;
	border-bottom: 1px solid #f5f5f5;
}
div.item_top_left{
	float:left;
	width: 560px;
	height: 550px;
	/* border-bottom:1px solid #f5f5f5; */
	text-align:center;
	padding: 30px 20px;
}
div.item_top_right{
	float:left;
	width: 500px;
	min-height: 550px;
	/* border:1px solid gray; */
	padding: 30px 50px;
	background:#f9f9f9;
	border-bottom:1px solid #f5f5f5;
}
div.shop_content div.cover{
	width: 450px;
	height: 450px;
	margin: 0 auto;
	margin-bottom:10px;
}
div.shop_content ul{
	list-style: none;
}
img.cover{
	width: 100%;
	max-height: 100%;
	object-fit: cover;
}
img.thum_s{
	max-width: 80px;
	max-height: 80px;
	object-fit: cover;
}

div.item_title{
	font-size:16px;
	font-weight:700;
}
div.item_price{
	font-size:25px;
	text-align:right;
}
div.item_price strong{
	color:#c10000;
}
div.item_derivery_method{
	margin-top:30px;
}
div.item_th{
	font-size:13px;
	margin:8px 0;
	font-weight: bold;
}
div.item_td{
	display:inline-block;
	font-size:14px;
	margin:8px 0;
}
input.delivery_method{
	display:none;
}
label.delivery_method{
	padding:3px 10px;
	border:1px solid #ccc;
	cursor:pointer;
	background:#fff;
}
label.delivery_method.selected{
	border-color:#000;
}
input.item_qty{
	padding:2px;
	padding-left:10px;
	height:25px;
	width:70px;
}
input.item_qty::-webkit-inner-spin-button, 
input.item_qty::-webkit-outer-spin-button {  
	opacity: 1;
	transform: scale(1.2);
	display: none;
}
span.plus_minus button{
	padding: 1px 5px;
	font-size: 15px;
	cursor:pointer;
	border: 1px solid #d4d4d4;
	vertical-align: middle;
	border-radius: 5px;
	margin-left: 5px;
}
div.option_item{
	display:block;
}
select.select_item{
	padding:2px;
	height:30px;
	width:100%;
	font-size:13px;
}
div.select_qty{
	display: none;
}
button.select_qty{
	margin-left: 20px;
	padding: 3px 17px;
	background:#ffffff;
	border:1px solid gray;
	cursor:pointer;
}
div.selected_item{
	padding:10px;
	border:1px dotted #cbcbcb;
	background:#ffffff;
	overflow:hidden;
	margin-bottom:10px;
}
div.selected_item_top{
	padding-bottom:5px;
	border-bottom:1px solid #cbcbcb;
	font-size: 13px;
}
div.selected_item_bottom{
	/* position:relative; */
	padding-top:10px;
}
div.selected_item_qty{
	width:49%;
	display:inline-block;
	/* float:left; */
}
input.selected_item_qty{
	padding: 2px 2px 2px 10px;
	width:50px;
	vertical-align: middle;
	font-size: 13px;
}
span.selected_add_item_price{
	font-size: 13px;
}
.selected_item_price strong{
	font-size: 13px;
}
input.selected_item_qty::-webkit-inner-spin-button, 
input.selected_item_qty::-webkit-outer-spin-button {  
	-webkit-appearance: none;
	margin: 0;
	-moz-appearance:textfield;
}
div.selected_item_qty button{
	padding: 2px 5px;
	font-size: 12px;
	cursor:pointer;
	border: 1px solid #ccc;
	vertical-align: middle;
	border-radius: 50%;
	margin-left: 5px;
	color: #949494;
}
div.selected_item_area{
	margin-top:20px;
}
div.selected_item_price{
	/* position:absolute; */
	width:50%;
	display:inline-block;
	text-align:right;
	/* float:right; */
	font-size: 17px;
}
div.item_total{
	margin-top:20px;
}
div.item_total_price{
	text-align:right;
	font-size:18px;
	color:gray;
	font-weight: bold;
}
div.item_total_price strong{
	margin-left:20px;
	font-size:25px;
	color:black;
}
div.checkout_area{
	margin-top: 30px;
}
div.checkout_area button{
	width: 245px;
	height: 50px;
	font-size: 22px;
	cursor: pointer;
	border-radius: 3px;
}
button.cart{
	border: 1px solid #cbcbcb;
	background: #ffffff;
	margin-right: 5px;
	color: #424242;
}
button.buy{
	border: 1px solid #cbcbcb;
	background: #2a8aff;
	color: #ffffff;
}
div.item_body{
	/* text-align:center; */
	max-width: 1200px;
	margin: 20px auto;
}
div.item_body p{
	font-size: 15px;
}
div.item_body img{
	max-width: 100%;
}

div.option_item{
	display:block;
}
select.select_option_item{
	padding:2px;
	height:30px;
	width:100%;
	font-size:13px;
}
input.option_item_qty{
	padding:2px;
	padding-left:10px;
	height:25px;
	width:70px;
}
button.select_option_qty{
	margin-left: 20px;
	padding: 3px 17px;
	background:#ffffff;
	border:1px solid gray;
	cursor:pointer;
}

input[name=option_item_qty]::-webkit-inner-spin-button, 
input[name=option_item_qty]::-webkit-outer-spin-button {  
    -webkit-appearance: none;
    margin: 0;
}

div.additional_item{
	display:block;
}
select.select_additional_item{
	padding:2px;
	height:30px;
	width:100%;
	font-size:13px;
}
input.additional_item_qty{
	padding:2px;
	padding-left:10px;
	height:25px;
	width:70px;
}
button.select_additional_qty{
	margin-left: 20px;
	padding: 3px 17px;
	background:#ffffff;
	border:1px solid gray;
	cursor:pointer;
}

input[name=additional_item_qty]::-webkit-inner-spin-button, 
input[name=additional_item_qty]::-webkit-outer-spin-button {  
    -webkit-appearance: none;
    margin: 0;
}

div.item_body_head{
	padding:13px 0;
	clear:both;
	background:#e6e6e6;
	text-align:center;
}
div.item_body_head div{
	display:inline-block;
	color:#ffffff;
	font-size: 20px;
	padding: 5px 15px;
	position: relative;
	left: -170px;
	background: #989898;
	margin-right: 10px;
	border-radius: 15px;
	cursor:pointer;
}

div.item_etc_info{
	/* max-width: 1440px; */
	margin: 0 auto;
	margin-top:10px;
	margin-bottom:150px;
	font-size:17px;
}
div.item_etc_info_title{
	font-size:20px;
	color:#353535;
	padding-left: 10px;
	padding-bottom:10px;
}
div.item_etc_info .divTable{
	width: 100%;
	margin-bottom: 30px;
}
div.item_etc_info .divTableBody{
	border-top:1px solid #bdbdbd;
	border-bottom:1px solid #bdbdbd;
}
div.item_etc_info .divTableCell{
	padding: 10px;
	padding-left:20px;
	border-bottom:1px solid #e6e6e6;
}
div.item_etc_info .divth{
	width:20%;
	min-width: 90px;
	background:#EEE;
	font-size: 13px;
}
div.item_etc_info .divtd{
	font-size: 13px;
}
tr.item_qna_answer{
	display:none;
	background:#f1f1f1;
}
tr.item_qna_answer td{
	padding:25px 0;
}
td.item_qna_answer{
	text-align:center;
	color: #ff0000;
	font-size: 25px;
	font-weight: 700;
}
td.item_qna_answer_modify{
	text-align:center;
}
td.item_qna_answer_modify button{
	cursor:pointer;
	background:#ffffff;
	padding:4px 10px;
	border:1px solid #cbcbcb;
	border-radius:3px;
	margin:0 2px;
}

div.no_question{
	text-align:center;
	padding:15px 0!important;
	font-size: 13px;
	font-family: 'Noto Sans KR', sans-serif; 
	line-height: 1.3;
	/* color: #222; */
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

div.item_qna_pagination{
	text-align:center;
	margin-top:5px;
	font-size:14px;
}
div.item_qna_pagination a{
	text-decoration:none;
	color:#999;
	display:inline-block;
	min-width:12px;
	height:24px;
	line-height:24px;
	padding:0 6px;
	border:1px solid transparent;
	border-radius:2px;
	letter-spacing:-1px;
}
div.item_qna_pagination a.direction{
	margin:0 4px;
	color:#555;
	letter-spacing:0;
	font-weight:400
}
a.item_qna_pagination_strong{
	font-weight:700;
	background:#F9F9F9;
	border-color:#AAA!important;
	color:black!important;
}

div.item_review{
	/* max-width: 1440px; */
	margin: 0 auto;
	margin-top:10px;
	margin-bottom:150px;
}
div.item_review_title{
	font-size:20px;
	color:#353535;
	padding-left: 10px;
	padding-bottom:10px;
	/* margin-bottom:10px; */
	/* border-bottom:1px solid #b5b5b5; */
}
div.item_review_area_no_item{
	text-align:center;
	padding:15px 0!important;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	font-size: 13px;
}
div#content{
	max-width: 1440px;
	margin: 0 auto;
}

.cont-table *{
    font-size: 13px;
    font-weight: 400;
}
div.goto_top{
	position: fixed;
	right:10px;
	bottom:10px;
	text-align: center;
	vertical-align: middle;
}
div.goto_top *{
	font-size: 14px;
	color: #fff;
	line-height: 13px;
	cursor: pointer;
}
button.goto_top{
	width: 45px;
	height: 45px;
	position: relative;
	top: -1px;
	border-radius: 5px;
	background-color: #6c6c6c;
}
div.soldout{
	text-align: center;
	font-size: 35px;
	font-weight: 700;
	color: gray;
	margin-top: 100px;
}
li.goto_scroll{
	min-width: 100px;
}
ul.thumb_list{
	padding: 0;
	display: flex;
	gap: 10px;
	width: 620px;
}
div.additional_items{
	margin-top: 10px;
}
div.title_area{
	margin-bottom: 30px;
}
div.title_area h4{
	font-size: 15px;
	font-weight: 400;
	color: gray;
}
div.content_notice{
	padding: 20px 0;
}
@media (max-width:768px){
	span.item_qna_content{
		width: auto!important;
	}
	div.item_etc_info div.divTableBody{
		font-size: 13px;
	}
	ul.clear.middle_bar{
		display: flex;
	}
	div.item_review_area_no_item{
		font-size: 13px;
	}
	table.item_qna th{
		font-size: 13px;
	}
	table.item_qna td{
		font-size: 13px;
	}
	a.item_qna_inquiry{
		font-size: 13px;
	}
	div.no_question{
		font-size: 13px;
	}
	div.item_etc_info .divth{
		font-size: 13px;
		width: 40%;
	}
	div.item_etc_info .divtd{
		font-size: 13px;
	}
	div.item_etc_info{
		margin-bottom: 50px;
	}

  	/* �ӽ� */
	  div.sc01-wrap{
		overflow:hidden!important;
	}
	.article-full{
		padding: 5px!important;
	}
	div.goto_top{
		bottom: 90px;
	}
	ul.thumb_list{
		width: 100%;
	}
	ul.thumb_list li{
		width: calc(100% / 5 - 4px)!important;
	}
}


.main-container {
	max-width: 1440px;
	margin: 0 auto;
	padding: 40px 20px;
	display: flex;
	gap: 60px;
}

/* 왼쪽 이미지 영역 */
.image-section {
	flex: 0 0 600px;
	position: sticky;
	top: 40px;
	height: fit-content;
}

.main-image {
	width: 100%;
	height: 600px;
	max-width: 600px;
	background: linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%);
	border-radius: 12px;
	overflow: hidden;
	position: relative;
	box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

.main-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.image-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #9ca3af;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="100" height="100" fill="%23f0f0f0"/><path d="M30 40 L50 25 L70 40 L70 65 L50 80 L30 65 Z" fill="%23e0e0e0"/><circle cx="50" cy="45" r="8" fill="%23d0d0d0"/><text x="50" y="90" text-anchor="middle" fill="%23999" font-size="8">COFFEE</text></svg>') center/200px no-repeat;
}

.thumbnail-list {
	display: flex;
	gap: 12px;
	margin-top: 20px;
}

.thumbnail {
	width: 80px;
	height: 80px;
	background: #f5f5f5;
	border-radius: 8px;
	cursor: pointer;
	overflow: hidden;
	border: 2px solid transparent;
	transition: all 0.2s;
	display: block;
}

.thumbnail:hover {
	border-color: #3b82f6;
}

.thumbnail.active {
	border-color: #2563eb;
}

/* 오른쪽 컨텐츠 영역 */
.content-section {
	flex: 1;
	min-width: 0;
}

/* 헤더 섹션 */
.header-section {
	padding-bottom: 24px;
	border-bottom: 1px solid #e5e7eb;
	margin-bottom: 32px;
}

h1 {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 12px;
	color: #111827;
	letter-spacing: -0.5px;
	line-height: 1.2;
}

.price-info {
	font-size: 20px;
	color: #6b7280;
	font-weight: 500;
}

/* 상품 상세 정보 섹션 */
.product-details {
	background: #fafbfc;
	padding: 28px;
	border-radius: 12px;
	margin-bottom: 32px;
	border: 1px solid #e5e7eb;
}

.detail-row {
	display: flex;
	padding: 14px 0;
	font-size: 15px;
	border-bottom: 1px solid #e5e7eb;
}

.detail-row:last-child {
	border-bottom: none;
}

.detail-label {
	width: 140px;
	color: #6b7280;
	font-weight: 500;
}

.detail-value {
	flex: 1;
	color: #1f2937;
	font-weight: 400;
}

.detail-value > .strike {
	text-decoration: line-through;
	color: #9ca3af;
	margin-right: 16px;
}

.detail-value.price-special {
	display: flex;
	align-items: center;
	gap: 12px;
}

.sale-price {
	color: #dc2626;
	font-weight: 700;
	font-size: 18px;
}

/* 옵션 선택 섹션 */
.option-section {
	margin-bottom: 32px;
}

.section-title {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 12px;
	color: #111827;
	display: flex;
	align-items: center;
}

.section-title::before,.input_option_area_header_title::before {
	content: '';
	width: 3px;
	height: 16px;
	background: #3b82f6;
	margin-right: 10px;
	border-radius: 2px;
	display: inline-block;
}

.select-wrapper {
	margin-bottom: 24px;
}

select {
	width: 100%;
	padding: 14px 16px;
	border: 1px solid #d1d5db;
	border-radius: 8px;
	font-size: 15px;
	font-family: 'Pretendard', sans-serif;
	background-color: #fff;
	cursor: pointer;
	transition: all 0.2s;
}

select:hover {
	border-color: #3b82f6;
}

select:focus {
	outline: none;
	border-color: #3b82f6;
	box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* 선택된 옵션 아이템 */
.selected-options {
	margin-bottom: 32px;
}

.option-item {
	background: #f9fafb;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 18px;
	margin-bottom: 12px;
	transition: all 0.2s;
}

.option-item:hover {
	border-color: #9ca3af;
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.option-name {
	font-size: 14px;
	margin-bottom: 12px;
	color: #1f2937;
	font-weight: 600;
}

.quantity-control {
	display: flex;
	align-items: center;
	gap: 16px;
}

.quantity-wrapper {
	display: flex;
	align-items: center;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	overflow: hidden;
	background: #ffffff;
}

.quantity-btn {
	width: 36px;
	height: 36px;
	border: none;
	background-color: #fff;
	cursor: pointer;
	font-size: 18px;
	color: #6b7280;
	transition: all 0.2s;
	font-weight: 600;
}

.quantity-btn:hover {
	background-color: #f3f4f6;
}

.quantity-input {
	width: 60px;
	height: 36px;
	border: none;
	border-left: 1px solid #e5e7eb;
	border-right: 1px solid #e5e7eb;
	text-align: center;
	font-size: 15px;
	font-family: 'Pretendard', sans-serif;
	font-weight: 600;
}

.option-price {
	font-size: 15px;
	color: #1f2937;
	font-weight: 700;
}

.close-btn {
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #9ca3af;
	cursor: pointer;
	transition: all 0.2s;
	border-radius: 50%;
	margin-left: auto;
}

.close-btn:hover {
	background-color: #fef2f2;
	color: #dc2626;
}

/* 합계 섹션 */
.total-section {
	background: #1f2937;
	padding: 24px 28px;
	border-radius: 10px;
	margin-bottom: 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.total-label {
	font-size: 16px;
	color: #94a3b8;
	font-weight: 500;
}

.total-price {
	font-size: 28px;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: -0.5px;
}

/* 버튼 그룹 */
.button-group {
	display: flex;
	gap: 12px;
}

div.button-group > button.btn {
	flex: 1;
	padding: 18px!important;
	font-size: 16px;
	font-weight: 600;
	border: none;
	border-radius: 10px;
	cursor: pointer;
	transition: all 0.2s;
	font-family: 'Pretendard', sans-serif;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

div.button-group > button.btn.btn-cart {
	background: #ffffff;
	border: 2px solid #d1d5db;
	color: #374151;
}

div.button-group > button.btn.btn-cart:hover {
	background: #f9fafb;
	border-color: #6b7280;
}

div.button-group > button.btn.btn-buy {
	background: #3b82f6;
	color: #ffffff;
}

div.button-group > button.btn.btn-buy:hover {
	background: #2563eb;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
}

/* 반응형 */
@media (max-width: 1200px) {
	.main-container {
		flex-direction: column;
	}
	
	.image-section {
		flex: none;
		width: 100%;
		position: static;
	}
	
	.main-image {
		height: 400px;
		width: 100%;
		max-width: 100%;
	}
}

@media (max-width: 768px) {
	.main-container {
		padding: 20px;
	}
	
	h1 {
		font-size: 28px;
	}
	
	.detail-row {
		flex-direction: column;
		gap: 8px;
	}
	
	.button-group {
		flex-direction: column;
	}
}