/*______________________________ ringble ___________________________________________*/
/* Pretendard Font / Tommy Lee / Jul 18, 2025 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");

@import url('../css/page_style.css');
@import url('../css/bbs_style_mobile.css');*/

/* Reset */
html,body{width:100%;height:100%;}
html>/**/body { overflow-y:scroll; }
body,div,table,tbody,th,td,h1,h2,h3,h4,h5,form,fieldset,p,button,legend,input,textarea,button,select{margin:0; padding:0; font-family:'pretendard','나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; color:#424242;}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all; font-size:12px; }
h1,h2,h3,h4,h5,h6{text-align:left;}
img,fieldset,iframe,input,button{border:0 none;}


button, input[type=text], input[type=password], input[type=file], input[type=submit], input[type=image]{
vertical-align:middle;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-border-radius:0;
}

select{
vertical-align:middle;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-border-radius:0;
}

textarea{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

img{vertical-align:middle;}
i,em,address{font-style:normal;}
button{cursor:pointer;}
button{margin:0;padding:0;}
a{color:#2f3743;text-decoration:none; cursor: auto;}
a:hover{color:#2f3743;text-decoration:none;}
legend{*width:0; position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
caption {padding:0; height:0; font-size:0; line-height:0; overflow:hidden;}
* {-webkit-text-size-adjust:none;}
/* Reset */


/* 위지윅관련 css */
#ct{word-break:break-all; text-align:justify; font-family:'pretendard','나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; color:#424242;}
#ct ul{padding-left:40px; display:block}
#ct ul li{list-style:disc; display:list-item}
#ct ol{padding-left:40px; display:block}
#ct ol li{list-style:decimal; display:list-item;line-height: 1.6em;}
#ct hr{display:block}
#ct p{line-height: 1.6em;}
#ct div{line-height: 1.6em;}

.ct{word-break:break-all; text-align:justify}
.ct ul{padding-left:40px; display:block}
.ct ul li{list-style:disc; display:list-item}
.ct ol{padding-left:40px; display:block}
.ct ol li{list-style:decimal; display:list-item}
.ct hr{display:block}
.ct p{}
.ct div{}

/* 로그인페이지 */
.sns_login img {max-width:100%; height:auto;}

/**************************************modify********************************/

/* 메인 */
.more_view { background: #fafafa; padding:5px 7px; display: inline-block; text-align: center; text-decoration: none; border:1px solid #ddd; font-size: 13px; }
.main_review_count { background:#287ae0 !important; font-size: 12px !important; border: none !important; float: left !important ; margin-left:10px; margin-bottom:2px;}
.review_url { color:#537eba }
.main_notice_container { border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; padding:0px 5px 0px 30px ; background:#fff url(/img/ringble/icon_main_notice.png) 5px center no-repeat; background-size:15px;  width:100%; margin:10px auto; 
	box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden}
.main_notice_container h2 { font-size: 13px; float:left; line-height: 30px; width:65px; }
.main_notice_wrap { float: left; height:30px; overflow:hidden; width:75%; margin-left:5px; }
.main_notice_wrap ul, .main_notice_wrap ul li { margin:0; padding:0; }
.main_notice_wrap ul li { height:30px; line-height: 30px; list-style-type: none}

/* 리스트 */
.list_mem_total_wrap { font-size:9pt; border-radius: 5px; border:1px solid #287ae0; float:left; padding: 0 4px 0 0; background: #fff }
.list_mem_entry { font-size: 11px; color:#fff; display: inline-block; background:#287ae0 url(/mobile_img/ringble/list_member_slash.png) right top no-repeat; padding-right:12px; padding-left:5px; }
.list_mem_entry strong {font-weight: 600; font-size: 13px; }
.graph_container { position: relative; padding-top:5px; }
.graph_percent { color:#1f6bd1; position: absolute; right:0; top:0; }
.graph_bar { height:7px; background: #3e8af1; background: -moz-linear-gradient(top, #3e8af1 0%, #3577cf 100%); background: -webkit-linear-gradient(top, #3e8af1 0%,#3577cf 100%); background: linear-gradient(to bottom, #3e8af1 0%,#3577cf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e8af1', endColorstr='#3577cf',GradientType=0 ); }
.mobile_stats strong { background: #2992ee; padding:2px; color:#fff; text-align: center; display: block; text-align: center }
.box_sticker_wrap { position: relative }
.ico_comm br { display: none }
.mobile_stats strong.icon_end { background: #666; color:#fff; }
.mobile_stats strong.icon_end_00 { background: #373645; color:#999; } 
.mobile_stats strong.camp_condition_b { background: #fe6000 } /* 당첨자 발표 */
.mobile_stats strong.camp_condition_c { background: #5f50f2 } /* 리뷰등록중 */
.mobile_stats strong.camp_condition_d { background: #ec7a36; font-size: 10px !important } /* 당첨자 발표대기 */
.mobile_stats strong.camp_condition_e { background: #786af9; font-size: 10px !important } /* 리뷰등록 대기 */
.mobile_stats strong.camp_condition_f { background: #373645; color:#999;}  /* 마감 */

/*detail*/
button.detail_left, button.detail_right { display: none}
.campain_stats { border-collapse: collapse }
.campain_stats, .campain_stats td { border: 1px solid #ddd; box-sizing: border-box }
.campain_stats td { padding-left:5px; padding-right:5px; }
.campain_stats td h1 { font-size: 14px; padding: 10px 0 0 }
.campain_stats td.on { background: #2992ee }
.campain_stats td.on h1, .campain_stats td.on div strong { color:#fff !important }
.camp_case_img { background: #fff }
.camp_case_img img { padding:0 !important; margin:0 !important}
.btn_reviewer_entry { height: 40px; display: block;line-height:40px; text-align: center; color:#fff; font-size: 22px; padding:5px 10px; background: #2277eb; border-radius: 5px; margin: 10px 0 }
.btn_reviewer_entry:active, .btn_reviewer_entry:visited, .btn_reviewer_entry:focus { color: #fff !important }
#listLayer { width:96% !important; border:5px solid rgba(0,0,0,0.3); box-sizing: border-box; height: auto !important; left:50% !important; margin-left:-48% !important; background: #fff !important}
#mobile_big_img_0 img { width:100% !important; height: auto !important }
.ch_gift table tr td table { width:100% !important;}
.ch_gift table tr td table tr td  table tr td:first-child { width:50px; vertical-align: top; padding-left:0 !important; padding-right:5px !important }
.ch_gift table tr td table tr td  table tr td:last-child { width: auto }
.ch_gift table tr td table tr td  table tr td:first-child img { width: 50px;}

/* 카테고리 메뉴 */
.cate_count font { color:rgba(255,255,255,0.6) !important}
.mobile_sub_cate a { color:#333 !important}

/*bottom*/
.bottom_fixed { position: fixed; bottom:0; border-top:1px solid #d7d7d7; width:100%;z-index: 101;background: #ffffff; 
}

.bottom_fixed * { box-sizing: border-box }
.bottom_fixed td { padding:5px 0; text-align: center}
.bottom_fixed td img { display: block; height: 20px; width: auto; margin:3px auto}

/*회원관련*/
.member_join_rule * { word-break: break-all !important; white-space: normal; word-wrap: break-word;  }
.member_join_rule table { width:100% !important; }
.member_join_rule table td { width: auto !important}
.mem_entry_agree, .mem_entry_agree li {padding:0; margin:0; list-style-type:none }
.mem_entry_agree li { padding: 5px 0; }
.mem_entry_agree li:first-child { margin-top:15px; }
.mem_entry_agree li * { vertical-align: middle }

.member_form_table_wrap table tr:nth-child(2) td input { width:100% !important }
.member_form_table_wrap table tr:nth-child(3) td input { width:100% !important }
.member_form_table_wrap table tr:nth-child(5) td input { width:100% !important }
.member_form_table_wrap table tr:nth-child(7) td select { width:30% !important }
.member_form_table_wrap table tr:nth-child(7) td input { width:30% !important }
.member_form_table_wrap table tr:nth-child(8) td span input { width:100% !important }
.member_form_table_wrap table tr:nth-child(9) td input { width: 30% !important }
.member_form_table_wrap table tr:nth-child(10) td br { display:none }
.member_form_table_wrap table tr:nth-child(10) td input { width:50% !important }
.member_form_table_wrap table tr:nth-child(10) td span input { width: 100% !important}
.member_form_table_wrap table tr:nth-child() td input { width:30% !important }

.member_form_table_wrap2 table tr:nth-child(1) td input { width:100% !important }
.member_form_table_wrap2 table tr:nth-child(2) td input { width:100% !important }
.member_form_table_wrap2 table tr:nth-child(3) td input { width:100% !important }
.member_form_table_wrap2 table tr:nth-child(4) td input { width:40% !important }
.member_form_table_wrap2 table tr:nth-child(5) td input { width:100% !important }
.member_form_table_wrap2 table tr:nth-child(7) td select { width:30% !important }
.member_form_table_wrap2 table tr:nth-child(7) td input { width:30% !important }
.member_form_table_wrap2 table tr:nth-child(8) td input { width:40% !important }
.member_form_table_wrap2 table tr:nth-child(8) td span input { width:100% !important }
.member_form_table_wrap2 table tr:nth-child(9) td input { width:30% !important }
.member_form_table_wrap2 table tr:nth-child(10) td input { width:50% !important }
/*.member_form_table_wrap2 table tr:nth-child(10) td br { display: none }*/
.member_form_table_wrap2 table tr:nth-child(10) td span input { width: 100% !important}

.member_form_table_wrap.group_19 table tr:nth-child(2) td input { width:100% !important } /* SNS 모디파이 */
.member_form_table_wrap.group_19 table tr:nth-child(3) td input { width:100% !important }
.member_form_table_wrap.group_19 table tr:nth-child(4) td input { width:45% !important }
.member_form_table_wrap.group_19 table tr:nth-child(4) td select { width:70% !important }
.member_form_table_wrap.group_19 table tr:nth-child(5) td input { width:30% !important }
.member_form_table_wrap.group_19 table tr:nth-child(5) td select { width:30% !important }
/*.member_form_table_wrap.group_19 table tr:nth-child(6) td br { display: none }*/
.member_form_table_wrap.group_19 table tr:nth-child(6) td input { width:30% !important }
.member_form_table_wrap.group_19 table tr:nth-child(6) td span input { width:100% !important }
.member_form_table_wrap.group_19 table tr:nth-child(7) td input { width:30% !important }
.member_form_table_wrap.group_19 table tr:nth-child(8) td input { width:50% !important }
.member_form_table_wrap.group_19 table tr:nth-child(8) td span input { width:100% !important }
.member_form_table_wrap.group_19 table tr:nth-child(9) td input { width:inherit !important }
.member_form_table_wrap.group_19 table tr:nth-child(10) td input { width:inherit !important }
.member_form_table_wrap.group_19 table tr:nth-child(11) td input { width:inherit !important }

.sns_login_item img { width:100%; }



/*카렌다 */
.cal_today { font-size:15px; padding:10px; font-weight: 600;  }
.cal_pre_month, .cal_next_month { display:inline-block; width: 30px; height:30px; font-size: 20px; line-height: 30px;}
.btn_cal_check { display: block; height: 30px; line-height: 30px; padding:5px 20px; color:#fff; background:#2992ee; font-size: 16px; font-weight: 600; text-align: center; margin:5px 0; border-radius: 5px; }
.btn_cal_repl{ display: block; width:100%; height: 30px; line-height: 30px; padding:0 20px; color:#fff; background:#666; font-size: 16px; font-weight: 600; text-align: center; margin:5px 0; border-radius: 5px; }
.calendar_cell td { background-size: contain !important }
.calendar_cell td table { height: 50px !important }

/*커뮤니티 */
.board_list_repl_count { text-align: center; background: #fafafa; width:40px; padding:4px 0; font-size: 11px; color:#777}
.board_list_repl_count h1 { font-size: 15px; height:24px; line-height: 24px; font-weight: 600; text-align: center; color: #242424}
.board_list_info { padding:0 5px 5px 5px }
.board_list_info span { display: inline-block; margin-right:10px; color:#999 }
#ct img { max-width: 100% }
#reply_view_bool table td p { word-break: break-all !important; word-wrap: break-word !important; }
.wrap { max-width:100% !important; width:100% !important }
.wrap img { max-width:100% !important}

/*마이페이지 */
.m_mypage_info_wrap { border:1px solid #eaeaea; background: #fafafa; padding:5px; }
.m_mypage_info { border:1px solid #eaeaea; background: #fff; padding: 10px 10px 0 10px}
.my_info_stats_line { border-bottom: 1px dashed #eaeaea}
.btn_my_page_logout { display: inline-block; background: #666; color: #fff; padding:5px 10px; font-size: 11px; text-align: center }
.member_class { color: #FF6700; font-weight:bold !important }
.mypage_photo { text-align: center; padding-bottom:5px;; padding-right:20px;}
.mypage_photo img { width:60px !important ; height: auto !important}
.my_page_nick { text-align: center; padding-top:5px;font-size: 13px; font-weight: 600}
.my_info_stats { width:100%; table-layout: fixed; border-collapse: collapse; }
.my_info_stats th { width:50%; font-weight: normal; text-align: left; padding:5px 0}
.my_info_stats td.con { text-align: right; width:50% }
.my_info_stats td.con.point { background: url(/img/ani_ico_point.gif) right center no-repeat; padding-right:15px;}
.my_info_stats td.con.point table td table, .my_info_stats td.con.point table td table td { width:100%; text-align: right}
.my_info_stats td.con.message a table, .my_info_stats td.con.message a table td { width:100%; text-align: right}
.my_info_stats td.message table td:first-child { display: none }
.my_info_stats td.con.point table td:last-child { display: none }
.my_info_stats td.point img { display: none}
.my_info_stats td.message a table td img { margin-right:5px;}/*display: none*/

.my_camp_list_count { margin: 10px 0 }
.my_camp_list_count, .my_camp_list_count td { border-collapse: collapse; border:1px solid #ddd; padding: 10px 5px; text-align: center; color:#6B6B6B}
.my_camp_list_count td { width: 50%; cursor: pointer }
.my_camp_list_count td h1 { font-size: 20px; margin-bottom:5px; text-align: center}

.my_camp_list_nav { margin: 10px 0 }
.my_camp_list_nav, .my_camp_list_nav td { border-collapse: collapse; border:1px solid #ddd; padding: 10px 5px; text-align: center; color:#6B6B6B}
.my_camp_list_nav td { width: 50%; cursor: pointer}
.my_camp_list_nav td h1 { font-size: 14px; letter-spacing:-1px; font-weight: normal; margin-bottom:5px; text-align: center}
.my_camp_list_nav td.on { background: #999999 }
.my_camp_list_nav td.on h1 { color:#fff; }