.youtube { position:relative; padding-bottom:56.25%; height:0px; display: block; }
.youtube iframe { position: absolute; top: 0px; left: 0px; width:100%; height:100%; }





.btn_prd a:hover{border:1px solid #d1b94d; color:#d1b94d;}
.btn_prd a{border: 1px solid #ddd; color: #444; background-color: #fff; display: inline-block;}


.btn_wrap a:hover{text-decoration: none;}
.btn_wrap a{font-family: "Roboto", "Noto Sans KR"; display: block; letter-spacing: -1px; border-radius: 100px;  margin:10px 0; padding: 5px 0; width: 85px; text-align: center;}

/* 자세히 보기 버튼 */
.bavr_profile_btn a { display: inline-block; padding: 4px 8px; margin: 10px 0; border: 1px solid #847f67; color: #fff; border-radius: 4px; /*background: linear-gradient(to bottom, #fff, #f2f2f2);*/ background-color: #96917a; letter-spacing: -0.5px; }
.bavr_profile_btn a:hover { text-decoration: none; /*border: 1px solid #4073dc; color: #4073dc;*/ background-color: #000; }\





/* css 내용 */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700|Noto+Sans+KR:400,700|Noto+Sans+JP:400,700&display=swap');
.blocker { z-index: 1000 !important; }
.bavr_wrap { color: #999; }
.bavr_wrap .bavr_title { background-color: #fff; padding-bottom: 30px; }
.bavr_wrap .bavr_bar_wrap { padding: 10px; }
.bavr_wrap .bavr_bar_wrap .bavr_bar { display: block; margin: 0 auto; width: 476px; }
.bavr_wrap .bavr_section { padding-bottom: 0px; position: relative; background-color: #ededed; }
.bavr_wrap .bavr_section .bavr_row { width: 810px; margin: 0 auto 20px auto; padding: 0 15px; position: relative; }
.bavr_wrap .bavr_section .bavr_last_row { margin-bottom: 0; }
.bavr_wrap .bavr_section .bavr_row:after { clear: both; display: block; content: ""; }

/* css 내용 연간 랭킹 */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700|Noto+Sans+KR:400,700|Noto+Sans+JP:400,700&display=swap');
.bavr_wrap .bavr_section_year { padding-bottom: 0px; position: relative; background-color: #f4e8da; }
.bavr_wrap .bavr_section_year .bavr_row { width: 810px; margin: 0 auto 20px auto; padding: 0 15px; position: relative; }
.bavr_wrap .bavr_section_year .bavr_last_row { margin-bottom: 0; }
.bavr_wrap .bavr_section_year .bavr_row:after { clear: both; display: block; content: ""; }

/* 월간 랭킹 프로필 */
.bavr_profile { float: left; width: 152px; padding: 0 5px; position: relative; }
.bavr_profile ul { margin: 0; padding: 0; list-style: none; background-color: #fafafa; border: 1px solid #ddd; }
.bavr_profile ul li { padding: 0 10px; }
.bavr_profile ul li span { margin-right: 5px; }
.bavr_profile ul li:first-child { padding: 0; border: none; }
.bavr_profile ul li:nth-child(2) { font-family: "Roboto", "Noto Sans JP", "Noto Sans KR"; border-bottom: 1px solid #ddd; padding: 5px 10px; margin-bottom: 5px; }
.bavr_profile ul li:nth-child(2) span { display: block; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; }
.bavr_profile ul li:nth-child(2) span:first-child { font-size: 16px; font-weight: 700; color: #333; }
.bavr_profile ul li:nth-child(2) span:last-child { font-size: 14px; color: #666; font-weight: 400; }
.bavr_profile ul li:last-child { padding: 0 10px; }
.bavr_profile ul li img { width: 100%; }

/* .bavr_profile ul li button { display: inline-block; padding: 4px 8px; margin: 10px 0; border: 1px solid #5d5a4a; color: #000; border-radius: 4px; background: linear-gradient(to bottom, #fff, #f2f2f2); background-color: #96917a; letter-spacing: -0.5px; } */
/* .bavr_profile ul li button:hover { text-decoration: none; border: 1px solid #4073dc; color: #4073dc; background-color: #fff; } */
.bavr_profile .rank { position: absolute; top: 1px; left: 6px; font-family: "Roboto", "Noto Sans KR"; }
.bavr_profile .rank span { width: 36px; text-align: center; box-sizing: border-box; }
.bavr_profile .rank span:first-child { background-color: #96917a; color: #fff; font-weight: 700; font-size: 18px; display: inline-block; line-height: 36px; letter-spacing: -2px;  vertical-align: middle; }
.bavr_profile .rank span:first-child em { line-height: 36px; font-weight: 400; font-size: 12px; vertical-align: middle; }
.bavr_profile .rank span:last-child { display: block; color: #fff; }
.bavr_profile .rank span.rank_stay { background-color: #3b3b3b; }
.bavr_profile .rank span.rank_up { background-color: #f85453; }
.bavr_profile .rank span.rank_down { background-color: #4c81ed; }
.bavr_profile .rank span.rank_new { background-color: #14c463; }

/* 연간 랭킹 프로필 01위 - 12위 */
.bavr_profile_year_top { float: left; width: 260px; margin: 0 5px; position: relative; }
.medal-wrap {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 5px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.bavr_profile_year_bottom .medal-wrap {padding: 0;}
.bavr_profile_year_top ul { margin: 0; padding: 0; list-style: none; background-color: #fafafa; border: 1px solid #b47e24; }
.bavr_profile_year_top ul li { padding: 0 10px; }
.bavr_profile_year_top ul li div{ display: inline-block; }
.bavr_profile_year_top ul li div:first-child{ padding: 0 5px; }
.bavr_profile_year_top ul li div:last-child{ padding: 10px; }
.bavr_profile_year_top ul li span { }
.bavr_profile_year_top ul li:first-child { padding: 0; margin-bottom:-4px; border: none; }
.bavr_profile_year_top ul li:nth-child(2) { font-family: "Roboto", "Noto Sans JP", "Noto Sans KR"; border-top: 1px solid #b47e24; padding: 5px 10px; }
.bavr_profile_year_top ul li:nth-child(2) span { display: block; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; }
.bavr_profile_year_top ul li:nth-child(2) span:first-child { font-size: 16px; font-weight: 700; color: #333; vertical-align: middle;}
.bavr_profile_year_top ul li:nth-child(2) span:last-child { font-size: 14px; color: #666; font-weight: 400; vertical-align: middle;}
.bavr_profile_year_top ul li:nth-child(3) { font-family: "Roboto", "Noto Sans JP", "Noto Sans KR"; border-top: 1px solid #b47e24; padding: 10px 10px; }
.bavr_profile_year_top ul li:nth-child(3) span { display: inline-block; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; }
.bavr_profile_year_top ul li:nth-child(3) span:first-child { font-size: 14px; font-weight: 700; color: #333; vertical-align: middle; padding-right: 10px; border-right: 1px solid #b47e24; width: 22%;}
.bavr_profile_year_top ul li:nth-child(3) span:last-child { font-size: 12px; color: #666; font-weight: 400; padding: 0 10px; vertical-align: middle; }
.bavr_profile_year_top ul li:nth-child(4) { font-family: "Roboto", "Noto Sans JP", "Noto Sans KR"; border-top: 1px solid #b47e24; padding: 10px 10px; }
.bavr_profile_year_top ul li:nth-child(4) span { display: inline-block; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; }
.bavr_profile_year_top ul li:nth-child(4) span:first-child { font-size: 14px; font-weight: 700; color: #333; vertical-align: middle; padding-right: 10px; border-right: 1px solid #b47e24; width: 22%;}
.bavr_profile_year_top ul li:nth-child(4) span:last-child { font-size: 12px; color: #666; font-weight: 400; padding-left: 10px; vertical-align: middle;}
.bavr_profile_year_top ul li:nth-child(5) { border-top: 1px solid #b47e24;}
.bavr_profile_year_top ul li:last-child { padding: 0 10px; }
.bavr_profile_year_top ul li img { width: 100%; }

/* 연간 랭킹 프로필 13위 - 20위 */
.bavr_profile_year_bottom { float: left; width: 192px; margin: 0 5px; position: relative; }
.bavr_profile_year_bottom ul { margin: 0; padding: 0; list-style: none; background-color: #fafafa; border: 1px solid #ddd; }
.bavr_profile_year_bottom ul li { padding: 0 10px; }
.bavr_profile_year_bottom ul li div{ display: inline-block; }
.bavr_profile_year_bottom ul li div:first-child{ padding: 5px 0px; vertical-align: middle; }
.bavr_profile_year_bottom ul li div:last-child{ padding: 5px; vertical-align: middle; }
.bavr_profile_year_bottom ul li span { margin-right: 5px; border: none; }
.bavr_profile_year_bottom ul li:first-child { padding: 0; border: none; }
.bavr_profile_year_bottom ul li:nth-child(2) { font-family: "Roboto", "Noto Sans JP", "Noto Sans KR"; border-bottom: 1px solid #ddd; padding: 5px 10px; margin-bottom: 5px; }
.bavr_profile_year_bottom ul li:nth-child(2) span { display: block; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; }
.bavr_profile_year_bottom ul li:nth-child(2) span:first-child { font-size: 15px; font-weight: 700; color: #333; }
.bavr_profile_year_bottom ul li:nth-child(2) span:last-child { font-size: 14px; color: #666; font-weight: 400; }
.bavr_profile_year_bottom ul li:last-child { padding: 0 10px; }
.bavr_profile_year_bottom ul li img { width: 100%; }

.bavr_detail_wrap { width: 800px !important; max-width: 800px !important; padding: 0 !important; margin-left: 178px !important; color: #333; display: none; background-color: #fff; }
.bavr_detail_wrap:after { clear: both; display: block; content: ""; }
.bavr_detail_wrap .bavr_detail_img_wrap { float: left; width: 255px; z-index: 2; }
.bavr_detail_wrap .bavr_detail_img_wrap .bavr_detail_img { margin: 20px; border: 1px solid #ddd; box-sizing: border-box; overflow: hidden; }
.bavr_detail_wrap .bavr_detail_img_wrap .bavr_detail_img img { max-width: 215px; display: block; }
.bavr_detail_wrap .bavr_detail { padding-left: 255px; position: relative; }
.bavr_detail_wrap .bavr_detail ul { margin: 20px 20px 20px 0; padding: 0; list-style: none; }
.bavr_detail_wrap .bavr_detail ul li { margin-bottom: 2px; }
.bavr_detail_wrap .bavr_detail ul li span { margin-right: 5px; font-weight: 700; }
.bavr_detail_wrap .bavr_detail ul li:first-child { border-bottom: 1px solid #ededed; padding-bottom: 10px; margin-bottom: 10px; font-family: "Roboto", "Noto Sans JP", "Noto Sans KR"; }
.bavr_detail_wrap .bavr_detail ul li:first-child span { display: block; margin: 0; }
.bavr_detail_wrap .bavr_detail ul li:first-child span:first-child { font-size: 16px; font-weight: 700; }
.bavr_detail_wrap .bavr_detail ul li:first-child span:last-child { font-size: 14px; color: #999; font-weight: 400; }
.bavr_detail_wrap .bavr_detail ul li div { margin: 10px 0; }
.bavr_detail_wrap .bavr_detail ul li a { margin-top: 5px; display: inline-block; padding: 6px 8px; border: 1px solid #999; color: #333; border-radius: 4px; background: linear-gradient(to bottom, #fff, #f2f2f2); letter-spacing: -0.5px; }
.bavr_detail_wrap .bavr_detail ul li a:hover { text-decoration: none; border: 1px solid #000; color: #000; }
/* .bavr_detail_wrap .bavr_detail button { position: absolute; top: 0; right: 20px; } */
/* .bavr_detail_wrap .bavr_detail button { display: inline-block; padding: 4px 8px; border: 1px solid #999; color: #333; border-radius: 4px; background: linear-gradient(to bottom, #fff, #f2f2f2); letter-spacing: -0.5px; } */
/* .bavr_detail_wrap .bavr_detail button:hover { text-decoration: none; border: 1px solid #000; } */

.bavr_wrap .bavr_prd_section { background-color: #b2b2b2; }
.bavr_wrap .bavr_prd_section .bavr_profile ul { margin: 0; padding: 0; list-style: none; background-color: #fafafa; border: 1px solid #a6a6a6; }
.bavr_wrap .bavr_prd_section .bavr_profile ul li:nth-child(2) { margin: 0; padding: 5px 10px 0 10px; border: none; font-size: 14px; font-weight: 700; color: #333; }
.bavr_wrap .bavr_prd_section .bavr_profile ul li:nth-child(2),
.bavr_wrap .bavr_prd_section .bavr_profile ul li:nth-child(3) { display: block; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; font-family: "Roboto", "Noto Sans JP", "Noto Sans KR"; }
.bavr_wrap .bavr_prd_section .bavr_profile ul li:nth-child(3) { border-bottom: 1px solid #ddd; padding: 0 10px 5px 10px; margin-bottom: 5px; font-size: 12px; color: #666; font-weight: 400; }
.bavr_wrap .bavr_prd_section .bavr_profile .rank span:first-child { background-color: #96917a;}
/* .bavr_wrap .bavr_prd_section .bavr_profile ul li a { border: 1px solid #847f67; color: #fff; background-color: #96917a; }
.bavr_wrap .bavr_prd_section .bavr_profile ul li a:hover { background-color: #fff; color: #333; } 제품 이미지 링크*/

.bavr_prd_detail_wrap .bavr_detail ul li:first-child { font-size: 16px; font-weight: 700; }
.bavr_prd_detail_wrap .bavr_detail ul:nth-child(1) { border-bottom: 1px solid #ededed; padding-bottom: 10px; margin-bottom: 10px; }
.bavr_prd_detail_wrap .bavr_detail ul:nth-child(2) li:first-child { border-bottom: none; padding-bottom: 0; margin-bottom: 10px; }

.bavr_wrap .bavr_banner_section { padding: 0; }
.bavr_wrap .bavr_banner_section img { width: 100%; }







/* 카테고리 CSS 추가 */
/* 전체 칸 */
.filter_monthly_for_new_prds { margin-bottom:10px;position:relative;font-family:Verdana,Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;letter-spacing:-1px; }

/* 접어보기 전체 */
.filter_monthly_for_new_prds .inner { overflow:hidden;height:330px;padding:15px 20px 12px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#f4f4f4; }

/* 년도 전체 */
.filter_monthly_for_new_prds .inner .wrap_year { margin:10px 10px; }
.filter_monthly_for_new_prds .inner .wrap_past_year {}

/* 년도 */
.filter_monthly_for_new_prds .inner .year { display:block;float:left;margin-right:10px;padding:16px 16px;border:1px solid #ccc;color:#888; }

/* 월 버튼 */
.filter_monthly_for_new_prds .inner ul { padding:0;border-bottom:none;display:block;float:left; margin:0 0 0 -1px;}
.filter_monthly_for_new_prds .inner ul li { position:relative;display:block;width:54px;height:auto;text-align:center;float:left;margin:-25 0 0 -1px; }
.filter_monthly_for_new_prds .inner ul li:hover { z-index:2; }

.filter_monthly_for_new_prds .inner ul li a { display:block;border:1px solid #ccc;color:#555; padding:16px 13px; }
.filter_monthly_for_new_prds .inner ul li a:hover,
.filter_monthly_for_new_prds .inner ul li a:active { border-color:#fff;color:#fff;text-decoration:none; background-color:#a1978f;}


/* 연간 버튼 */
.filter_monthly_for_new_prds .inner #mbtn-2022-13 :2023-13 { border-color:#a1968a;background-color:#;color:#555;font-weight: 900; }
.filter_monthly_for_new_prds .inner #mbtn-2022-13 :2023-13:hover,
.filter_monthly_for_new_prds .inner #mbtn-2022-13 :2023-13 :active { border-color:#fff;color:#fff;text-decoration:none; background-color:#cab483;}


/* 년,월 오버 */
.filter_monthly_for_new_prds .inner .year_on { border-color:#fff;background-color:#96917a;color:#fff; }
.filter_monthly_for_new_prds .inner .month_on { position:relative;z-index:2; }
.filter_monthly_for_new_prds .inner .month_on a { border-color:#7d6d63;background-color:#7d6d63;color:#fff; }
.filter_monthly_for_new_prds .inner .month_on a:hover,
.filter_monthly_for_new_prds .inner .month_on a:active { border-color:#7d6d63;background-color:#7d6d63;color:#fff; }
.filter_monthly_for_new_prds .inner .month_onclick { border-color:#645040;background-color:#645040;color:#fff;font-weight:; }


/* 더보기 접어보기 */
.filter_monthly_for_new_prds .btn_expanded_view { display:none;width:72px;margin:0 auto; order-color:#e83f2d;}
.filter_monthly_for_new_prds .btn_expanded_view a { width:72px;height:28px;background-position:-114px -672px; }
.filter_monthly_for_new_prds .btn_narrow_view { display:;width:82px;margin:0 auto; order-color:#e83f2d;}
.filter_monthly_for_new_prds .btn_narrow_view a { width:82px;height:28px;background-position:-186px -672px; }

/* 랭킹 히스토리 */
.rank_history { padding-bottom :10px;}

.filter_monthly_for_new_prds .inner .hidden {display:hidden;}