

/* 검색 시작 */

#sectionSearch_Header .blocks { width: 500px; margin-left: auto; margin-right: auto; }
#sectionSearch_Header .blocks .block { margin: 2rem 0; }
#sectionSearch_Header .blocks .block.search .searchbox { display: flex; justify-content: space-between; align-items: center; padding: 0.5rem; border-bottom: 1px solid var(--color-text); }
#sectionSearch_Header .blocks .block.search .searchbox input { width: 90%; font-size: 1.5rem; background-color: transparent; border: 0; outline: 0; }
#sectionSearch_Header .blocks .block.search .searchbox input::placeholder { color: var(--color-text); }
#sectionSearch_Header .blocks .block.search .searchbox i { font-size: 1.5rem; cursor: pointer; }
#sectionSearch_Header .blocks .block .title { margin-bottom: 0.5rem; font-size: 1.1rem; font-weight: 700; }
#sectionSearch_Header .blocks .block.recommend .list { display: flex; flex-wrap: wrap; gap: 0.5rem;}
#sectionSearch_Header .blocks .block.recommend .list .item { padding: 0.5rem 1rem; font-size: 0.9rem; font-weight: 500; color: #fff; background-color: var(--color-gray-dark); border-radius:  10rem; cursor: pointer; transition: 0.4s; }
#sectionSearch_Header .blocks .block.recommend .list .item:hover { background-color: var(--color-gray); }
#sectionSearch_Header .blocks .block.recent .list { display: flex; flex-wrap: wrap; gap: 0.5rem;}
#sectionSearch_Header .blocks .block.recent .list .item { padding: 0.5rem 1rem; font-size: 0.9rem; font-weight: 500; background-color: #fff; border: 1px solid var(--color-gray-light); border-radius:  10rem; cursor: pointer; transition: 0.4s; }
#sectionSearch_Header .blocks .block.recent .list .item:hover { background-color: var(--color-background-xdark); }
#sectionSearch_Header .blocks .block.recent .list .item i { margin-right: 0.25rem; }
/*md*/ @media (max-width: 991px) {
    #sectionSearch_Header .blocks { width: 400px; }
}
/*md*/ @media (max-width: 767px) {
    #sectionSearch_Header .blocks { width: 350px; }
}
/*sm*/ @media (max-width: 575px) {
    #sectionSearch_Header .blocks { width: 80%; }
}


.search_category .resultcount { margin-left: 0.5rem; font-size: 1rem; font-weight: 500; }

.search_blank { height: 200px; }

/* 검색 끝 */











/* 목록페이지 공통 시작 */

.category-area ~ .category-area { margin-top: 0.5rem; }
.category-area .category-list { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 0.25rem; padding: 0; margin-bottom: 0; list-style: none; }
.category-area .category-list li { flex-grow: 1; display: inline-block; padding: 0.5rem 0; text-align: center; border: 1px solid var(--color-gray-light); border-radius: 0.25rem; white-space: nowrap; cursor: pointer; transition:all 0.4s; }
.category-area .category-list li:last-child { margin-right: 0; }
.category-area .category-list li:hover { color: var(--color-main); border-color: var(--color-main); }
.category-area .category-list li.active { color: #fff; background-color: var(--color-main); border: 1px solid var(--color-main); }
.category-area .category-list.category-list-big li { font-size: 1.15rem; font-weight: 500; }
.category-area .category-list.category-list-small li { padding: 0.3rem 0; font-size: 0.9rem; font-weight: 400; }
.category-area .category-list.category-list-small li.active { background-color: var(--color-main-light); border-color: var(--color-main-light); }
/*sm*/ @media (max-width: 575px) {
    .category-area .category-list li { padding: 0.25rem 0; font-size: 0.9rem; }
    .category-area .category-list.category-list-small li { font-size: 0.8rem; }
}

.product-area .product-order { text-align: right; margin-bottom: 0.75rem; }
.product-area .product-order select { display: inline-block; width: 10rem; padding: 1rem 1.75rem 1rem 1rem; border: 1px solid var(--color-gray-light); cursor: pointer; }
.product-area .product-notice { margin-bottom: 0.75rem; }
.product-area .product-list { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1rem; }
.product-area .product-list .product-tile { position:relative; padding-bottom: 0.5rem; background-color: #fff; border: 1px solid var(--color-gray-light); cursor: pointer; overflow: hidden; transition: all 0.4s; }
.product-area .product-list .product-tile:hover { transform: translateY(-0.2rem); opacity: 0.8; box-shadow: 4px 12px 30px 6px rgb(0 0 0 / 9%); }
.product-area .product-list .product-tile .thumb { width: 100%; }
.product-area .product-list .product-tile .title { padding: 0.5rem 0.75rem 0 0.75rem; margin-bottom:0.25rem; font-weight: 500; overflow-wrap: anywhere; /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */ }
.product-area .product-list .product-tile .description { padding: 0 0.75rem; margin-bottom: 0.5rem; color: var(--color-text-light); font-size: 0.8rem; }
.product-area .product-list .product-tile .icon { padding: 0 0.75rem; }
.product-area .product-list .product-tile .icon .badge { margin-bottom: 0.25rem; color: var(--color-main-dark); background-color: #fff; border: 1px solid var(--color-main-dark); }
.product-area .product-list .product-tile .blank { height: 45px; }
.product-area .product-list .product-tile .blank-45 { height: 45px; }
.product-area .product-list .product-tile .blank-65 { height: 65px; }
.product-area .product-list .product-tile .price .text { margin: 0; line-height: 1; }
.product-area .product-list .product-tile .price { position: absolute; bottom:0; padding: 0 0.75rem 0.5rem 0.75rem; }
.product-area .product-list .product-tile .price .price-sell { margin-right: 0.5rem; font-size: 1.25rem; font-weight: 700; }
.product-area .product-list .product-tile .price .price-origin { margin-right: 0.25rem; font-size: 0.8rem; color: var(--color-gray); text-decoration: line-through; }
.product-area .product-list .product-tile .price .price-per { font-size: 1rem; font-weight: 500; color: var(--color-main-light); }
.product-area .product-list .product-tile .price .nostartdate { margin: 0; font-weight: 700; }
.product-area .product-list .product-tile .hovermask { display: flex; justify-content: center; align-items: center; flex-direction: column;  position: absolute; top: 100%; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); visibility: hidden; opacity: 0; transition: all 0.4s; }
.product-area .product-list .product-tile:hover .hovermask { top: 0; visibility: visible; opacity: 1; }
.product-area .product-list .product-tile .hovermask button { margin: 0.25rem 0; }

.product-area .product-loadmore { display: none; text-align: center; }
.product-area .product-loadmore .dotdotdot { display: block; margin: 1rem 0; }
.product-area .product-loadmore button { width: 100%; max-width: 500px; padding: 1rem; border-radius: 2rem; }
.product-area .product-loadmore button .count { font-size: 1rem; margin-left: 0.25rem; }
/*xl*/ @media (max-width: 1199px) {
    .product-area .product-list { grid-template-columns: repeat(3, 1fr); }
}
/*lg*/ @media (max-width: 991px) {
    .product-area .product-list { grid-template-columns: repeat(2, 1fr); }
}
/*sm*/ @media (max-width: 575px) {
    .product-area .product-list { grid-gap: 0.5rem; }
    .product-area .product-list .product-tile .title { padding: 0.7rem 0.5rem 0 0.5rem; }
    .product-area .product-list .product-tile .description { padding: 0 0.5rem; }
    .product-area .product-list .product-tile .icon { padding: 0 0.5rem; }
    .product-area .product-list .product-tile .price { padding: 0.7rem 0.5rem; }
    .product-area .product-list .product-tile .price .price-origin { display: none; }
    
}

/* 목록페이지 공통 끝 */









/* 상세페이지 공통 .productview-header-area 시작 */

.productview-header-area { display: flex; flex-wrap: wrap; margin-bottom: var(--section-margin); padding: 2rem; background-color: #fff; border: 1px solid var(--color-gray-light); }
.productview-header-area .left { width: 45%; }
.productview-header-area .right { position: relative; width: 55%; padding-left: 1rem; }
.productview-header-area .right .buttons-top { margin-bottom: 2rem; }
.productview-header-area .right .primary { margin-bottom: 2rem; }
.productview-header-area .right .primary .product-name { font-size: 1.75rem; font-weight: 700; line-height: 1.2; letter-spacing: -1.5px; }
.productview-header-area .right .primary .product-shortintro { margin-top: 1rem; font-size: 1.1rem; font-weight: 500; line-height: 1.2; }
.productview-header-area .right .primary .badges { margin-top: 1rem; }
.productview-header-area .right .primary .badges .badge { font-size: 0.9rem; font-weight: 500; background-color: var(--color-main-dark); }
.productview-header-area .right .product-point {  }
.productview-header-area .right .product-point .table {  }
.productview-header-area .right .product-point .table th { width: 100px; text-align: center; font-weight: 500; background-color: var(--color-background); }
.productview-header-area .right .product-point .table td { overflow-wrap: anywhere; }
.productview-header-area .right .product-point .table > :not(caption) > * > * { white-space: pre-wrap; font-size: 1rem; border-width: 1px 0; }
.productview-header-area .right .admin-area { display: none; margin-top: 3rem; padding: 1rem; color: var(--color-text-light); background-color: var(--color-background-light); border: 1px dashed var(--color-gray-light); border-radius: 1rem; }
.productview-header-area .right .admin-area .admin-header { margin-bottom: 0.5rem; font-weight: 500; }
.productview-header-area .right .admin-area .admin-body .admin-memo { margin-bottom: 0.5rem; line-height: 1.2; font-size: 0.9rem; white-space: pre-wrap; overflow-wrap: anywhere; }
.productview-header-area .right .admin-area .admin-body .admin-buttons { }
.productview-header-area .right .spacer { height: 80px; }
.productview-header-area .right .buttons-bottom { position: absolute; bottom: 0; right: 0; }
/*md*/ @media (max-width: 767px) {
    .productview-header-area { flex-wrap: wrap; padding: 1rem; }
    .productview-header-area .left { width: 100%; }
    .productview-header-area .right { width: 100%; padding: 1rem 0; }
}
/*sm*/ @media (max-width: 575px) {
    .productview-header-area { margin-bottom: var(--section-margin-sm); }
}

/* 상세페이지 공통 .productview-header-area 끝 */









/* 상세페이지 공통 .productview-body 시작 */

.productview-body { display: flex; margin-bottom: var(--section-margin); background-color: #fff; border: 1px solid var(--color-gray-light); }
.productview-body .productview-body-left { flex: 1; }
.productview-body .productview-body-left .productview-content { padding: 2rem; }
.productview-body .productview-body-left .productview-content section { padding-bottom: var(--section-margin); border-bottom: 2px solid var(--color-gray-dark); }
.productview-body .productview-body-left .productview-content .productview-title { margin-bottom: 0.75rem; font-size: 1.5rem; font-weight: 700; }
.productview-body .productview-body-right { padding: 2rem; width: 350px; border-left: 1px solid var(--color-gray-light); }
/*xl*/ @media (max-width: 1199px) {
    .productview-body .productview-body-right { flex: 0; padding: 0; border-left: 0; }
}
/*md*/ @media (max-width: 767px) {
    .productview-body .productview-body-left .productview-content { padding: 1rem; }
}
/*sm*/ @media (max-width: 575px) {
    .productview-body { margin-bottom: var(--section-margin-sm); }
    .productview-body .productview-body-left section ~ section { padding-top: var(--section-margin-sm); }
}

/* 상세페이지 공통 .productview-body 끝 */








/* 상세페이지 공통 .productview-nav 시작 */

.productview-nav { position: sticky; width: 100%; background-color: var(--color-background-light); z-index: 5; }
.productview-nav .list { display: flex; justify-content: space-around; align-items: center; border-bottom: 1px solid var(--color-gray-light); }
.productview-nav .list .item { flex-grow: 1; display: none; padding: 0.5rem 0; text-align: center; font-size: 0.9rem; border-right: 1px solid var(--color-gray-light); cursor: pointer; transition: 0.4s; }
.productview-nav .list .item:hover { color: var(--color-main); }
.productview-nav .list .item.show { display: block; }
.productview-nav .list .item.show:last-child { border-right: 0; }
.productview-nav .list .underline { position: absolute; bottom: 0; height: 3px; background-color: var(--color-main); transition: 0.4s; }
/*xl*/ @media (max-width: 1199px) {
}
/*md*/ @media (max-width: 767px) {
    .productview-nav .list .item { border-right: 0; }
    .productview-nav .list .item .pc_only { display: none; }
}

/* 상세페이지 공통 .productview-nav 시작 */











/* 상세페이지 공통 productview-float 시작 */

.productview-float { position: sticky; top: 5rem; }
.productview-float .toggle_button { display: none; }
/*xl*/ @media (max-width: 1199px) {
    .productview-float { position: fixed; width: 90%; max-width: 400px; left: 50%; top: unset; bottom: 0; margin-left: auto; margin-right: auto; transform: translate(-50%, calc(100% - 0px /*20px*/)); z-index: 10; transition: 0.4s; }
    .productview-float .toggle_button { display: block; position: absolute; left: 50%; top: 2px; padding: 1rem 3rem; transform: translate(-50%, -100%); text-align: center; white-space: nowrap; color: #fff; font-size: 1.25rem; font-weight: 500; background-color: var(--color-main); border-top-left-radius: 1rem; border-top-right-radius: 1rem; box-shadow: 0 -5px 17px 3px rgb(0 0 0 / 27%); cursor: pointer; }
    .productview-float .toggle_button i { display: inline-block; margin-left: 0.5rem; -webkit-text-stroke-width: 1px; transition: 0.4s; }
    .productview-float .border_box { max-height: 60vh; overflow-y: auto; padding: 1.5rem; background-color: #fff; border: 3px solid var(--color-main); border-bottom: 0; border-top-left-radius: 1rem; border-top-right-radius: 1rem; box-shadow: 0 0 32px 10px rgb(0 0 0 / 21%); }
    .productview-float.show { transform: translate(-50%, 0); }
    .productview-float.show .toggle_button i { transform: rotate(180deg); }
}
/*md*/ @media (max-width: 767px) {
    .productview-float { margin-bottom: 70px; }
}

.productview-book-area {}
.productview-book-area .block ~ .block { margin-top: 1rem; }
.productview-book-area .datetime-area { flex-direction: column; padding-bottom: 1rem; border-bottom: 2px solid var(--color-gray-dark); }
.productview-book-area .datetime-area .body .title { padding-left: 1rem; font-size: 1.1rem; }
.productview-book-area .datetime-area .body .date { padding: 1rem 1rem; }
.productview-book-area .option-list {  }
.productview-book-area .option-list .option-item {  }
.productview-book-area .option-list .option-item ~ .option-item { margin-top: 1rem; padding-top: 1rem; border-top: 1px dashed var(--color-gray-light); }
.productview-book-area .option-list .option-item .name { line-height: 1.2; overflow-wrap: anywhere; font-size: 1.1rem; font-weight: 700; cursor: pointer; transition: 0.4s; }
.productview-book-area .option-list .option-item .name:hover { opacity: 0.7; }
.productview-book-area .option-list .option-item .name i { margin-left:0.5rem; vertical-align: middle; font-size: 0.75rem; }
.productview-book-area .option-list .option-item .shortdesc { margin-top: 0.5rem; line-height: 1.2; overflow-wrap: anywhere; font-size: 0.9rem; color: var(--color-text-light); }
.productview-book-area .option-list .option-item .calculator { margin-top: 0.5rem; }
.productview-book-area .option-list .option-item .calculator .priceexist_true { display: flex; justify-content: space-between; align-items: center; }
.productview-book-area .option-list .option-item .calculator .priceexist_true .price { line-height: 1.2; }
.productview-book-area .option-list .option-item .calculator .priceexist_true .price .price-origin { margin-right: 0.25rem; font-size: 0.75rem; font-weight: 400; color: var(--color-gray); text-decoration: line-through; }
.productview-book-area .option-list .option-item .calculator .priceexist_true .price .price-per { font-size: 0.9rem; font-weight: 500; color: var(--color-main-light); }
.productview-book-area .option-list .option-item .calculator .priceexist_true .price .price-sell { font-weight: 500; }
.productview-book-area .option-list .option-item .calculator .priceexist_true .count { display: flex; justify-content: flex-end; align-items: center; }
.productview-book-area .option-list .option-item .calculator .priceexist_true .count .input-group { flex-wrap: nowrap; width: auto; }
.productview-book-area .option-list .option-item .calculator .priceexist_true .count .input-group button { padding: 0 0.5rem; }
.productview-book-area .option-list .option-item .calculator .priceexist_true .count .input-group input { width: 40px; padding: 0; text-align: center; font-size: 1.25rem; background-color: #fff; border-color: var(--color-gray-dark); }
.productview-book-area .option-list .option-item .calculator .priceexist_true .count .input-group button i { margin: 0; -webkit-text-stroke: 1px; }
.productview-book-area .option-list .option-item .calculator .priceexist_true .count .unit { margin-left: 0.5rem; font-weight: 500; }
.productview-book-area .option-list .option-item .calculator .priceexist_false { text-align: right; font-weight: 500; }
.productview-book-area .totalprice { padding-top: 0.5rem; text-align: right; border-top: 2px solid var(--color-gray-dark); }
.productview-book-area .totalprice .text { margin-right: 0.5rem; font-weight: 500; }
.productview-book-area .totalprice .price { font-size: 1.4rem; font-weight: 700; color: var(--color-main); }
.productview-book-area .buttons { text-align: right; }

.productview-question-area {  }
.productview-question-area .list { display: flex; flex-direction: column; align-items: flex-end; }
.productview-question-area .list .item { width: 100%; max-width: 300px; margin-bottom: 0.75rem; }
.productview-question-area .list .item .inputlength { text-align: right; font-size: 0.75rem; color: var(--color-text-light); }

/* 상세페이지 공통 productview-float 끝 */
















/* 상세페이지 공통 .productview-option-area 시작 */

.productview-option-area {}
.productview-option-area .option-list {}
.productview-option-area .option-list .option-item { border: 1px solid var(--color-gray-light); border-radius: 0.25rem; overflow: hidden; }
.productview-option-area .option-list .option-item ~ .option-item { margin-top: 1rem; }
.productview-option-area .option-list .option-item .header { padding: 1rem; background-color: var(--color-background-dark); }
.productview-option-area .option-list .option-item .header .name { font-size: 1.25rem; font-weight: 700; }
.productview-option-area .option-list .option-item .header .shortdesc {  }
.productview-option-area .option-list .option-item .body { display: flex; gap: 1rem; padding: 1rem; border-top: 1px solid var(--color-gray-light); }
.productview-option-area .option-list .option-item .body .left { width: 40%; }
.productview-option-area .option-list .option-item .body .right { flex: 1; }
.productview-option-area .option-list .option-item .body .right .detail .table {  }
.productview-option-area .option-list .option-item .body .right .detail .table th { width: 100px; text-align: center; font-weight: 500; background-color: var(--color-background); }
.productview-option-area .option-list .option-item .body .right .detail .table td { overflow-wrap: anywhere; }
.productview-option-area .option-list .option-item .body .right .detail .table > :not(caption) > * > * { white-space: pre-wrap; font-size: 1rem; border-width: 1px 0; }
/*lg*/ @media (max-width: 991px) {
}
/*md*/ @media (max-width: 767px) {
    .productview-option-area .option-list .option-item .body { display: block; }
    .productview-option-area .option-list .option-item .body .left { width: 100%; }
}
/*sm*/ @media (max-width: 575px) {
    .productview-option-area .option-list .option-item .body .right .detail .table > :not(caption) > * > * { font-size: 0.9rem; }
}

/* 상세페이지 공통 .productview-option-area 끝 */









/* 상세페이지 공통 .productview-summary-area 시작 */

.productview-summary-area .card { height: 100%; }
.productview-summary-area .card .card-header { font-size: 1.25rem; font-weight: 700; }
.productview-summary-area .card .card-header i { margin-right: 0.5rem; }
.productview-summary-area .card .card-body .list { }
.productview-summary-area .card .card-body .list .item { display: flex; gap: 0.25rem; white-space: pre-wrap; overflow-wrap: anywhere; }
.productview-summary-area .card .card-body .list .item ~ .item { margin-top: 0.25rem; }

.productview-summary-area .attachmentlist { flex: 1; display: flex; flex-wrap: wrap; gap: 1rem 0.5rem; white-space: unset; }
.productview-summary-area .attachmentlist .file { width: 90px; overflow-wrap: anywhere; }
.productview-summary-area .attachmentlist .file a { display: flex; flex-direction: column; align-items: center; gap: 0.4rem; text-align: center; line-height: 110%; font-size: 0.9rem; }
.productview-summary-area .attachmentlist .file .file-icon { width: 40px; }
.productview-summary-area .attachmentlist .file .file-name { font-size: 0.85rem; }
/*md*/ @media (max-width: 767px) {
    .productview-summary-area .attachmentlist .file { width: 60px; }
    .productview-summary-area .attachmentlist .file .file-icon { width: 30px; }
}

/* 상세페이지 공통 .productview-summary-area 끝 */








/* 상세페이지 공통 .productview-schedule-area 시작 */

.productview-schedule-area .productview-title { display: flex; justify-content: space-between; }
.productview-schedule-area .day ~ .day { margin-top: 0.5rem; }
.productview-schedule-area .day .day-header { display: flex; background-color: var(--color-background-dark); border: 1px solid var(--color-gray-light); border-radius: 0.25rem; cursor: pointer; }
.productview-schedule-area .day .day-header:after { align-self: center; content: ""; width: 1.25rem; height: 1.25rem; margin: 0 1rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform 0.2s ease-in-out; }
.productview-schedule-area .day .day-header:not(.collapsed):after { transform: rotate(180deg) }
.productview-schedule-area .day .day-header .day-header-left { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 120px; padding: 0.75rem 0; background-color: var(--color-background-xdark); border-right: 1px solid var(--color-gray-light); border-top-left-radius: inherit; border-bottom-left-radius: inherit; }
.productview-schedule-area .day .day-header .day-header-left .day-index { font-size: 1.25rem; font-weight: 700; }
.productview-schedule-area .day .day-header .day-header-left .day-date { line-height: 1; font-size: 0.8rem; }
.productview-schedule-area .day .day-header .day-header-right { flex: 1; display: flex; align-items: center; padding: 0.75rem; padding-right: 0; }
.productview-schedule-area .day .day-header .day-header-right .day-summary { font-size: 1.1rem; }
.productview-schedule-area .day .day-schedule { }
.productview-schedule-area .day .day-schedule .placelist { position: relative; margin: 1rem; }
.productview-schedule-area .day .day-schedule .placelist::before { content: ""; position: absolute; width: 1px; height: 100%; left: 0.475rem; border-left: 1px dashed var(--color-main-light); }
.productview-schedule-area .day .day-schedule .placelist .place { position: relative; }
.productview-schedule-area .day .day-schedule .placelist .place ~ .place { margin-top: 2rem; }
.productview-schedule-area .day .day-schedule .placelist .place:last-child { padding-bottom: 1rem; }
.productview-schedule-area .day .day-schedule .placelist .place.place-a .title { position: relative; display: flex; align-items: flex-start; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 1.1rem; font-weight: 500; }
.productview-schedule-area .day .day-schedule .placelist .place.place-a .title .pin { margin-right: 0.5rem; font-size: 1rem; color: var(--color-main-light); background-color: #fff; }
.productview-schedule-area .day .day-schedule .placelist .place.place-a .description { margin: 0.5rem 0 0 2rem; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 0.95rem; color: var(--color-text-light); }
.productview-schedule-area .day .day-schedule .placelist .place.place-a .photo { display: flex; flex-wrap: wrap; margin: 1rem 0 0 2rem; }
.productview-schedule-area .day .day-schedule .placelist .place.place-a .photo .tile { width: 16%; min-width: 85px; margin-right: 0.25rem; margin-bottom: 0.25rem; border: 1px solid var(--color-gray-light); border-radius: 1rem; overflow: hidden; cursor: pointer; }
.productview-schedule-area .day .day-schedule .placelist .place.place-b .content { margin-left: 2rem; padding: 1rem; background-color: #f7f7f7; border-radius: 1rem; }
.productview-schedule-area .day .day-schedule .hotel { display: flex; padding: 1rem; border-top: 1px solid var(--color-gray-light); }
.productview-schedule-area .day .day-schedule .hotel .icon { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 2rem; margin-right: 0.75rem; text-align: center; font-size: 0.8rem; }
.productview-schedule-area .day .day-schedule .hotel .icon i { font-size: 1.5rem; }
.productview-schedule-area .day .day-schedule .hotel .value .title { font-size: 1.25rem; white-space: pre-wrap; overflow-wrap: anywhere; font-weight: 700; }
.productview-schedule-area .day .day-schedule .hotel .value .description { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 0.95rem; color: var(--color-text-light); }
.productview-schedule-area .day .day-schedule .meal { display: flex; padding: 1rem; border-top: 1px solid var(--color-gray-light); }
.productview-schedule-area .day .day-schedule .meal .icon { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 2rem; margin-right: 0.75rem; text-align: center; white-space: nowrap; font-size: 0.8rem; }
.productview-schedule-area .day .day-schedule .meal .icon i { font-size: 1.5rem; }
.productview-schedule-area .day .day-schedule .meal .icon img { height: 1.5rem; }
.productview-schedule-area .day .day-schedule .meal .value { display: flex; flex-wrap: wrap; gap: 0 1rem; }
.productview-schedule-area .day .day-schedule .meal .value .line { display: flex; align-items: center; gap: 0.25rem; }
.productview-schedule-area .day .day-schedule .meal .value .line .title { font-size: 1.1rem; font-weight: 500; white-space: nowrap; }
.productview-schedule-area .day .day-schedule .meal .value .line .description { color: var(--color-text-light); white-space: nowrap; }
/*md*/ @media (max-width: 767px) {
    .productview-schedule-area .day .day-header:after { margin: 0 0.5rem; }
    .productview-schedule-area .day .day-header .day-header-left { width: 75px; padding: 0.5rem 0; }
    .productview-schedule-area .day .day-header .day-header-right { padding: 0.5rem; padding-right: 0; }
    .productview-schedule-area .day .day-header .day-header-right .day-summary { font-size: 0.9rem; }
    .productview-schedule-area .day .day-schedule .placelist .place .photo { flex-wrap: nowrap; overflow: auto; }
}
/*sm*/ @media (max-width: 575px) {
    .productview-schedule-area .day .day-schedule .placelist .place.place-a .photo { flex-wrap: nowrap; }
}

/* 상세페이지 공통 .productview-schedule-area 끝 */













/* 상세페이지 공통 .productview-tabinfo-area 시작 */

.productview-tabinfo-area .nav { margin-bottom: 1rem; }
.productview-tabinfo-area .tabinfo-content { display: flex; flex-wrap: wrap; gap: 1rem; }
.productview-tabinfo-area .tabinfo-content .left30 { width: 30%; }
.productview-tabinfo-area .tabinfo-content .left40 { width: 40%; }
.productview-tabinfo-area .tabinfo-content .right { flex: 1; }
.productview-tabinfo-area .tabinfo-content .right .listinfo { margin-bottom: 1rem; }
.productview-tabinfo-area .tabinfo-content .right .listinfo .line { display: flex; margin-bottom: 0.25rem; }
.productview-tabinfo-area .tabinfo-content .right .listinfo .line .header { width: 55px; }
.productview-tabinfo-area .tabinfo-content .right .listinfo .line .header .badge { font-size: 0.9rem; font-weight: 500; }
.productview-tabinfo-area .tabinfo-content .right .listinfo .line .value { flex: 1; }
.productview-tabinfo-area .tabinfo-content .right .description { white-space: pre-wrap; overflow-wrap: anywhere; }
.productview-tabinfo-area .tabinfo-content .bottom { flex: 0 0 100%; }
.productview-tabinfo-area .tabinfo-content .bottom .locationmap { margin-bottom: 0.25rem; }
.productview-tabinfo-area .tabinfo-content .bottom .locationmap iframe { width: 100%; height: 300px; }
/*md*/ @media (max-width: 767px) {
    .productview-tabinfo-area .tabinfo-content .left30 { width: 100%; }
    .productview-tabinfo-area .tabinfo-content .left40 { width: 100%; }
    .productview-tabinfo-area .tabinfo-content .right { width: 100%; }
}
/*sm*/ @media (max-width: 575px) {
    .productview-tabinfo-area .nav .nav-link { padding: 0.5rem; }
    .productview-tabinfo-area .tabinfo-content .bottom .locationmap iframe { height: 240px; }
}

/* 상세페이지 공통 .productview-tabinfo-area 끝 */








/* 상세페이지 공통 .productview-location-area 시작 */


.productview-location-area .locationtext { margin-bottom: 0.5rem; white-space: pre-wrap; overflow-wrap: anywhere; }
.productview-location-area .locationmap iframe { width: 100%; height: 400px; }
/*sm*/ @media (max-width: 575px) {
    .productview-location-area .locationmap iframe { height: 300px; }
}

/* 상세페이지 공통 .productview-location-area 끝 */









/* 상세페이지 공통 .productview-review-area 시작 */

.productview-review-area { border-bottom: 0 !important; }
.productview-review-area .productview-title { display: flex; justify-content: space-between; align-items: center; }
.productview-review-area .productview-title .more { font-size: 1rem; cursor: pointer; }
.productview-review-area .productview-title .more:hover { color: var(--color-main); }
.productview-review-area .productview-title .more i { margin-left: 0.25rem; -webkit-text-stroke: 1px; }
.productview-review-area table th { white-space: nowrap; }
.productview-review-area table tbody tr { cursor: pointer; }
.productview-review-area table tbody tr:hover { background-color: var(--color-background); }
.productview-review-area table tbody tr td.name { white-space: nowrap; }
.productview-review-area table tbody tr td.insertdate { white-space: nowrap; }
.productview-review-area table tbody tr td.title div { max-height: 1.5rem; overflow: hidden; position: relative; color: transparent; }
.productview-review-area table tbody tr td.title div::after { content: attr(data-text); position: absolute; top: 0; left: 0; right: 0; color: var(--color-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.productview-review-area table tbody tr td .thumb { width: 7rem; border-radius: 0.5rem; overflow: hidden; }
.productview-review-area table tbody tr td .thumb.noimage { position: relative; border: 1px solid var(--color-gray-light); }
.productview-review-area table tbody tr td .thumb.noimage i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 3rem; color: var(--color-gray-light); }
.productview-review-area table .count { text-align: right; }
.productview-review-area .buttons { text-align: right; }
/*lg*/ @media (max-width: 991px) {
    .productview-review-area table tbody tr td .thumb { width: 5rem; }
    .productview-review-area table tbody tr td .thumb.noimage i { font-size: 2rem; }
    .productview-review-area table .count { display: none; }
}
/*md*/ @media (max-width: 767px) {
    .productview-review-area table .name { display: none; }
    .productview-review-area table .insertdate { display: none; }
}
/*sm*/ @media (max-width: 575px) {
    .productview-review-area .productview-title .more { font-size: 0.8rem; font-weight: 400; }
}

/* 상세페이지 공통 .productview-review-area 끝 */









/* 상세페이지 공통 #divModalShare_Total 시작 */

#divModalShare_Total .list { display: flex; flex-wrap: wrap; gap: 0.25rem; }
#divModalShare_Total .list .item { width: 55px; text-align: center;  cursor: pointer; transition: 0.4s; }
#divModalShare_Total .list .item:hover { transform: scale(1.05); }
#divModalShare_Total .list .item.sms_mobile { display: none; }
#divModalShare_Total .list .item img { width: 45px; }
#divModalShare_Total .list .item p { margin-top: 0.25rem; margin-bottom: 0; font-size: 0.9rem; font-weight: 500; }
#divModalShare_Total #iptShareUrl { position: absolute; z-index: -999; opacity: 0; }
/*sm*/ @media (max-width: 575px) {
    #divModalShare_Total .list .item.sms_mobile { display: block; }
    #divModalShare_Total .list .item.sms_pc { display: none; }
}

/* 상세페이지 공통 #divModalShare_Total 끝 */







