/* 코드 레이어팝업 */
.popup_wrap {position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 9;}
.popup_wrap .pop_back {height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); z-index: 10;}
.popup_wrap .popup {width: 450px;padding: 65px 0;background-color: #fff;border-radius: 3px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;flex-direction: column;justify-content: center;z-index: 11;}
.popup_wrap .popup i.xi-close {position: absolute; right: 10px; top: 10px; font-size: 20px; cursor: pointer;}
.popup_wrap .popup .top_txt {text-align: center;}
.popup_wrap .popup .top_txt i {display: block; font-size: 35px; margin-bottom: 20px; color: #a6b0ff;}
.popup_wrap .popup .top_txt span {font-size: 18px;font-family: 'Pretendard-medium';margin-bottom: 35px;display: inline-block;}
.popup_wrap .popup .ecode_wrap {width: 100%;height: 40px;line-height: 40px;display: flex;justify-content: center;}
.popup_wrap .popup .ecode_text {width: 40%;height: 100%;margin-right: 5px;}
.popup_wrap .popup .ecode_text input {width: 100%;height: 100%;border: 1px solid #CBCBCB;padding: 0 10px;outline: none;appearance: none;}
.popup_wrap .popup input::placeholder {color: #A3A3A3; font-size: 15px;}
.popup_wrap .popup .econd_btn {width: 20%; height: 100%; text-align: center;}
.popup_wrap .popup .econd_btn span {display: inline-block; width: 100%; height: 100%; background-color: #333; color: #fff; cursor: pointer; font-size: 14px;}
.popup_wrap .popup .econd_btn span:hover {background-color: #7c7c7c; transition: ease-in-out 2s;}

/* list css */
.partner_wrap {width: 1200px;margin: 0 auto;min-height: 100vh;}
.product_group { margin: 30px 11px 35px;}
.sub_menu_btn {display: none;}
/* [2026-08-21] flex-wrap 이 없어 카테고리 탭 개수가 많으면 화면 밖으로 나갔다
   (영상 미리보기 movies/list_view.php 390px 에서 13px 넘침). 넘치면 줄로 내린다.
   탭이 한 줄에 들어가는 폭에서는 아무 변화 없음 */
.product_menu {width: 100%;display: flex;flex-wrap: wrap;row-gap: 6px;justify-content: center;align-items: center;margin: 0 auto 24px;padding-bottom: 15px;border-bottom: 1px dotted #e3e3e3;}
.product_menu > li {position: relative;height: 100%;margin: 0 15px;}
.product_menu > li > a {color: #333;display: inline-block;min-width: 80px;height: 100%;padding: 10px 16px;text-align: center;border-radius: 8px;font-size: 14px;white-space: nowrap;}
.product_menu > li:last-child > a {padding: 10px 20px;}
.product_menu > li > a i {color: #b6b6b6;}
.product_menu > li.on > a {background-color: #afaeea;color: #fff;border: none;}
.product_menu > li > a:hover {background-color: #afaeea; transition: .2s; color: #fff;}
.category_invite {text-align: center;width: 275px;height: auto;border-radius: 50px;padding: 12px 10px;margin: 0 auto;/* border: 1px solid #f1f1f1; */}
.category_invite li {width: auto;color: #e5e5e5;display: inline-block;margin: 0 5px;/* background: #afaeea; */}
.category_invite li a {display: inline-block;width: 100%;height: 100%;color: #454545;cursor: pointer;transition: 350ms;font-size: 15px;background-color: #f0f0f0;padding: 10px 15px;border-radius: 8px;}
.category_invite li.on a {background-color: #eaeaf7;}
.category_invite li a i.xi-heart {color: #f2b1b1;}
.category_invite li a i.xi-stroller {color: #b3d6ff;}
.category_invite li a:hover {color: #333;}

.header_right { font-size:12px; }