.new_m_mainwrap{width: 100%;padding: 10px; margin:0 auto;box-sizing: border-box; background:#f0f0f0;}
.new_top_main_h{ min-height: 457px;}
html[data-dark=true] .new_m_mainwrap{background:#1a1b1c;}
.r_time_box{display: block; position: relative; width: 100%;}
.main_grid{display: grid; grid-template-columns: 100%; gap: 10px;}
.new_m_main_cardbox{width: 100%; padding:10px 15px;border-radius: 10px;background:#fff; box-sizing: border-box;position: relative; }
html[data-dark=true] .new_m_main_cardbox{background:#2d2d2d;} /*#303038*/
.new_m_title{ font-size: 17px; display: block; position: relative; font-weight: bold; color: #101111;   overflow: hidden; padding-top:7px;height:37px;}
html[data-dark=true] .new_m_title{color:#fff;}
/*.new_m_hov:hover{color: #777;}*/
/*html[data-dark=true] .new_m_hov:hover{color: #999;}*/
.m_cont_box{display: block;position: relative;width: 100%;}
.txt_center{text-align: center;}
.new_m_top_list{display: grid;grid-template-columns: 30px auto 10px; cursor: pointer; padding: 0px 3px;}
.new_m_cont_list{display: grid;grid-template-columns: 123px auto;cursor: pointer;height: 72px; padding: 3px 0; column-gap: 10px;}
.new_top_list_title{height: 35px;display: -webkit-box; -webkit-box-orient: vertical; word-break: break-all;line-height: 33px;font-size: 15px;overflow: hidden;color: #101111; }
html[data-dark=true] .new_top_list_title{color:#fff;}
/*.new_top_list_title:hover{text-decoration: underline;}*/
.new_m_toptitle ul{display: flex;font-size: 14px; padding-bottom:10px;     align-items: center; justify-content: start;/*;position: absolute;top:13px; right: 10px;*/}
.new_m_cont_list img{width: 116px; height: 68px;border-radius: 5px;cursor: pointer;}
.cont_list_txt_01{font-size: 15px; height: 40px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-box-orient: vertical;  word-break: break-all; cursor: pointer;color: #101111;}
html[data-dark=true] .cont_list_txt_01{color:#fff;}
/*.cont_list_txt_01:hover{text-decoration: underline;}*/
.cont_list_txt_02{font-size: 13px;margin: 10px 0;display: inline-block; color:#444;}
html[data-dark=true] .cont_list_txt_02 {color:#eee;}
.new_m_menu{display: block; margin-bottom: 20px;}

.menu_txt_sty{display: flex; justify-content: center;align-items: center; margin: 3px; border-radius: 50px; font-size:14px; cursor: pointer;}

.kkr_rect_mobile_only {width:100%;height:230px;overflow: hidden;border-radius: 5px;position: relative;}
.kkr_rect_mobile_only img{width:100%;height:100%;object-fit:cover; border-radius: 2%;}

.txt_on{border: 1px solid #444;  background:#444; color:#fff }
.txt_off{border: 1px solid #e4e6ea;  background:#e4e6ea; color:#555;}
.txt_off:hover{border: 1px solid #444;}
html[data-dark=true] .txt_on{border: 1px solid #888;  background:#888; color:#fff }
html[data-dark=true] .txt_off{border: 1px solid #444;  background:#444; color:#fff;}
html[data-dark=true] .txt_off:hover{border: 1px solid #888;}

.adtxt_on{border: 1px solid #f83a5a;background:#f83a5a; color:#fff }
.adtxt_off{border: 1px solid #e4e6ea;  background:#e4e6ea; color:#555;}
.adtxt_off:hover{border: 1px solid #f499a8;background:#f499a8; color:#fff;}

html[data-dark=true] .adtxt_on{border:1px solid #e63f5b;background:#e63f5b; color:#fff;}
html[data-dark=true] .adtxt_off{border: 1px solid #444; background:#444; color:#fff;}
html[data-dark=true] .adtxt_off:hover{border: 1px solid #ec909f;background:#b44e5f;color:#fff;}

.new_m_menu_txt_00{width:65px;  display: inline-flex; align-items: center;padding: 3px 6px;}/*top*/
.new_m_menu_txt_01{width:65px; padding: 3px 6px; display: inline-flex; align-items: center;}/*사이즈일정*/
.new_m_menu_txt_02{padding: 3px 10px;  display: inline-flex; align-items: center;}/*사이즈free*/
.new_m_menu_txt_03{width:7%; display: inline-flex; align-items: center; padding: 3px 6px;}/*사이즈요일*/

.search_wordbox{display:block;}
.search_word li{ display: inline-block;padding:1px 5px; line-height: 2; font-size: 14px; color:#303038;}
html[data-dark=true] .search_word li {color:#fff;}
.search_word li:hover{text-decoration: underline;}

.m_main_bj{display: grid; grid-template-columns: 70px 40px auto;  align-items: center; padding: 5px 0;cursor: pointer; font-size: 15px; color:#303038;}
html[data-dark=true] .m_main_bj{color:#fff;}
.m_main_bj_img{text-align:left;}
.m_main_bj_num{text-align: center;}
.m_main_bj_img img{border-radius: 50px; height: 55px; width: 55px; object-fit: cover;}
.m_main_bj_id{text-align: center;}

.rankbox{display:block;}
.rankbox_list{display: flex; justify-content: end;align-items: center; gap: 10px; font-size:14px;}
.rankbox_title_on{color:#0566db; padding:3px 4px; border-bottom:1px solid #0566db; font-weight: bold;}
.rankbox_title_off{ color:#444; padding:3px 4px; border-bottom:1px solid #444;}
.rankbox_title_off:hover{color:#101111;  border-bottom:1px solid #101111;}
html[data-dark=true] .rankbox_title_on{color:#0ca5e8; border-bottom:1px solid #0ca5e8;}
html[data-dark=true] .rankbox_title_off{ color:#999; padding:3px 4px; border-bottom:1px solid #999;}
html[data-dark=true] .rankbox_title_off:hover{ color:#fefefe;  border-bottom:1px solid #fefefe;}

.size_slider{ width:100%;height: 210px; border-radius: 5px;}
.slick-slide_bn{width:100%;height:440px; border-radius: 5px;}

.size_slider img { width: 120px;height: 169px; border-radius: 5px; cursor: pointer;}
.slick-slide_bn img { width:280px;border-radius: 5px; margin:0 3px;cursor: pointer;}

.slick-slide_ebn{ width:100%;height: 140px; border-radius: 5px;}
.slick-slide_ebn img{ width:100%;height: 140px; border-radius: 5px; object-fit: contain;}

.bad_slider{ width:100%;height:600px; border-radius: 5px;}
.bad_sliderbox{ display: grid; grid-template-columns: repeat(auto-fill, minmax(45%, auto)); gap: 10px; width:392px; }
.bad_sliderbox img{ width:192px;height:275px; border-radius: 5px; cursor: pointer;}

.view_add{display: flex;align-items: center; justify-content: center;  height: 30px; padding-top: 15px;}
.view_add span{ display: flex; align-items: center; justify-content: center; font-weight: bold;font-size: 15px; color:#101101;}
html[data-dark=true] .view_add span {color:#fff;}
.m_min_view{ position: absolute;top:10px;right: 0; font-size: 12px;font-family: serif;color: #555;}
html[data-dark=true] .m_min_view{color:#eee;}

/*19아이콘*/
.m_cont_list_img{position: relative; width: 100%;}
.new_19_icon{position: absolute; right: 11px; bottom: 11px; z-index: 9;}
.new_19_icon img{width: 15px; height: 16px; border: 1px solid #191919; border-radius: 50px;}

/*다음페이지보기*/
.refresh_btn_box{ display: block;  position: relative; text-align: center; width: 100%;padding: 5px 0 0 0; bottom:10px;left: 0; margin-top:15px;box-sizing: border-box;}

.refresh{display: flex; align-items: center; justify-content: center;  gap: 10px; color: #303038;  border: 1px solid #e6e6ea; width: 100%;margin: 0 auto;letter-spacing: -.5px;  -webkit-border-radius: 22px;   border-radius: 22px;     border-radius: 22px;}
html[data-dark=true] .refresh{ border:1px solid #999; color:#eee;}
/*.refresh:hover{border:1px solid #404040;}
html[data-dark=true] .refresh:hover{border:1px solid #fefefe;}
*/

.refresh_btn{display: inline-flex;align-items: center;height: 40px; line-height: 40px; cursor: pointer; font-weight: bold;color: #303038;}
html[data-dark=true] .refresh_btn{color: #fefefe;}
.refresh_txt{font-size:16px;}

.page_btn{display: flex; align-items: center;gap: 5px; font-size: 12px; color:#888;}
html[data-dark=true] .page_btn{color:#eee;}
.next_pg{color:#101111;  font-size: 15px; cursor: pointer;}
html[data-dark=true] .next_pg{color:#3ea7fd;}
.next_pg:hover{color:#008bd8;}
html[data-dark=true] .next_pg:hover{color:#4195fa;}
.all_pg{color:#808080;  font-size: 15px; cursor: pointer;}
html[data-dark=true] .all_pg{color:#fff;}

/*화살표타입*/
.refresh_btn_g{display: flex;    gap: 20px;align-items: center;  justify-content: center;} 
.refresh_before{width: 82px; height: 40px;   position: relative; border: 1px solid #e6e6ea; font-family: serif; font-weight: bold;  display: flex;  align-items: center; justify-content: center;}
html[data-dark=true] .refresh_before{border: 1px solid #404040; color:#fefefe;}
.refresh_before:hover{border:1px solid #444;   cursor: pointer;}
html[data-dark=true] .refresh_before:hover{border:1px solid #fefefe;}
.refresh_next{width: 82px; height: 40px; position: relative;  border: 1px solid #e6e6ea;  font-family: serif; font-weight: bold;display: flex;  align-items: center;  justify-content: center;}
html[data-dark=true] .refresh_next{border: 1px solid #404040; color:#fefefe;}
.refresh_next:hover{border:1px solid #444;  cursor: pointer;} 
html[data-dark=true] .refresh_next:hover{border:1px solid #999;}