/*______________________________ 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");

/*public*/
/*.store_list_container_td table td { text-align: left }*/
.page_container { margin-top:30px;}
.box_st_out { width:264px; }
.store_list_container_td .store_list_wrap { text-align: left; }
.store_list_container_td table tr td.store_list_wrap:first-child .box_st_out { margin-left:0 !important; }
.store_list_container_td table tr td.store_list_wrap:nth-child(2) .box_st_out { margin-left:5px; }
.store_list_container_td table tr td.store_list_wrap:nth-child(3) .box_st_out { margin-left:10px; }
.store_list_container_td table tr td.store_list_wrap:last-child .box_st_out { float:right; margin-right:0 !important }
.list_title { font-size: 16px; line-height: 1.4; color:#262626 ; font-weight: 500 }
.community_list_title { font-size: 14px; line-height: 1.4; color:#262626 ; font-weight: 500; word-break: break-all; word-wrap: break-word }
.list_stats_wrap { border-top:1px solid #f3f2f2; width:100%;}
.list_hit { color:#1179c2 }
.list_mem_total_wrap { font-size:9pt; border-radius: 5px; border:1px solid #287ae0; float:right; padding: 0 4px 0 0; }
.list_mem_entry { font-size: 11px; color:#fff; display: inline-block; background:#287ae0 url(../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 ); }
.box_sticker_wrap { position: relative }
.box_sticker .ico_comm { position: absolute; z-index: 20; display: block; text-align: center; vertical-align:middle; overflow: hidden; width: 50px; height: 28px; padding:7px 0 13px 0; z-index:100; font-size: 12px; 
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.1); box-shadow: 3px 3px 3px rgba(0,0,0,0.3); top:-3px; left:5px;
}
.ico_today_open { background: #0f5cbb; color:#fff; }
.icon_end { background: #666; color:#fff; }
.icon_end_00 { background: #373645; color:#999; line-height: 35px } /* 메인마감 */
.camp_condition_b { background: #fe6000; } /* 당첨자 발표 */
.camp_condition_c { background: #5f50f2; } /* 리뷰등록중 */
.camp_condition_d { background: #ec7a36; } /* 당첨자 발표대기 */
.camp_condition_e { background: #786af9; } /* 리뷰등록 대기 */
.camp_condition_f { background: #373645; color:#999;}  /* 마감 */
.sub_menu_wrap { margin:42px auto 32px !important; border-top:2px solid #999696; border-bottom:2px solid #2992ee; -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); overflow: hidden; background: #fff}
.sub_menu_cell { display:block; float:left; width:16.66666666666667%; text-align: center;box-sizing: border-box; }
.sub_menu_cell a { display: block; font-size: 15px; line-height: 45px; font-weight: 600 }
.sub_menu_cell:nth-child(6n+6) { border-right:none}
.sub_menu_cell a:hover {background: #eaeaea}
.location_select { padding-right: 10px; }
.location_select select { height: 40px; border:none; border-bottom:1px solid #ccc; background-color:transparent; font-size: 16px; padding-left:10px; padding-right:40px;}
.location_select select:focus { outline: 0 !important }
.box_over_point { display:none; position: absolute; width: 264px; height: 392px; box-sizing: border-box; border: 3px solid #2992ee; cursor: pointer }
.box_st_out:hover .box_over_point { display: block }

.location_select select { -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background: url(/img/ringble/select_arrow.png) no-repeat 95% 50%; /* 화살표 모양의 이미지 */ } 
/* IE 10, 11의 네이티브 화살표 숨기기 */ 
.location_select select::-ms-expand { display: none; }

.page_title_wrap { width:100%; padding-top:25px; }
.page_title { font-size: 24px; font-weight: 600;}
.page_title strong { color:#0b7bde; font-weight: 600; }
#wrap { min-height: 1200px; }

/*header */
.header_container { background: #fff }
.top_search_btn { position:absolute; top: 10px; right:10px; }
.top_map_btn { background: #166ab3; width: 72px; height:45px; line-height: 45px; display: block; text-align: center; color:#fff}
.top_map_btn:hover, .top_map_btn:visited { color:#fff; }
.all_search_box { height: 40px !important; box-sizing: border-box; -webkit-box-sizing: border-box}
.top_menu_container { min-width: 1110px;  border-top:1px solid #d7d5d5 !important; border-bottom:1px solid #d7d5d5; background: #ffffff }
.top_menu_wrap table tr td { width:12.5%; box-sizing: border-box ;}
.top_menu_cell { /*background-image: url(/img/ringble/top_menu_bar.png);*/ background-position: right center; background-repeat: no-repeat}
.top_menu_wrap table tr td:last-child div.top_menu_cell { background-image: none}
.top_menu_cell a { font-size: 15px; font-weight: 500; line-height: 50px; height:50px; display: block; color: #333333 }
.top_menu_cell.on {  background:#fff; }
.top_menu_cell.on a { color: #2992ee; font-weight: 600;}
.top_menu_cell:hover { background-color: #eaeaea}
.top_menu_cell.on:hover { background:#eaeaea  }
td.header_message { width:55px;}
td.header_message table, td.header_message table td { width:100%;}
td.header_message table td:first-child { display: none }
td.header_message table td { text-align: center; color:#fff} td.header_message table td a b { color:#fff !important}
.header_message { position: relative }
.header_message_bagg { display: block; position: relative }
.header_message_wrap { display: block; position: absolute; right: 3px; top:0; min-width: 20px; height:20px; background:#2992ee; text-align: center; border-radius: 100px; padding-left:3px; padding-right:3px; }
.header_message_wrap.message_none { background: #bbb}

/*footer */
.footer_nav_wrap { background: #ffffff; height:50px; }
.footer_nav { width:1440px; margin:0 auto; }
.footer_nav a { height:50px; line-height: 50px; display: block; position: relative; padding-left:20px; padding-right:20px; float:left; color: #acacac; }
.footer_nav a:hover, .footer_nav a:visited { color: #acacac}
.footer_nav a:after { content: ""; width:2px; height:12px; position: absolute; right:0; top:50%; margin-top:-6px; background: rgba(255,255,255,0.7) }
.footer_nav a:last-child:after { content: ""; display: none}

/*main*/
.main_banner0 { width:1110px; background: #fff; border:1px solid #aaaaaa; box-sizing: border-box; padding: 0px; }
.main_banner1, .main_banner2 { width:328px; height:188px; border:1px solid #aaaaaa; background: #fff }
.main_banner1 img, .main_banner2 img { width:100%; height:188px;}
.main_banner1 { margin-bottom:21px;}
.main_notice_container { border:1px solid #dcdcdc; padding:0px 20px 0px 52px ; background:#fff url(/img/ringble/icon_main_notice.png) 20px center no-repeat; width:1110px; margin:40px auto; 
	box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden}
.main_notice_container h2 { font-size: 13px; float:left; line-height: 40px;}
.main_notice_wrap { float: left; height:42px; overflow: hidden; width:80%; margin-left:20px; }
.main_notice_wrap ul li { height:40px; line-height: 40px; }
.main_review_line { background: url(../img/ringble/line.png) left center repeat-x; width:180px; }
.main_review_total { padding-left:30px; padding-right:30px; width:auto; font-size: 34px; text-align: center; color:#494949 }

/*detail */
.detail_page_container { margin-top:30px;}
.detail_page_wrap { border:1px solid #cacaca; background:#ffffff; padding:50px 30px; margin-top:31px }
.detail_page_title { font-size:26px; padding-bottom:10px; border-bottom:1px solid #ddd }
.detail_list_mem_total_wrap { font-size: 16px; border-radius: 5px; border:1px solid #287ae0; float:left; padding: 0 4px 0 0; }
.detail_list_mem_entry { font-size: 16px; color:#fff; display: inline-block; background:#287ae0 right center no-repeat; padding-right:10px; padding-left:10px; margin-right: 5px; }
.detail_list_mem_entry strong {font-weight: 600; font-size: 18px; }
.bloger_select_process_wrap { border:1px solid #cacaca; border-radius:5px; }
.bloger_process_td { padding-left:15px; background: url(../img/ringble/picto_img01.png) right center no-repeat; height:79px }
.bloger_process_td.last { background: none}
.bloger_process_title { font-size: 16px; padding:5px 0 }
.bloger_process_date { font-size: 12px; letter-spacing: -0.5; color:#1d60bb }
#image_preview_main img { border:none !important }
.btn_reviewer_entry { height: 60px; line-height:60px; text-align: center; color:#fff; font-size: 22px; padding:10px 20px; background: #2277eb; border-radius: 5px;}
.btn_event_news { margin-top:5px; }
.btn_event_news td { height: 60px; line-height:60px; text-align: center; color:#fff; font-size: 22px; padding:5px 10px; background: #1c67ce; border-radius: 0px;}
.btn_event_news table { border-collapse: collapse; width: 100%; }
.btn_reviewer_entry:hover, .btn_reviewer_entry:visited, .btn_reviewer_entry:focus, .btn_event_news:hover, .btn_event_news:visited, .btn_event_news:focus { color:#fff}
.btn_code_copy { height: 30px; line-height: 30px; padding: 6px 10px; background: #fff; border:1px solid #ccc}
.insert_blog_code_wrap { background: #fafafa; border:1px solid #eaeaea; position:relative; padding:20px; }
.insert_blog_code_wrap h2 { font-size: 13px; font-weight: normal; margin-bottom:10px; }
.insert_blog_code_wrap h2 strong { color:#2277eb }
.insert_blog_code_wrap input.insert_blog_code { width: 92%; margin-right:10px; height: 30px; border:1px solid #ddd; font-size: 14px;  }
.insert_blog_code_wrap .arrow { position:absolute; top:-17px; left:20px; background: url(../img/ringble/copy_arrow.png); width:18px; height:18px;}
.supply_title { font-size: 18px; position: relative; text-align: center}
.supply_title:after { content: ""; height:3px;background: #627287; display: block; margin-top: 10px;}
.supply_title_red { font-size: 18px; position: relative; text-align: center}
.supply_title_red:after { content: ""; height:3px;background: #fb4926; display: block; margin-top: 10px;}
.bloger_process_title.review img { margin-left:20px !important }
.bloger_process_title.review, .bloger_process_date.review { padding-left:30px;}
div#ct img, div#ct * img { max-width:758px; height: auto}

/*my_page*/
.my_page_container { margin-top:30px; width:100%; }
.my_page_wrap { border:1px solid #cacaca; background:#ffffff; padding:50px 30px; margin-top:31px }
.mypage_personal_info_wrap { padding: 25px 20px; background: #fff; border:1px solid #cacaca; }
.my_photo { text-align: center; padding-bottom:10px;}
.my_page_nick { text-align: center; padding-bottom:5px;font-size: 15px; 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 { }
.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*/
.btn_point_wrap {padding-top:13px;}
.btn_my_page_point { padding:5px; display: block; color:#fff; background: #979797; line-height: 30px; text-align: center }
.btn_my_page_point:hover { color: #fff; background:#2992ee}
.my_page_nav_wrap li { border:0px solid #cfcfcf; background:#fff; margin:5px 0;  }
.my_page_nav_wrap li a { display: block; padding: 10px; font-size: 16px; text-align: center;color: #333;font-weight:bold;}
.my_page_nav_wrap li a:hover { background: #ffffff;}
.my_page_body_title { padding: 20px 0 10px; }
.my_page_body_nav { padding-top:20px; overflow: hidden}
.my_page_body_nav li { float: left; border:1px solid #cfcfcf; border-radius: 5px; font-weight: bold; width:25%; box-sizing: border-box;}
.my_page_body_nav li:last-child { border-right-width: 1px;}
.my_page_body_nav li:hover { background: #fafafa}
.my_page_body_nav li.active { background: #999999 }
.my_page_body_nav li a { display: block; line-height:45px; text-align: center; font-size: 15px;}
.my_page_body_nav li.active a { color:#fff; font-weight: 600 }
.mypage_list_head th { line-height:44px; background:#eeeeee; font-weight: normal; padding:0 5px;}
.my_page_list_cell td.mypage_list_num, .my_page_list_cell td.mypage_list_subject, .my_page_list_cell td.mypage_list_photo, .my_page_list_cell td.mypage_list_con, .my_page_list_cell td.mypage_list_date
{ padding: 5px; font-size: 12px; }
.mypage_list_subject { font-size: 14px; font-weight: 600 }
.mypage_list_num { width:50px; text-align: center }
.mypage_list_photo { width: 150px; text-align: center }
.mypage_list_con { width:auto;}
.mypage_list_con .nomy_notice { font-size: 12px; margin-top:9px; }
.mypage_list_con .detail_list_mem_total_wrap *, .mypage_list_con .detail_list_mem_total_wrap { font-size: 12px !important}
.mypage_list_con table  table td { font-size: 12px !important }
.mypage_list_date { width: 90px; text-align: center; margin-top:10px;}
.review_entry { width:130px; text-align: center}
.btn_review_entry { background:#ff6701; font-size:13px; text-align: center; color:#fff; line-height:43px; display: inline-block; border-radius: 3px; padding:0 15px; }
.review_item1 { border:1px solid #979797; background: #f0f0f0; padding:3px 8px; border-radius:3px}
.mypage_list_photo.review { padding:15px 0 !important }

/* store mypage */
.mypage_upche_list_wrap .my_page_list_cell td.mypage_list_con, .mypage_upche_list_wrap .my_page_list_cell td.mypage_list_photo { padding:15px 5px}
.mypage_upche_list_detail { margin-top:5px;}
.mypage_upche_list_detail th { font-size: 12px; text-align: left; font-weight: normal}
.mypage_upche_list_detail td { padding:2px 0; font-size: 12px; }
.review_entry_count { color: #fc6306 }
.mypage_left_banner table { height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 22px; padding: 5px 15px;  background: #2277eb; border-radius: 0px; width: 100% }
.mypage_left_banner table tr td { font-size: 22px; }

/*community*/
.parti_time { display: inline-block; padding:2px 4px ; background: #999; color:#fff;}

/*event*/
.event_list_wrap table>tr>td { background: #000; border:1px solid blue }
.event_list { margin-right:12.5px !important; }
.event_detail_wrap { padding:20px; background: #fff; border:1px solid #ddd }
.event_detail_wrap #ct {  padding: 20px !important; }

/*map */
#happy_map_mapContainer { width:100% !important }

/*회원관련*/
.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 }

/*______________________________ ringble ___________________________________________*/

/* Reset 
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'나눔고딕','nanumgothic','Nanum Gothic', 'nanum gothic',Dotum,AppleGothic,sans-serif; font-size:12px}
body{*word-break:break-all;-ms-word-break:break-all}
td,tr,th{font-size:9pt; font-family:돋움;}*/

/* Reset 
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'나눔고딕','nanumgothic','Nanum Gothic', 'nanum gothic',AppleGothic,sans-serif; font-size:12px}
body{*word-break:break-all;-ms-word-break:break-all}
td,tr,th{font-size:9pt; font-family:'나눔고딕','nanumgothic','Nanum Gothic', 'nanum gothic'} */

/* Reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'pretendard','나눔고딕','nanumgothic','Nanum Gothic', 'nanum gothic',AppleGothic,sans-serif; font-size:12px}
body{*word-break:break-all;-ms-word-break:break-all}
td,tr,th{font-size:9pt; font-family:'pretendard','나눔고딕','nanumgothic','Nanum Gothic', 'nanum gothic'}


a{text-decoration:none; color:#555;}
a:hover{ color: inherit }
a:hover,a:active,a:focus{text-decoration:none; color:inherit }


/* IE7이하 버전 input style */
#input_style_6_7 input{
#margin:-1px 0;
}

img,fieldset{
border:0;
}
ul,ol{list-style:none}
em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
hr{display:none}
legend{width:0;display:none;}
.hide {display:none;}

.WYSIWYG img{border:medium}
.WYSIWYG ul{list-style:disc}
.WYSIWYG ol{list-style:decimal}


/* PNG 처리 for IE 6 */
*html .png24 {_behavior:url("../css/iepngfix.htc")}



/* 툴팁 (Tooltip) */
#dhtmltooltip{
color:#7e7e7e;
position: absolute;
border: 1px solid #acacac;
padding:5px;
visibility: hidden;
z-index: 100;
box-shadow:5px 5px 5px #888;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#888888',direction='135',strength='5');
}
.rsv_info td{font-size:8pt;}
.rsv_info td.td_value{text-align:right;}
/* 음영을 삭제하려면 바래 아래 라인을 삭제하면 된다. 아래 라인은 반드시 CSS 영역의 가장 마지막에 위치시키도록 한다.*/
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); */

/* Common */
.basicFont {font-family:"돋움"; font-size:12px}
.bold {font-weight:bold}
.font8 {font:8px 'pretendard','나눔고딕','nanumgothic','Nanum Gothic', 'nanum gothic';}
.font9 {font:9px 'pretendard','나눔고딕','nanumgothic','Nanum Gothic', 'nanum gothic';}
.font10 {font:10px 'pretendard','나눔고딕','nanumgothic','Nanum Gothic', 'nanum gothic';}
.font11 {font:11px 'pretendard','나눔고딕','nanumgothic','Nanum Gothic', 'nanum gothic';}
.font12 {font:12px 'pretendard','나눔고딕','nanumgothic','Nanum Gothic', 'nanum gothic';}
.font13 {font:13px 'pretendard','나눔고딕','nanumgothic','Nanum Gothic', 'nanum gothic';}
.font14 {font:14px 'pretendard','나눔고딕','nanumgothic','Nanum Gothic', 'nanum gothic';}
.font15 {font:15px 'pretendard','나눔고딕','nanumgothic','Nanum Gothic', 'nanum gothic';}
.font16 {font:16px 'pretendard','나눔고딕','nanumgothic','Nanum Gothic', 'nanum gothic';}

.select_st select{
height:22px;
border:1px solid #9d9d9d;
}

.select_st2 select{
height:22px;
border:1px solid #9d9d9d;
width:120px;
margin-right:5px;
color:#737171;
}

.all_search_cate_row a { color:#7b7b7b; font:11px 'pretendard','나눔고딕','nanumgothic','Nanum Gothic', 'nanum gothic';}
.all_search_cate_row { color:#7b7b7b; font:11px 'pretendard','나눔고딕','nanumgothic','Nanum Gothic', 'nanum gothic';}

/* Wys2 reset */
#ct{word-break:break-all; text-align:justify;}
#ct table{border-collapse: separate}
#ct ul{padding-left:20px; display:block}
#ct ul li{display:list-item; list-style:disc;line-height: 1.6em;}
#ct ol{padding-left:20px; display:block}
#ct ol li{list-style:decimal;  display:list-item}
#ct hr{display:block}
#ct p, #ct div{font-size:inherit;line-height: 1.6em;}

.ct{word-break:break-all; text-align:justify;}
.ct table{border-collapse: separate}
.ct ul{padding-left:20px; display:block}
.ct ul li{display:list-item; list-style:disc}
.ct ol{padding-left:20px; display:block}
.ct ol li{list-style:decimal;  display:list-item}
.ct hr{display:block}
.ct p, .ct div{font-size:inherit}