html, body { margin: 0; padding: 0; height: 100%; width:100%; overscroll-behavior: contain; } 

/* 변수 선언 */
:root {
    --width-web-default: 1000px; /* 웹 기본 너비 */
    --width-web-big: 1300px; /* 웹 큰 사이즈 너비 */
	--app-default-color: #EC6700; /* 앱 기본 색상 */
	--app-hover-color: #EF802A; /* 앱 마우스 오버시 색상 */

	--color-kakao-bg		: #FEE500;	/* 카카오 배경 */
	--color-kakao-focus	: #FEda00;	/* 카카오 배경 포커스 */
	--color-google-bg		: #131314;	/* 구글 배경 */
	--color-google-focus	: #3D3D40;	/* 구글 배경 포커스 */
	--color-naver-bg		: #1EC800;	/* 네이버 배경 */
	--color-naver-focus	: #1FB404;	/* 네이버 배경 포커스 */
}



/* 글자입력창 X 버튼 삭제 - IE의 경우 */
input::-ms-clear, 
input::-ms-reveal{ display:none; }
/* 글자입력창 X 버튼 삭제 - 크롬의 경우 */
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{ display:none; }
input{ background-color: transparent; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }

/* 숫자 입력일때 우측 화살표 제거 Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/* 자 입력일때 우측 화살표 제거 Firefox  */
input[type='number'] { -moz-appearance: textfield; }


/* 내부 내용 너비 */
.width_web_default { width:var(--width-web-big); margin-left:calc(50% - (var(--width-web-big) / 2 )); }
.width_web_big { width:var(--width-web-big) !important; margin-left:calc(50% - (var(--width-web-big) / 2 )); }

.text_red {color:#f00 !important;}

/*.nodrag {-webkit-user-select: none; -moz-user-select: none; -ms-use-select: none; user-select: none;}*/
/************************************************************************************************************************* 
	상단 공통 부분
*************************************************************************************************************************/

/* 윗줄 ( 스토어, 회원가입 버튼 )*/
.top_div { width:100%; position:relative; height:110px; }
.top_div > .top_title_div > .store { position:absolute; right:0px; top:5px; }
.top_div > .top_title_div > .store > div { display:inline-block; height:20px; line-height:20px; cursor:pointer; margin-right:5px; }
.top_div > .top_title_div > .store > div > img { float:left; width:20px; height:20px; }
.top_div > .top_title_div > .store > div > span { float:left; font-size:13px; color:#555; font-weight:600; }
.top_div > .top_title_div > .store > div:hover > span { color:var(--app-default-color); }
.top_div > .top_title_div > .store > .youtube > img { margin-right:5px; }
/* End - 윗줄 ( 스토어, 회원가입 버튼 )*/

.top_div > .top_title_div > .banner { position:absolute; right:0px; top:35px; height:60px; width:300px; background:#ccc; cursor:pointer; }
.top_div > .top_title_div > .banner > img{height:100%; width:100%;}
.top_div > .top_title_div > .banner:hover {opacity:0.9}

/* 제목, 검색어 부분 */
.top_div > .top_title_div { position:relative; height:100px; margin-top:20px; }
.top_div > .top_title_div > div { display:inline-block; }
.top_div > .top_title_div > .lock {position:absolute; width:30px; height:30px; left:-40px; top:35px; cursor:pointer;}
.top_div > .top_title_div > .lock > svg {fill:#eee; width:30px; height:30px;}
.top_div > .top_title_div > .lock:hover > svg {fill:#f00;}
.top_div > .top_title_div > .left { position:relative; width:300px; }
.top_div > .top_title_div > .left > div { float:left; height:100px; line-height:100px;}
.top_div > .top_title_div > .left > div > div { float:left; height:100px; line-height:100px;  }
.top_div > .top_title_div > .left > div > div > span { font-size:24px; font-weight:600; color:#000; }
.top_div > .top_title_div > .left > div > .icon_div > img { width:30px; height:30px; margin-top:35px; }
.top_div > .top_title_div > .left > div > span { font-size:24px; font-weight:600; color:#000;}
.top_div > .top_title_div > .left > div > .top_title_span { font-size:32px; cursor:pointer; }
.top_div > .top_title_div > .left > div > .top_title_span_no_link { font-size:32px; cursor:default; }
.top_div > .top_title_div > .left > div > .top_title_span:hover {color:var(--app-default-color);}
.top_div > .top_title_div > .left > .homepage_title {cursor:pointer; height:30px;line-height:30px; margin-top:45px; user-select : none;}
.top_div > .top_title_div > .left > .homepage_title > div { float:left; height:30px; line-height:30px; }
.top_div > .top_title_div > .left > .homepage_title > .icon_div > img { margin-top:0px; margin-left:5px; margin-right:5px;}
.top_div > .top_title_div > .left > .homepage_title:hover > div > span { color:var(--app-default-color); }
.top_div > .top_title_div > .left > .homepage_guide { position:absolute; height:20px; left:0; top:-20px; user-select : none;}
.top_div > .top_title_div > .left > .homepage_guide > span {font-size:15px; font-style:italic;}
.top_div > .top_title_div > .left > .dot {margin-left:10px; margin-right:10px;}
.top_div > .search { position:absolute; left:50%; transform: translate(-50%, 0); height:50px; top:5px; width:500px; border: solid 2px var(--app-default-color); border-top-left-radius: 10px; border-top-right-radius: 10px; line-height:50px; }
.top_div > .search > input { font-size:14px; float:left; margin-left:10px; height:48px; width:340px; border:0px; }
.top_div > .search > input:focus{ outline:none; }
.top_div > .search > img { float:right; width:30px; height:30px; margin-top:10px; margin-right:10px; cursor:pointer; }
.top_div > .search > img:hover { width:26px; height:26px; margin-top:12px; }
.top_div > .search > .icon { float:right; width:30px; height:30px; margin-top:10px; margin-right:10px; cursor:pointer; }
.top_div > .search > .icon > svg {width:30px; height:30px; fill:var(--app-default-color); }
.top_div > .search.disable { border: solid 2px #ccc; }
.top_div > .search.disable > img {display:none}
.top_div > .search.disable > .icon {cursor:default;}
.top_div > .search.disable > .icon > svg {fill:#ccc; }

.top_div > .search_auto_complete {position:absolute; z-index:5; background:#fff; border:1px solid #eee; overflow-x:hidden; overflow-y:auto; max-height:400px; left:50%; transform: translate(-50%, 0); top:55px; width:502px; scrollbar-width:thin;}
.top_div > .search_auto_complete > div {cursor:pointer; background:#fff; min-height:40px;}
.top_div > .search_auto_complete > div:hover {background:#f5f5f5;}
.top_div > .search_auto_complete > div > div > svg {width:16px; height:16px; fill:#aaa; margin:2px;}
.top_div > .search_auto_complete > div > .icon_search { float:left; padding:10px; }
.top_div > .search_auto_complete > div > .span_div { display:inline-block; width:calc(100% - 80px); margin-top:10px; line-height:20px; margin-bottom:10px; }
.top_div > .search_auto_complete > div > .span_div > span {font-size:13px; color:#000;}
.top_div > .search_auto_complete > div > .icon_set { float:right; -webkit-transform: rotate(-45deg); padding-right:10px; padding-top:6px; }
.top_div > .search_auto_complete > div > .icon_set:hover > svg {fill:var(--app-default-color);}

.top_div > .text_btns { position:absolute; left:50%; transform: translate(-50%, 0); top:70px; width:500px; text-align:center;}
.top_div > .text_btns > span { font-size:15px; color:#555; font-weight:600; }
.top_div > .text_btns > .dot { margin-left:5px; margin-right:5px; }
.top_div > .text_btns > .divider { margin-left:10px; margin-right:10px; color:#ddd;}
.top_div > .text_btns > div { display:inline-block; height:20px; line-height:20px; cursor:pointer; position:relative; }
.top_div > .text_btns > div > span { font-size:13px; color:#555; }
.top_div > .text_btns > div > .new_dot { width:6px; height:6px; border-radius:10px; background:#f00; position:absolute; top:-2px; right:-8px; }
.top_div > .text_btns > div > .highlight { font-weight:600; color:#000; }
.top_div > .text_btns > div > span:hover { color:var(--app-default-color); }

/* End - 제목, 검색어 부분 */

/************************************************************************************************************************* 
	End - 상단 공통 부분 
*************************************************************************************************************************/


/************************************************************************************************************************* 
	내용 공통 부분
*************************************************************************************************************************/

/* 내용 부분 */
.body_div { width:100%; margin-bottom:100px;  }
.body_div > .body_inner_div { position:relative; display:table; }
.body_div > .body_inner_div > .ad_div { display:table-row; width:100%; height:90px; }
.body_div > .body_inner_div > .ad_div > div { width:100%; height:90px; background-color:#ccc; margin-top:20px; line-height:90px; text-align:center; }
.body_div > .body_inner_div > .contents_div { display:table-row;width:100%; margin-top:20px; display:block; }
.body_div > .body_inner_div > .contents_div.small{ width:var(--width-web-default); margin-left:50%; transform: translate(-50%, 0); }
.body_div > .body_inner_div > .contents_div > .contents_left_div{ float:left; width:calc(var(--width-web-big) - 320px); min-height:100px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .pagenumber_div { width:100%; text-align:center; height:40px; line-height:40px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .pagenumber_div > div > span { cursor:pointer; font-size:15px; color:#555; padding:5px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .pagenumber_div > div > span:hover {font-weight:600;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .pagenumber_div > div > .current {color:var(--app-default-color); font-weight:600;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .bottom_line { border-bottom:1px solid #ccc; }
/* End - 내용 부분 */


/* 하단 회사 정보 부분 */
.bottom_company_info_div { display:table-row; height:200px; }
.bottom_company_info_div > .button_div { width:100%; text-align:center; padding-top:20px; margin-top:100px;border-top:solid 1px #000000; }
.bottom_company_info_div > .button_div > div { display:inline-block; }
.bottom_company_info_div > .button_div > div > span { font-size:13px; color:#555; cursor:pointer; }
.bottom_company_info_div > .button_div > div > span:hover { color:#000; font-weight:600; }
.bottom_company_info_div > .button_div > span { display:inline-block;  font-size:13px; color:#555; font-weight:600; margin-left:3px; margin-right:3px; }
.bottom_company_info_div > .copyright_div { width:100%; text-align:center; margin-top:10px; margin-bottom:0px; }
.bottom_company_info_div > .copyright_div > span { font-size:13px; color:#555; font-weight:500; }
.bottom_company_info_div > .copyright_div > .app_name { color:var(--app-default-color); }
/* End - 하단 회사 정보 부분 */


/* 준비중 화면 */
.prepare_div { width:100%; height:600px; text-align:center; border:1px solid #DDDDDD; }
.prepare_div > img { margin-top:60px; width:200px; height:200px; }
.prepare_div > div > span { color:#999; }
.prepare_div > div > .title { font-size:36px; margin-top:30px; height:70px; line-height:70px; }
.prepare_div > div > .sub { font-size:20px; height:30px; line-height:30px; }
.prepare_div > .application_box {width:400px; margin-top:50px; border:1px solid #ccc; background:#fafafa; margin-left: 50%; transform: translate(-50%, 0); padding-bottom:30px;}
.prepare_div > .application_box > .app_btn_area {width:100%; height:50px; text-align:center; margin-top:20px; }
.prepare_div > .application_box > .app_btn_area > div {height:30px; width: fit-content; margin:10px; display:inline-block; cursor:pointer;}
.prepare_div > .application_box > .app_btn_area > div > div {float:left; height:30px; line-height:30px;}
.prepare_div > .application_box > .app_btn_area > div > div > img {width:30px; height:30px;}
.prepare_div > .application_box > .app_btn_area > div > div > span {font-size:18px; color:#000; font-weight:500;}
.prepare_div > .application_box > .app_btn_area > div > .text { margin-left:5px;}
.prepare_div > .application_box > .app_btn_area > div:hover > div > span {color:var(--app-default-color);}
.prepare_div > .application_box > .app_guide { margin-top:10px;}
.prepare_div > .application_box > .app_guide > span {font-size:15px; color:#555;}
/* End - 준비중 화면 */

/* 로딩팝업 */
#loading_popup > .image_loading { text-align:center; height:50px; background:transparent; margin-top:40%; transform: translate(-50%,-50%); z-index:9}
#loading_popup > .image_loading > #loading { width:50px; height:50px; border: 3px solid rgba(255,255,255,1); border-top-color:#000; }
/* End - 로딩팝업 */

/* 맵선택 팝업 */
.pin_icon {position:relative; cursor:pointer;}
.pin_icon > svg {width:14px; height:14px; margin-top:0px; margin-left:5px; fill:#F00;}
.pin_icon:hover > svg {width:20px; height:20px; margin-top:-6px; margin-left:2px;}
.pin_icon > .map_select_popup { z-index:9; width:90px; background:#fff; overflow-y:hidden; border:1px solid #ccc; border-radius:5px; top:-80px; left:-35px; position:absolute; padding-top:5px; padding-bottom:5px; animation-iteration-count: 1; animation-duration: 0.3s; animation-name: map_select_popup_animation; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.pin_icon > .map_select_popup > div {height:30px; width:100%; cursor:pointer; }
.pin_icon > .map_select_popup > div > div {height:100%; line-height:30px; float:left;}
.pin_icon > .map_select_popup > div > div > img {width:20px; height:20px; margin-top:5px;}
.pin_icon > .map_select_popup > div > div > span {font-size:13px; color:#333; font-weight:600;}
.pin_icon > .map_select_popup > div:hover > div > span {font-size:13px; color:var(--app-default-color);}
.pin_icon > .map_select_popup > div > .icon {margin-left:5px;}
.pin_icon > .map_select_popup > div > .name {margin-left:5px;}
.pin_icon > .map_select_popup.down {top:20px;animation-name: map_select_popup_animation_down;}
@keyframes map_select_popup_animation {
  0% { transform: translate(0, 50%); height:30px; }
  100% { transform: translate(0, 0); height:60px; }
}
@keyframes map_select_popup_animation_down {
  0% { transform: translate(0, 0); height:30px; }
  100% { transform: translate(0, 0); height:60px; }
}
/* End - 맵선택 팝업 */

/* 드랍다운 메뉴 팝업 */
.drow_down_menu {position:relative; cursor:pointer; width:20px; height:20px;}
.drow_down_menu > svg {width:14px; height:14px; margin-top:3px; margin-left:3px; fill:#000;}
.drow_down_menu:hover > svg {fill:var(--app-default-color);}
.drow_down_menu > .drow_down_menu_popup { z-index:9; background:#fff; width:150px; overflow-y:hidden; border:1px solid #ccc; border-radius:5px; top:20px; right:0px; position:absolute; padding-top:5px; padding-bottom:5px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.drow_down_menu > .drow_down_menu_popup > div { text-align:center; height:30px; line-height:30px; cursor:pointer; background:#fff; }
.drow_down_menu > .drow_down_menu_popup > div:hover {background:#fafafa;}
.drow_down_menu > .drow_down_menu_popup > div > span {font-size:13px; color:#000;}


/* 페이지 번호 */
.pagenumber_div { width:100%; text-align:center; height:40px; line-height:40px; }
.pagenumber_div > div > span { cursor:pointer; font-size:15px; color:#555; padding:5px; }
.pagenumber_div > div > span:hover {font-weight:600;}
.pagenumber_div > div > .current {color:var(--app-default-color); font-weight:600;}
/* End - 페이지 번호 */

/* 상단으로 스크롤 이동 버튼 */
.move_scroll_top_button { position:fixed; background:#ffffff; border:1px solid #ccc; border-radius:50px; width:50px; height:50px; bottom:30px; right:30px; cursor:pointer; }
.move_scroll_top_button > svg {width:30px; height:30px; margin-left:10px; margin-top:10px; fill:#ccc;}
.move_scroll_top_button:hover {background:#fafafa;}

/************************************************************************************************************************* 
	오른쪽 영역
*************************************************************************************************************************/
.body_div > .body_inner_div > .contents_div > .contents_right_div{ float:left; width:300px; min-height:500px; margin-left:18px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > div {width:100%; border:1px solid #ccc;}


/* 로그인 박스 */
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div { width:280px; height:190px; padding-left:20px; background-color:#FAFAFA; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .top_guide_div {margin-top:10px; width:260px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .top_guide_div > span {color:#999; font-size:13px; height:30px; line-height:30px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .login_btn_div { background-color:var(--app-default-color); width:260px; height:50px; margin-top:5px; border-radius:5px; text-align:center; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .login_btn_div > span {color:#fff; font-size:20px; font-weight:500; height:50px; line-height:50px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .login_btn_div:hover{ background-color:var(--app-hover-color);}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .sns_login {height:40px; width:260px; margin-top:10px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .sns_login > div {float:left; width:125px; height:40px; margin-left:10px; cursor:pointer; border-radius:5px; text-align:center;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .sns_login > div:first-child{margin-left:0px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .sns_login > div > img {width:24px; height:24px; margin:8px;}

.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .sns_login > .kakao {background:var(--color-kakao-bg);}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .sns_login > .kakao:hover {background:var(--color-kakao-focus);}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .sns_login > .google {background:var(--color-google-bg);}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .sns_login > .google:hover {background:var(--color-google-focus);}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .sns_login > .naver {background:var(--color-naver-bg);}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .sns_login > .naver:hover {background:var(--color-naver-focus);}


.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .bottom_div { width:260px; height:30px; margin-top:5px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .bottom_div > div {height:30px; display:inline-block; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .bottom_div > div > span {float:left;font-size:13px; height:30px; line-height:30px; font-weight:600; color:#999}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .bottom_div > div > img {float:left;width:20px; height:20px; margin-top:5px; margin-right:3px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .bottom_div > .left {float:left;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .bottom_div > .right {position:absolute; right:20px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .bottom_div > .left > .find_id { cursor:pointer; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .bottom_div > .left > .find_id:hover {color:#000;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .bottom_div > .left > .find_pw { cursor:pointer; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .bottom_div > .left > .find_pw:hover {color:#000;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .bottom_div > .right > .sign_up { cursor:pointer; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .login_dox_div > .bottom_div > .right > .sign_up:hover {color:#000;}
/* End - 로그인 박스 */

/* 유저 박스 */
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div { width:280px; height:135px; padding-left:20px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div { display:block; margin-top:20px; width:260px; height:40px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > div{display:inline-block;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .left { float:left; width:40px; position:relative; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .left > .empty { width:40px; height:40px; border-radius:30px; border:1px solid #ddd; background-color:#eee; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .left > .empty > img { width:30px; height:30px; margin:5px }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .left > .thumbnail { width:40px; height:40px; border-radius:30px; border:1px solid #ddd; background-color:#eee; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .left > .thumbnail > img { width:40px; height:40px; border-radius:30px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .left > .icon_edit { position:absolute; bottom:-3px; right:-5px; width:18px; height:18px; border:1px solid #ccc; background-color:#fff; border-radius:20px; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .left > .icon_edit:hover {background-color:#eee;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .left > .icon_edit > svg {width:8px; height:8px; margin:5px; fill:#000;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .right { float:left; width:210px; margin-left:10px; position:relative;  }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .right > div { height:30px; position:absolute; left:0; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .right > div:last-child {top:18px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .right > div > span { font-size:12px; color:#000; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .right > div > .business_user_span { font-weight:600; color:var(--app-default-color); }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .right > div > .id_span { color:#999; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .right > div > .reg_drink_span { color:#555; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .right > div > .percent_span { color:#555; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .right > div > .acl_span { color:#555; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .right > .nickname {}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .right > .nickname > div {float:left;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .right > .nickname > .nickname_span { font-size:14px; color:#000; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .right > .nickname > .icon { width:16px; height:16px; border-radius:3px; margin-top:2px; margin-left:2px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .right > .nickname > .icon > img {width:10px; height:10px; margin:3px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .right > .nickname > .kakao {background:var(--color-kakao-bg);}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .right > .nickname > .google {background:var(--color-google-bg);}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .user_div > .right > .nickname > .naver {background:var(--color-naver-bg);}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .history {margin-top: 10px; text-align: center; width:258px; line-height:20px; height:25px; background:#fafafa; border:1px solid #eee;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .history > span {font-size:12px; color:#555;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .bottom {width:260px; margin-top:0px; text-align:center; border-top:0px solid #d9d9d9; height:30px; line-height:30px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .bottom > span { font-size:12px; color:#000; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .bottom > .btn { cursor:pointer; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .user_dox_div > .bottom > .btn:hover{ font-weight:600; }
/* End - 유저 박스 */

/* 글쓰기 버튼 */
.body_div > .body_inner_div > .contents_div > .contents_right_div > .write_btn { width:300px; height:40px; background-color:var(--app-default-color); border:0; cursor:pointer; text-align:center; margin-top:10px; margin-bottom:-10px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .write_btn:hover { background-color:var(--app-hover-color); }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .write_btn > span { width:300px; font-size:15px; font-weight:600; color:#fff; height:40px; line-height:40px; }
/* End - 글쓰기 버튼 */

/* 게시판 박스 */
.body_div > .body_inner_div > .contents_div > .contents_right_div > .post_box_div { width:280px; padding-left:20px; margin-top:20px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .post_box_div > .title { width:260px; height:50px; line-height:50px; border-bottom:solid 1px #ccc; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .post_box_div > .title > span { font-size:14px; color:#555; font-weight:600; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .post_box_div > .list { width:260px; padding-top:5px; padding-bottom:5px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .post_box_div > .list > div { width:100%; height:30px; line-height:30px; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .post_box_div > .list > div:hover > span { font-weight:600;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .post_box_div > .list > div > span { font-size:12px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .post_box_div > .list > div > .name{ color:#000; float:left; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .post_box_div > .list > div > .category{ color:#aaa; float:right; }
/* End - 게시판 박스 */


/* 공지사항 박스 */
.body_div > .body_inner_div > .contents_div > .contents_right_div > .notice_box_div { width:280px; padding-left:20px; margin-top:20px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .notice_box_div > .title { width:260px; height:50px; line-height:50px; border-bottom:solid 1px #ccc; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .notice_box_div > .title > span { font-size:14px; color:#555; font-weight:600; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .notice_box_div > .title > .more { float:right; text-decoration: underline; cursor:pointer; font-weight:400; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .notice_box_div > .title > .more:hover { color:#000; font-weight:600;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .notice_box_div > .list { width:260px; padding-top:5px; padding-bottom:5px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .notice_box_div > .list > div { width:100%; height:30px; line-height:30px; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .notice_box_div > .list > div:hover > span { font-weight:600;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .notice_box_div > .list > div > span { font-size:12px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .notice_box_div > .list > div > .name{ color:#000; float:left; width:180px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .notice_box_div > .list > div > .date{ color:#aaa; float:right; }
/* End - 공지사항 박스 */

/* 광고 영역 */
.body_div > .body_inner_div > .contents_div > .contents_right_div > .ad_div { width:300px; height:300px; margin-top:20px; border:0;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .ad_div > div { width:100%; height:300px; background-color:#ccc; line-height:300px; text-align:center; }
/* End - 광고 영역 */

/* 드링크 박스 */
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div{ border:0; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > div { margin-top:20px; position:relative;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > div > .title { height:20px; line-height:20px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > div > .title > div {float:left;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > div > .title > div > span { font-size:15px; color:#000; font-weight:600;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > div > .title > .more {float:right; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > div > .title > .more > span { font-size:13px; color:#ccc; font-weight:600;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > div > .title > .more:hover > span {color:var(--app-default-color)}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > div > .title > .pin_icon {margin-top:3px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > div > .refresh {position:absolute; top:0; right:0; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > div > .refresh > div {float:left; height:20px; line-height:20px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > div > .refresh > div > svg {width:10px; height:10px; fill:#ccc; margin-top:5px; margin-right:5px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > div > .refresh > div > span {font-size:13px; color:#ccc; font-weight:600;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > div > .refresh:hover > div > svg{fill:var(--app-default-color);}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > div > .refresh:hover > div > span{color:var(--app-default-color);}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .here { border-bottom:1px solid #eee; padding-bottom:20px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .here > .address { font-size:13px; height:15px; line-height:15px; color:#555; margin-top:15px; }

.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .here > .image_loading { text-align:center; display:none; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .here > .image_loading > #loading { width:13px; height:13px; border: 3px solid rgba(200,200,200,1); border-top-color:var(--app-default-color); margin-top:11px; }

.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box { border:1px solid #eee; margin-top:20px; padding:20px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div {margin-top:25px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div:first-child{margin-top:0px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .title > span {font-size:14px; font-weight:600; color:#000;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .items { margin-top:5px; font-size:0; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .items > .item {display:inline-block; height:20px; min-width:70px; margin-top:10px; line-height:20px; cursor:pointer; margin-right:15px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .items > .item > div {float:left;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .items > .item > div > svg{ width:14px; height:14px; margin-top:3px; margin-right:5px; fill:#aaa }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .items > .item > div > span{ font-size:13px; color:#aaa}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .items > .item:hover > div > span{ font-weight:600; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .items > .focus > div > svg {fill:var(--app-default-color);}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .items > .focus > div > span {color:var(--app-default-color);}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .slider {margin-top:10px; margin-bottom:10px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .guide > span {font-size:14px; color:#aaa;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .date{ text-align:center; margin-top:20px;background:#fafafa; border:1px solid #eee; border-radius:5px; padding-top:10px; padding-bottom:10px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .date > input { font-size:14px; width:100px; border:0; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .filter > .box > div > .date > span {margin-left:10px; margin-right:10px; font-weight:600;}


.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .event > .box { border:1px solid #eee; margin-top:20px; padding:20px; }
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .event > .box > .item {margin-top:15px; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .event > .box > .item:first-child{margin-top:0px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .event > .box > .item > .top { min-height:20px; line-height:20px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .event > .box > .item > .top > div {font-size:13px; color:#000; font-weight:600;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .event > .box > .item > .data {margin-top:5px; font-size:13px; border-left:1px solid #ccc; padding-left:10px;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .event > .box > .item > .data > .body { color:#000; line-height:20px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .event > .box > .item > .data > .date {margin-top:3px; color:#999;}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .event > .box > .item:hover > .top > div {color:var(--app-default-color);}
.body_div > .body_inner_div > .contents_div > .contents_right_div > .drink_div > .event > .box > .item:hover > .data {border-left:1px solid var(--app-default-color);}
/* End - 드링크 박스 */

/* 전체 개인정보 처리방침 */
.global_personal {max-width:950px; width:calc(100% - 40px); margin-left: 50%; transform: translate(-50%, 0); padding-bottom:50px;}
.global_personal > div {width:calc(100% - 40px); padding:20px;}
.global_personal > .title { width:calc(100% - 40px); margin-top:30px; margin-bottom:30px;}
.global_personal > .title > span {font-size:14px; color:#000; font-weight:600;}
.global_personal > .box { background:#fff; border-radius:10px; margin-bottom:50px; }
.global_personal > .box > .title { border-bottom:1px solid #eee; padding-bottom:10px;}
.global_personal > .box > .title > span {font-weight:600}
.global_personal > .box > .body {margin-top:10px; line-height:30px;}
.global_personal > .box > div > span {font-size:14px; color:#000;}

/************************************************************************************************************************* 
	End - 오른쪽 영역
*************************************************************************************************************************/


/************************************************************************************************************************* 
	팝업
*************************************************************************************************************************/

/* 팝업 공통 */
.popup { position:fixed; background:#00000060; width:100%; height:100%; top:0px; left:0; z-index:5 }
.popup > div {background:#fff; border-radius:10px; margin-left: 50%; margin-top:100px; transform: translate(-50%, 0);padding-bottom:20px;}
.popup > div > .title { width:100%; height:40px; line-height:40px; text-align:center; }
.popup > div > .title > span {font-size:15px; color:#000; font-weight:600; }
.popup > div > .sub_title { width:100%; height:20px; line-height:20px; text-align:center; margin-top:-5px; margin-bottom:20px; }
.popup > div > .sub_title > span {font-size:14px; color:#999; font-weight:600; }
.popup > div > .body {width:calc(100% - 40px); margin-left:20px; text-align:center; margin-top:10px;}
.popup > div > .body > span {color:#555; font-size:15px;}
.popup > div > .guide {width:calc(100% - 40px); margin-left:20px; margin-top:10px;}
.popup > div > .guide > span {color:#555; font-size:13px;}
.popup > div > .close_btn{ position:absolute; top:10px; right:10px; cursor:pointer; }
.popup > div > .close_btn > svg {width:20px; height:20px; fill:#000; }
.popup > div > input {width:calc(100% - 40px); height:50px; border:1px solid #ccc; border-radius:5px; margin-left:20px; margin-top:20px; text-align:center;}
.popup > div > input:focus{ outline:none; }
.popup > div > .one_button{ width:calc(100% - 40px); height:50px; background:var(--app-default-color); cursor:pointer; border-radius:5px; margin-left:20px; text-align:center; line-height:50px; margin-top:20px; }
.popup > div > .one_button:hover{background:var(--app-hover-color);}
.popup > div > .one_button > span {width:100%; color:#fff; font-size:15px; font-weight:600;}
.popup > div > .one_button > .loading { width:20px; height:20px; border: 3px solid rgba(255,255,255,1); border-top-color:#000; margin-top: 10px; }
/* End - 팝업 공통 */

/* 회원탈퇴 팝업 */
.popup > .popup_withdraw { width:300px; }
.popup > .popup_withdraw > .one_button {background:#f00;}
.popup > .popup_withdraw > .one_button:hover {background:#e00;}

/* 매장 삭제 팝업 */
.popup > .popup_delete_shop { width:300px; }
.popup > .popup_delete_shop > .one_button {background:#f00;}
.popup > .popup_delete_shop > .one_button:hover {background:#e00;}

/* 프로필 변경 팝업 */
.popup > .popup_profile_nickname { width:350px; }
.popup > .popup_profile_nickname > .body { margin-bottom:20px; }
.popup > .popup_profile_nickname > .thumbnail { position:relative; width:calc(100% - 100px); height:250px; margin-left:50px; border-radius:200px; border:1px solid #ccc; margin-top:20px; margin-bottom:20px; }
.popup > .popup_profile_nickname > .thumbnail > div { border-radius:200px; height:100%;}
.popup > .popup_profile_nickname > .thumbnail > div > img { width:100%; height:100%; border-radius:200px; }
.popup > .popup_profile_nickname > .thumbnail > .empty { background:#fafafa; text-align:center; }
.popup > .popup_profile_nickname > .thumbnail > .empty > img { width:200px; height:200px; margin-top:25px;}
.popup > .popup_profile_nickname > .thumbnail > .icon { position:absolute; bottom:15px; right:15px; width:40px; height:40px; background:#fff; border:1px solid #ccc; border-radius:60px; cursor:pointer; }
.popup > .popup_profile_nickname > .thumbnail > .icon:hover {background:#eee;}
.popup > .popup_profile_nickname > .thumbnail > .icon > svg {width:20px; height:20px; fill:#000; margin-top:10px; margin-left:10px;}
.popup > .popup_profile_nickname > .thumbnail > .delete > svg {fill:#f00;}

.popup > .popup_profile_nickname > .thumbnail > .image_loading { text-align:center; background:#fafafa; }
.popup > .popup_profile_nickname > .thumbnail > .image_loading > #loading { width:50px; height:50px; border: 3px solid rgba(255,255,255,1); border-top-color:var(--app-default-color); margin-top:100px; }
.popup > .popup_profile_nickname > input:disabled {background:#eee;}

/* 프로필 변경 팝업 */
.popup > .popup_event { width:700px; border-radius:0px; padding:0; background:#00000000; user-select : none; }
.popup > .popup_event > .popup_body {width:100%; position:relative; overflow:hidden;}
.popup > .popup_event > .popup_body > .image_list {width:2100;}
.popup > .popup_event > .popup_body > .image_list > img {width:700px; float:left; border-top-left-radius:5px; border-top-right-radius:5px; cursor:pointer;}
.popup > .popup_event > .popup_body > .page { background-color:#00000090; border-radius:20px; height:25px; line-height:25px; padding-left:10px; padding-right:10px; position:absolute; right:10px; bottom:10px;}
.popup > .popup_event > .popup_body > .page > span {font-size:11px; color:#fff;}
.popup > .popup_event > .popup_body > .button {height:100%; width:60px; position:absolute; top:0; cursor:pointer;}
.popup > .popup_event > .popup_body > .button > div { margin-left:10px; background:#ffffff20; border-radius:10px; width:40px; height:40px;}
.popup > .popup_event > .popup_body > .button > div > svg {width:20px; height:20px; margin:10px; fill:#000;}
.popup > .popup_event > .popup_body > .button.left {left:0;}
.popup > .popup_event > .popup_body > .button.right {right:0;}
.popup > .popup_event > .popup_body > .button > div:hover {background:#ffffff50}
.popup > .popup_event > .popup_bottom {height:40px; width:100%; background:#000; line-height:40px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.popup > .popup_event > .popup_bottom > .left {float:left; margin-left:10px;}
.popup > .popup_event > .popup_bottom > .left > div {float:left; cursor:pointer;}
.popup > .popup_event > .popup_bottom > .left > div > span {font-size:13px; color:#fff;}
.popup > .popup_event > .popup_bottom > .left > div > svg {width:20px; height:20px; fill:#fff; margin-top:10px; margin-right:5px;}
.popup > .popup_event > .popup_bottom > .left > .check {display:none;}
.popup > .popup_event > .popup_bottom > .left > .check > svg {fill:var(--app-default-color);}
.popup > .popup_event > .popup_bottom > .left > .no_check > svg {fill:#ccc;}
.popup > .popup_event > .popup_bottom > .left.check > .no_check {display:none;}
.popup > .popup_event > .popup_bottom > .left.check > .check {display:block;}
.popup > .popup_event > .popup_bottom > .right {float:right; margin-right:5px; cursor:pointer; padding-left:10px; padding-right:10px;}
.popup > .popup_event > .popup_bottom > .right > div > span {font-size:13px; color:#fff;}

/* 익명유저 팝업 */
.popup > .popup_unknown_user { width:350px; padding-top:30px; }
.popup > .popup_unknown_user > .body {width:calc(100% - 40px); height:50px; margin-bottom:10px;}
.popup > .popup_unknown_user > .body > div {float:left;}
.popup > .popup_unknown_user > .body > .thumbnail { width:50px; height:50px; border:1px solid #ccc; border-radius:50px; margin-right:10px; }
.popup > .popup_unknown_user > .body > .thumbnail > svg {width:20px; height:20px; margin-top:15px; fill:#ccc;}
.popup > .popup_unknown_user > .body > .user > div { height:25px; line-height:25px; }
.popup > .popup_unknown_user > .body > .user > div > span {float:left; font-size:15px; color:#000;}
.popup > .popup_unknown_user > .body > .user > .title > span {font-size:16px; font-weight:600;}
.popup > .popup_unknown_user > .body > .block {float:right; margin-right:0px; cursor:pointer; margin-top:25px;}
.popup > .popup_unknown_user > .body > .block > div {float:left; height:25px; line-height:25px;}
.popup > .popup_unknown_user > .body > .block > div > svg {width:15px; height:15px; fill:#f00; margin-right:5px; margin-top:5px;}
.popup > .popup_unknown_user > .body > .block > .focus > svg {fill:#000;}
.popup > .popup_unknown_user > .body > .block > div > span {font-size:13px; color:#000;}
.popup > .popup_unknown_user > .body > .block:hover > div > span {font-weight:600;}

/* 익명유저 팝업 */
.popup > .popup_add_shop_select { width:300px; padding-top:30px; }
.popup > .popup_add_shop_select > .list { width:240px; margin-top:20px; margin-left:30px; border:1px solid #eee; }
.popup > .popup_add_shop_select > .list > div {text-align:center; height:30px; line-height:30px; cursor:pointer; border-bottom:1px solid #eee;}
.popup > .popup_add_shop_select > .list > div > span {font-size:15px; color:#000;}
.popup > .popup_add_shop_select > .list > div:last-child {border-bottom:0;}
.popup > .popup_add_shop_select > .list > div:hover {background:var(--app-default-color);}
.popup > .popup_add_shop_select > .list > div:hover > span {color:#fff;}

/* 알림 팝업 */
.popup_notification { position:fixed; background:var(--app-default-color); width:500px; height:60px; margin-left: 50%; transform: translate(-50%, 0); top:20px; z-index:1; border-radius:60px; 
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); cursor:default;
	animation-iteration-count: 1;
	animation-duration: 0.5s;
	animation-name: notification_slidedown;
}
@keyframes notification_slidedown {
  0% { transform: translate(-50%, -100%); }
  100% { transform: translate(-50%, 0); }
}
.popup_notification > div {float:left;}
.popup_notification > .icon { width:50px; height:50px; border-radius:50px; background:#fff; margin-left:5px; margin-top:5px; position:relative; }
.popup_notification > .icon > svg {width:30px; height:30px; margin-left:10px; margin-top:10px; fill:#000;}
.popup_notification > .icon > .chat {position:absolute; width:100%; height:100%; line-height:50px; color:#fff; font-size:13px; text-align:center; top:0; left:0; font-weight:600;}
.popup_notification > .contents { width:calc(100% - 55px - 50px - 15px); margin-left:15px; margin-top:10px; }
.popup_notification > .contents > div { height:16px; line-height:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.popup_notification > .contents > div > span { font-size:14px; color:#fff; }
.popup_notification > .contents > .title {margin-bottom:8px;}
.popup_notification > .contents > .title > span {font-size:15px; font-weight:600;}

.popup_notification > .close_btn{ position:absolute; top:20px; right:20px; cursor:pointer; }
.popup_notification > .close_btn > svg {width:20px; height:20px; fill:#fff; }

.popup_notification:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}



.popup_send_event_fcm_reserve { width:300px; padding-bottom:20px; }

.popup_send_event_fcm_reserve > .guide {margin-top:10px; text-align:center;}
.popup_send_event_fcm_reserve > .guide > span {font-size:15px; color:#aaa; }

.popup_send_event_fcm_reserve > .date { border:1px solid #aaa; border-radius:5px; width:calc(100% - 40px); height:40px; margin-left:20px; margin-top:20px;}
.popup_send_event_fcm_reserve > .date > input {width:100%; height:100%; border:0; text-align:center; font-weight:600;font-size:15px; color:#000; }
.popup_send_event_fcm_reserve > .date > input[type="date"]::-webkit-calendar-picker-indicator{ cursor:pointer; width:20px; height:20px; margin-right:10px; }
.popup_send_event_fcm_reserve > .date > input:focus{ outline:none; }
.popup_send_event_fcm_reserve > .date:hover{border:1px solid var(--app-default-color);}

.popup_send_event_fcm_reserve > .time {width:calc(100% - 40px); margin-left:20px; height:40px; margin-top:10px; line-height:40px; position:relative;}
.popup_send_event_fcm_reserve > .time > div {float:left; height:40px; text-align:center; font-size:15px; color:#000;}
.popup_send_event_fcm_reserve > .time > .box {border:1px solid #aaa; width:calc(50% - 17px); border-radius:5px; cursor:pointer; }
.popup_send_event_fcm_reserve > .time > .box:hover {border:1px solid var(--app-default-color);}
.popup_send_event_fcm_reserve > .time > .divider {width:30px; text-align:center; font-weight:600;}

.popup_send_event_fcm_reserve > .time > .dropdown {border:1px solid #aaa; border-radius:5px; position:absolute; left:0; top:40px; width:calc(50% - 17px); height:210px; overflow-y:auto; background:#fff; z-index:9; scrollbar-width:thin;}
.popup_send_event_fcm_reserve > .time > .dropdown > div {width:100%; text-align:center; font-size:15px; height:30px; line-height:30px; cursor:pointer;}
.popup_send_event_fcm_reserve > .time > .dropdown > div:hover{background:#eee;}
.popup_send_event_fcm_reserve > .time > .dropdown.minute {left:calc(50% + 15px);}

.popup_send_event_fcm_reserve > .save_btn {text-align:center; margin-top:20px; width:100%}
.popup_send_event_fcm_reserve > .save_btn > div { width:100px; height:40px; line-height:40px; background:var(--app-default-color); cursor:pointer; border-radius:5px; margin-left: 50%; transform: translate(-50%, 0);}
.popup_send_event_fcm_reserve > .save_btn > div > span {font-size:14px; color:#fff; font-weight:600;}
.popup_send_event_fcm_reserve > .save_btn > div:hover{background:var(--app-hover-color);}



.popup_enter_password {width:350px; padding-top:20px;}
.popup_enter_password > .text {text-align:center;}
.popup_enter_password > .text > span {font-size:15px; color:#000;}
.popup_enter_password > input {}

/* 큰 이미지 팝업 
.popup > .popup_big_image { width:100%; height:100%; margin-top:0; background:#000000; border-radius:0; }
.popup > .popup_big_image > .close_btn { right:none; width:40px; height:40px; left:10px; top:10px;}
.popup > .popup_big_image > .close_btn > svg {width:20px; height:20px; fill:#fff; margin-left:10px; margin-top:10px;  }
.popup > .popup_big_image > .div_big_image {width:100%; height:calc(100% - 103px); position:relative;}
.popup > .popup_big_image > .div_big_image > img { position:absolute; max-width:100%; max-height:100%; left:50%; top: 50%; transform: translate(-50%, -50%);}
.popup > .popup_big_image > .div_small_images { margin-top:10px; overflow-x:auto; white-space: nowrap; scrollbar-width:thin;text-align: center; }
.popup > .popup_big_image > .div_small_images > div { display:inline-block; width:80px; height:80px; cursor:pointer; margin-left:3px; margin-right:3px;}
.popup > .popup_big_image > .div_small_images > div > img { width:100%; height:100%; object-fit: cover;}
.popup > .popup_big_image > .div_small_images > .focus {border:2px solid #00aeff; width:76px; height:76px;}*/

/************************************************************************************************************************* 
	End - 팝업
*************************************************************************************************************************/




/*********************************************************************************************
	회원가입 폼 화면 
*********************************************************************************************/

.body_div > .body_inner_div > .contents_div > .signup_box_div { position:relative; width:500px; margin-left:calc(50% - 250px); margin-top:40px; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > div {width:100%;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > div > input { height:58px; width:100%; border:0px; font-size:16px; color:#000; padding-left:20px; padding-right:20px; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > div > input:focus{ outline:none; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .guide { margin-top:10px;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .guide > span {font-size:15px; color:#555;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .title { width:100%; border-bottom:1px solid #999; height:30px; padding-bottom:10px; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .title > span {font-size:15px; color:#000; font-weight:600;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .title > div { float:left; height:30px;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .title > div > div {float:left; height:100%; line-height:30px; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .title > div > div > svg {width:16px; height:16px; margin-top:7px; margin-right:5px; fill:#ccc}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .title > div > div > span {font-size:15px; color:#000; font-weight:500; margin-right:10px; color:#ccc;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .title > div:hover > div > svg {width:18px; height:18px; margin-top:6px; margin-left:-1px; margin-right:4px;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .title > div:hover > div > span {font-weight:600}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .title > div.focus > div {cursor:auto;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .title > div.focus > div > svg { fill:var(--app-default-color); }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .title > div.focus > div > span { color:#000; font-weight:600;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .input_div{ height:60px; border:solid 1px #aaa; border-radius:5px; margin-top:20px;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .disabled{ background:#eee;}

.body_div > .body_inner_div > .contents_div > .signup_box_div > .btn_input_div{ height:60px; margin-top:20px; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .btn_input_div > input {width:calc(100% - 100px); height:100%; float:left; border:solid 1px #aaa; border-radius:5px; background:#eee;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .btn_input_div > div {width:80px; height:100%; margin-left:20px; float:left; text-align:center; line-height:60px; border-radius:5px; background:#555; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .btn_input_div > div:hover {background:#333;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .btn_input_div > div > span { font-size:15px; font-weight:600; color:#fff; }

.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > div {width:100%;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > div > input { height:58px; width:100%; border:0px; font-size:16px; color:#000; padding-left:20px; padding-right:20px; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > div > input:focus{ outline:none; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .select { position:relative; width:480px; height:60px; border:solid 1px #aaa; border-radius:5px; margin-top:20px; padding-left:20px; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .select:hover{background:#fafafa;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .select > div {line-height:60px; float:left; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .select > div > span {font-size:15px; color:#aaa;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .select > div > svg {width:15px; height:15px; margin-left:5px; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .select > .text { width:calc(100% - 40px); }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .select > .icon { width:20px; margin-top:20px; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .select > .dropdown_list { width:calc(100%); position:absolute; top:65px; left:-1; border:1px solid #000; border-radius:5px; background:#fff; z-index:1 }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .select > .dropdown_list > div {width:100%; height:40px; line-height:40px; text-align:center; cursor:pointer; border-radius:5px;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .select > .dropdown_list > div > span {font-size:15px; color:#555;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .select > .dropdown_list > div:hover {background:#eee}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .divider {height:1px; width:100%; background:#ccc; margin-top:40px; margin-bottom:40px; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .input_div{ height:60px; border:solid 1px #aaa; border-radius:5px; margin-top:20px;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .disabled{ background:#eee;}

.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .no_certificate_info_box { background:#eee; width:calc(100% - 30px); border:1px solid #ccc; border-radius:5px; margin-top:20px; padding:15px; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .no_certificate_info_box > div {font-size:14px; color:#000; line-height:23px;}

.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .check_input_div { height:60px; margin-top:20px; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .check_input_div > input {width:calc(100% - 80px); height:100%; float:left; border:solid 1px #aaa; border-radius:5px; background:#fff;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .check_input_div > div {width:60px; height:100%; margin-left:20px; float:left; line-height:60px; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .check_input_div > div > div {float:right;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .check_input_div > div > div > svg {fill:#ccc; width:20px; height:20px; margin-top:20px; margin-right:10px;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .check_input_div > div > div > span { font-size:15px; color:#000; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .guide { margin-top:10px;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .guide > span {font-size:15px; color:#555;}


.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .btn_check_input_div { height:60px; margin-top:20px; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .btn_check_input_div > input {width:calc(100% - 140px); height:100%; float:left; border:solid 1px #aaa; background:#eee; border-radius:5px;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .btn_check_input_div > div {width:60px; height:100%; margin-left:10px; float:left; line-height:60px; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .btn_check_input_div > .btn { border-radius:5px; background:#555; text-align:center; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .btn_check_input_div > .btn:hover {background:#333;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .btn_check_input_div > .btn > span {color:#fff;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .btn_check_input_div > .check {}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .btn_check_input_div > div > div {float:right;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .btn_check_input_div > div > div > svg {fill:#ccc; width:20px; height:20px; margin-top:20px; margin-right:10px;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .btn_check_input_div > div > div > span { font-size:15px; color:#000; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .btn_check_input_div > .input_div{ height:60px; border:solid 1px #aaa; border-radius:5px; margin-top:20px;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .btn_check_input_div > .disabled{ background:#eee;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .check_focus > input {background:#eee;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .check_focus > div > div > svg {fill:var(--app-default-color);}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .check_focus > .btn { background:#ccc; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .check_focus > .btn:hover { background:#ccc; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > img {width:100%; margin-top:20px; border:1px solid #ccc; border-radius:5px;}

.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .title {margin-top:40px;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .title > span {font-size:15px; font-weight:600; color:#000;}

.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .btn_input_div{ height:60px; margin-top:20px; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .btn_input_div > input {width:calc(100% - 100px); height:100%; float:left; border:solid 1px #aaa; border-radius:5px; background:#eee;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .btn_input_div > div {width:80px; height:100%; margin-left:20px; float:left; text-align:center; line-height:60px; border-radius:5px; background:#555; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .btn_input_div > div:hover {background:#333;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_area > .btn_input_div > div > span { font-size:15px; font-weight:600; color:#fff; }

.body_div > .body_inner_div > .contents_div > .signup_box_div > .login_btn_div{ width:500px; height:60px; border:0; border-radius:5px; background-color:var(--app-default-color); margin-top:20px; color:#fff; font-size:20px; font-weight:600; cursor:pointer; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .login_btn_div:hover{ background-color:var(--app-hover-color);}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .login_btn_loading{ width:500px; height:60px; text-align:center; border:0; border-radius:5px; background-color:var(--app-default-color); margin-top:20px; color:#fff; font-size:20px; font-weight:600; cursor:pointer; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .login_btn_loading > #loading { width:30px; height:30px; margin-top:15px; }

.body_div > .body_inner_div > .contents_div > .signup_box_div > .bottom_div { width:500px; height:30px; margin-top:20px; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .bottom_div > div {height:30px; display:inline-block; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .bottom_div > div > span {float:left;font-size:13px; height:30px; line-height:30px; font-weight:600; color:#999}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .bottom_div > div > img {float:left;width:20px; height:20px; margin-top:5px; margin-right:3px;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .bottom_div > .left {float:left;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .bottom_div > .right {position:absolute; right:0px;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .bottom_div > .left > .find_id { cursor:pointer; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .bottom_div > .left > .find_id:hover {color:#000;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .bottom_div > .left > .find_pw { cursor:pointer; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .bottom_div > .left > .find_pw:hover {color:#000;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .bottom_div > .right > .sign_up { cursor:pointer; }
.body_div > .body_inner_div > .contents_div > .signup_box_div > .bottom_div > .right > .sign_up:hover {color:#000;}

/* End - 회원가입 폼 화면 
*********************************************************************************************/


/************************************************************************************************************************* 
	매장 정보수정 화면
*************************************************************************************************************************/
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_license_info_div {width:100%;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_license_info_div > div {width:100%;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_license_info_div > .top {margin-top:40px; height:40px; line-height:40px;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_license_info_div > .top > div {height:100%;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_license_info_div > .top > .title {float:left; font-size:15px; color:#000; font-weight:600; width:100px;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_license_info_div > .top > .button {float:right; font-size:13px; color:#fff; font-weight:600; background:#555; text-align:center; border-radius:5px; width:60px; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_license_info_div > .top > .button:hover {background:#333;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_license_info_div > .box {background:#fafafa; border:1px solid #eee; width:calc(100% - 42px); margin-top:10px; padding:20px; font-size:14px; color:#000;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_license_info_div > .box > div {margin-top:10px;}
.body_div > .body_inner_div > .contents_div > .signup_box_div > .business_license_info_div > .box > div:first-child{margin-top:0;}

/* End - 매장 정보수정 화면
*************************************************************************************************************************/


/************************************************************************************************************************* 
	맵 화면
*************************************************************************************************************************/

.map_left { position:absolute; top:0; left:0; z-index:9; height:100%; float:left; }
.map_left > div{float:left; }
.map_left > .buttons {width:60px; height:100%; border-right:1px solid #ddd; background:#fff; position:absolute; z-index:9}
.map_left > .buttons > div { text-align:center; cursor:pointer; }
.map_left > .buttons > .homepage {height:60px; border-bottom:1px solid #ddd; text-align:center;}
.map_left > .buttons > .homepage > img {width:30px; height:30px; margin-top:15px;}
.map_left > .buttons > .homepage:hover { background:#fff4ec; }
.map_left > .buttons > .item {font-size:11px; color:#000; padding-top:15px; padding-bottom:15px; }
.map_left > .buttons > .item > div {margin-bottom:10px; height:20px;}
.map_left > .buttons > .item > div > svg {width:20px; height:20px; fill:#000;}
.map_left > .buttons > .item:hover {color:var(--app-default-color);}
.map_left > .buttons > .item:hover > div > svg { fill:var(--app-default-color);}
.map_left > .buttons > .item.focus {background:var(--app-default-color); color:#fff; cursor:default;}
.map_left > .buttons > .item.focus > div > svg { fill:#fff;}
.map_left > .buttons > .item.focus:hover {color:#fff;}
.map_left > .buttons > .item.focus:hover > div > svg { fill:#fff;}
.map_left > .detail_box {width:400px; height:100%; position:relative; background:#fff; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); margin-left:60px; z-index:8}
.map_left > .detail_box > .open_btn {position:absolute; top:50%; left:400px; margin-top:-25px; height:50px; width:30px; text-align:center; cursor:pointer; background:#fff; border:1px solid #ddd; border-top-right-radius:5px; border-bottom-right-radius:5px;}
.map_left > .detail_box > .open_btn > svg { width:14px; height:14px; margin-top:18px; fill:#999; }
.map_left > .detail_box > .open_btn:hover > svg {fill:var(--app-default-color);}
.map_left.close > .detail_box > .open_btn > .left {display:none}
.map_left.open > .detail_box > .open_btn > .right {display:none}
.map_left > .detail_box > .title {border-bottom:1px solid #eee; height:60px;}
.map_left > .detail_box > .title > div {float:left;}
.map_left > .detail_box > .title > div > svg {width:20px; height:20px; margin-top:20px; margin-left:20px; fill:#000;}
.map_left > .detail_box > .title > div > span {font-size:15px; font-weight:600; height:100%; line-height:60px; margin-left:5px; }
.map_left > .detail_box > .title > .list_count {float:right; margin-right:20px; color:#000;}
.map_left > .detail_box > .title > .list_count > span {font-weight:500; font-size:15px;}

.map_left > .detail_box > .list {height:calc(100% - 61px); overflow-y:auto; overflow-x:hidden; scrollbar-width:thin;}
.map_left > .detail_box > .list > .item:hover > div > .image {background:#000; border-radius:7px;}
.map_left > .detail_box > .list > .item:hover > div > .image > .empty{opacity:0.9}
.map_left > .detail_box > .list > .item:hover > div > .image > .thumbnail > img{opacity:0.7}
.map_left > .detail_box > .list > .item:hover > div > .body > .drink > .left > .drink_name > span {color:var(--app-default-color);}
.map_left > .detail_box > .list > .item:hover { background:#fff4ec; }

.map_left > .detail_box > .list > .item { cursor:pointer; width:360px; padding-left:20px; padding-right:20px; padding-top:15px; padding-bottom:15px; }
.map_left > .detail_box > .list > .item > .image { width:360px; height:200px; }
.map_left > .detail_box > .list > .item > .image > div{ width:100%; height:100%; border-radius:5px; text-align:center; }
.map_left > .detail_box > .list > .item > .image > .empty { background:#eee; line-height:200px; position:relative; }
.map_left > .detail_box > .list > .item > .image > .empty > svg { position:absolute; width:100px; height:100px; top:50px; left:130px; -webkit-transform: rotate(-90deg); fill:#fafafa90; }
.map_left > .detail_box > .list > .item > .image > .empty > span {color:#fff; font-size:40px; font-weight:600;}
.map_left > .detail_box > .list > .item > .image > .thumbnail {}
.map_left > .detail_box > .list > .item > .image > .thumbnail > img {width:100%; height:100%; border-radius:5px; }
.map_left > .detail_box > .list > .item > .image.three_img > .thumbnail > img {object-fit: cover;}

.map_left > .detail_box > .list > .item > .data { width:100%; }
.map_left > .detail_box > .list > .item > div > .body { width:100%; position:relative; }
.map_left > .detail_box > .list > .item > div > .body > .shop{width:100%; margin-top:20px; height:16px; line-height:16px; }
.map_left > .detail_box > .list > .item > div > .body > .shop > .drink_name { float:left; width:calc(100% - 40px);}
.map_left > .detail_box > .list > .item > div > .body > .shop > .drink_name > span {font-size:15px; font-weight:600; color:#000;}
.map_left > .detail_box > .list > .item > div > .body > .shop > .favorite {float:right;}
.map_left > .detail_box > .list > .item > div > .body > .shop > .favorite > div {float:left; height:16px;}
.map_left > .detail_box > .list > .item > div > .body > .shop > .favorite > div > svg {fill:#ccc; width:16px; height:16px; margin-right:5px;}
.map_left > .detail_box > .list > .item > div > .body > .shop > .favorite > div > span {color:#999; font-size:15px;}
.map_left > .detail_box > .list > .item > div > .body > .shop > .favorite.focus > div > svg {fill:#ff0000; }
.map_left > .detail_box > .list > .item > div > .body > .shop > .favorite.focus > div > span {color:#ff0000;}

.map_left > .detail_box > .list > .item > div > .body > .info  {margin-top:5px; width:100%; height:20px; }
.map_left > .detail_box > .list > .item > div > .body > .info > div {float:left;}
.map_left > .detail_box > .list > .item > div > .body > .info > .category {font-size:13px; color:#555; font-weight:500;}
.map_left > .detail_box > .list > .item > div > .body > .info > .on_off_time {font-size:13px; color:#555; font-weight:500;}
.map_left > .detail_box > .list > .item > div > .body > .info > .menu {font-size:13px; color:#555; font-weight:500;}
.map_left > .detail_box > .list > .item > div > .body > .info > .divider {font-size:13px; color:#555; font-weight:600; margin-left:5px; margin-right:5px;}
.map_left > .detail_box > .list > .item > div > .body > .corkage_condition { margin-bottom:10px; width:100%; font-size:13px; color:#000; font-weight:500; margin-left:-5px; word-wrap: break-word;}
.map_left > .detail_box > .list > .item > div > .body > .corkage_condition > .title {margin-left:5px; font-weight:600; margin-right:5px;}
.map_left > .detail_box > .list > .item > div > .body > .corkage_condition > .body {}
.map_left > .detail_box > .list > .item > div > .body > .corkage_condition > .etc { margin-left:5px;}

.map_left > .detail_box > .list > .item > div > .body > .star { margin-top:10px; height:25px;}
.map_left > .detail_box > .list > .item > div > .body > .star > div {float:left; line-height:25px; }
.map_left > .detail_box > .list > .item > div > .body > .star > .box { height:25px; width:50px; background:var(--app-default-color); border-radius:5px;}
.map_left > .detail_box > .list > .item > div > .body > .star > .box > div {float:left;}
.map_left > .detail_box > .list > .item > div > .body > .star > .box > div > svg {width:13px; height:13px; margin-top:6px; fill:#fff; margin-left:5px; margin-right:5px;}
.map_left > .detail_box > .list > .item > div > .body > .star > .box > div > span {font-size:12px; color:#fff; font-weight:600;}
.map_left > .detail_box > .list > .item > div > .body > .star > .count { margin-left:10px; }
.map_left > .detail_box > .list > .item > div > .body > .star > .count > span {font-size:14px; color:#999; font-weight:600;}

.map_left > .detail_box > .list > .item > div > .body > .address { margin-top:5px;}
.map_left > .detail_box > .list > .item > div > .body > .address > span {font-size:12px; font-weight:500; color:#000;  }
.map_left > .detail_box > .list > .item > div > .body > .address > svg{ width:14px; height:14px; float:left; margin-right:5px; cursor:pointer; fill:#f00; }
.map_left > .detail_box > .list > .item > div > .body > .address > svg:hover {width:20px; height:20px; margin-left:-3px; margin-right:2px; margin-top:-6px; }

.map_left > .detail_box > .list > .item.animate { animation-iteration-count: 1; animation-duration: 1s; animation-name: highlight; }
@keyframes highlight { 0% { background:var(--app-default-color); } 100% { background:#fff; } }

.map_left > .detail_box > .list > .image_loading { position:absolute; width:100%; text-align:center; height:50px; top:50%; }
.map_left > .detail_box > .list > .image_loading > .loading { width:40px; height:40px; border: 3px solid rgba(195,195,195,1); border-top-color:var(--app-default-color); }

.map_left > .detail_box > .list > .empty_items { width:calc(100% - 2px); text-align:center; padding-top:50px; padding-bottom:30px; }
.map_left > .detail_box > .list > .empty_items > .icon {position:relative; width:80px; height:80px; margin-left:160px;}
.map_left > .detail_box > .list > .empty_items > .icon > svg {width:100%; height: 100%; fill:#ddd;}
.map_left > .detail_box > .list > .empty_items > .icon > .xmark{ position: absolute; margin-left: 20px; top: 10px; width: 40px; height: 40px; background: #fff; border-radius: 60px;}
.map_left > .detail_box > .list > .empty_items > .icon > .xmark > svg {width:40px; height: 40px; fill:#ddd;}
.map_left > .detail_box > .list > .empty_items > .guide {margin-top:20px;}
.map_left > .detail_box > .list > .empty_items > .guide > span {font-size:15px; color:#aaa; }


.map_body {width:calc(100% - 60px - 1px); float:left; height:100%; position:relative; margin-left:60px;}
.map_body > .overlay { top:0; left:0; z-index:9; }
.map_body > .overlay > .re_search_btn { position:absolute; cursor:pointer; z-index:9; width:160px; height:40px; line-height:40px; bottom:50px; left:calc(50% - 80px); background:var(--app-default-color); border-radius:20px; box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);}
.map_body > .overlay > .re_search_btn > div {float:left; }
.map_body > .overlay > .re_search_btn > div > svg {width:16px; height:16px; margin-top:12px; margin-left:15px; fill:#fff;}
.map_body > .overlay > .re_search_btn > div > span {font-size:14px; color:#fff; margin-left:5px;}
.map_body > .overlay > .re_search_btn:hover { box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}

.map_body > .overlay > .set_radius_box { position:absolute; z-index:9; width:150px; height:14px; line-height:14px; bottom:20px; left:calc(50% - 80px); background:#ffffffcc; border-radius:5px; padding:5px;}
.map_body > .overlay > .set_radius_box > div {float:left; width:50px; cursor:pointer;}
.map_body > .overlay > .set_radius_box > div > div {float:left;}
.map_body > .overlay > .set_radius_box > div > div > svg {width:14px; height:14px; fill:#ccc; margin-right:2px;}
.map_body > .overlay > .set_radius_box > div > div > span {font-size:11px; color:#000;}
.map_body > .overlay > .set_radius_box > div.focus > div > svg {fill:var(--app-default-color);}
.map_body > .overlay > .set_radius_box > div.focus > div > span {color:var(--app-default-color); font-weight:600;}

.map_body > .overlay > .current_position { position:absolute; cursor:pointer; z-index:9; width:32px; height:32px; background:#fff; right:2px; top:195px; border:1px solid #eee; border-radius:5px; box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);}
.map_body > .overlay > .current_position > svg {width:16px; height:16px; margin:8px; fill:#aaa; }
.map_body > .overlay > .current_position > .info {position:absolute; display:none; right:38px; top:3px; height:26px; width:60px; line-height:26px; font-size:10px; font-weight:600; color:#fff; text-align:center; border-radius:20px; background:#555; }
.map_body > .overlay > .current_position:hover > .info {display:block;}

.map_body .custom_info_window { position:relative; }
.map_body .custom_info_window > .baloon {position:absolute; background:#fff; padding:10px; border:1px solid #ccc; border-radius:5px; bottom:60px; transform: translate(-50%, 0); font-size:14px; font-weight:600; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.map_body .custom_info_window > .tail {position:absolute; border-top: 15px solid #ccc; bottom:46px; margin-left:-15px; border-left: 15px solid #00000000; border-right: 15px solid #00000000; border-bottom: 0 solid yellow;}
.map_body .custom_info_window > .tail > div {position:absolute; top:-15px; left:-13px; border-top: 13px solid #fff; border-left: 13px solid #00000000; border-right: 13px solid #00000000; border-bottom: 0 solid yellow;}
/* End - 맵 화면
*************************************************************************************************************************/


/*********************************************************************************************
	채팅 화면 
*********************************************************************************************/
.chat_box { width:100%; height:100%; }
.chat_box > .top { height:60px; border-bottom:1px solid #ccc; }
.chat_box > .top > .title_icon { float:left; width:30px; height:100%; padding-left:10px; position:relative; }
.chat_box > .top > .title_icon > svg {width:30px; height:30px; fill:#000; margin-top:15px;}
.chat_box > .top > .title_icon > div {font-size:12px; color:#fff; position:absolute; left:10px; top:20px; width:30px; font-weight:600; text-align:center;}
.chat_box > .top > .title_icon > .shop > svg {width:16px; height:16px; fill:#fff; margin-top:2px;}
.chat_box > .top > .left { float:left; padding-left:10px; }
.chat_box > .top > .left > div {line-height:20px;}
.chat_box > .top > .left > .title { height:20px; margin-top:10px; }
.chat_box > .top > .left > .title > div { float:left; height:100%; }
.chat_box > .top > .left > .title > div > span {font-size:15px;color:#000;}
.chat_box > .top > .left > .title > .icon { margin-left:5px; cursor:pointer; }
.chat_box > .top > .left > .title > div > svg {width:14px; height:14px; margin-top:3px; fill:#000;}
.chat_box > .top > .left > .title > .icon:hover > svg { fill:var(--app-default-color);}
.chat_box > .top > .left > .sub { height:20px; }
.chat_box > .top > .left > .sub > span {font-size:14px; color:#999;}
.chat_box > .top > .right { float:right; padding-right:10px; }
.chat_box > .top > .right > div { float:left; cursor:pointer; text-align:center; width:50px; }
.chat_box > .top > .right > div > div > svg {width:20px; height:20px; fill:#000; margin-bottom:0px; margin-top:10px;}
.chat_box > .top > .right > div > div > span {font-size:11px; color:#000; }
.chat_box > .top > .right > div > .icon_name {line-height:15px;}
.chat_box > .top > .right > .block > div > svg {fill:#c00;}
.chat_box > .top > .right > .block:hover > div > svg {fill:#f00;}
.chat_box > .top > .right > .block:hover > div > span {color:#f00;}
.chat_box > .top > .right > div:hover > div > svg{ fill:var(--app-default-color); }
.chat_box > .top > .right > div:hover > div > span{ color:var(--app-default-color); }
.chat_box > .top > .right > .fav.focus > div > svg {fill:#f00}
.chat_box > .top > .right > .fav.focus > div > span {color:#f00;}
.chat_box > .top > .right > .fav.not > div > svg {fill:#ccc}
.chat_box > .top > .right > .fav.not > div > span {color:#ccc;}
.chat_box > .top > .right > .fav.focus:hover > div > svg{ fill:#f00; }
.chat_box > .top > .right > .fav.focus:hover > div > span{ color:#f00; }
.chat_box > .top > .right > .fav.not:hover > div > svg{ fill:#ccc; }
.chat_box > .top > .right > .fav.not:hover > div > span{ color:#ccc; }
.chat_box > .top > .right > .fav:hover > div > svg{ width:24px; height:24px; margin-top:8px; margin-bottom:-2px; }

.chat_box > .top > .right > .only_manager > div > svg {fill:#ccc;}
.chat_box > .top > .right > .only_manager > div > span {color:#ccc;}
.chat_box > .top > .right > .only_manager.focus > div > svg {fill:#f00;}
.chat_box > .top > .right > .only_manager.focus > div > span {color:#000;}
.chat_box > .top > .right > .only_manager.focus:hover > div > span {color:var(--app-default-color);}

.chat_box > .block_user_div {position:absolute; width:100%; top:101px; z-index:1;}
.chat_box > .block_user_div > .box {display:none; background:#fff; height:50px;  border-bottom:1px solid #ccc;}
.chat_box > .block_user_div > .box > #loading {border-top-color:#000; width:20px; height:20px; margin-left:calc(50% - 15px); margin-top:10px; }
.chat_box > .block_user_div > .box > .block_user_empty {width:100%; height:100%; line-height:50px; text-align:center; font-size:14px; color:#aaa;}
.chat_box > .block_user_div > .box > .list {width:100%; height:100%; overflow-x:auto; white-space: nowrap; scrollbar-width:thin; overflow-y:hidden;}
.chat_box > .block_user_div > .box > .list > div {display:inline-block; height:30px; border-radius:15px; border:1px solid #ccc; margin-left:10px; margin-top:8px; padding-left:10px;}
.chat_box > .block_user_div > .box > .list > div > div {float:left;}
.chat_box > .block_user_div > .box > .list > div > .cancel {padding-left:5px; padding-right:5px; cursor:pointer;}
.chat_box > .block_user_div > .box > .list > div > div > svg {width:16px; height:16px; fill:#777; margin-top:7px; }
.chat_box > .block_user_div > .box > .list > div > div > span {font-size:14px; color:#000; line-height:30px;}
.chat_box > .block_user_div > .on_off_button { background:#fff; width:90px; margin-left:calc(50% - 45px); height:20px; line-height:20px; font-size:12px; color:#f00; border:1px solid #ccc; border-top:0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; margin-top:-1px; cursor:pointer; }
.chat_box > .block_user_div > .on_off_button:hover { background:#eee; }
.chat_box > .block_user_div > .on_off_button > div {float:left;}
.chat_box > .block_user_div > .on_off_button > div > svg {width:14px; height:14px; margin-top:3px; margin-left:5px; margin-right:5px;}
.chat_box > .block_user_div > .on_off_button > div > .down {display:block;}
.chat_box > .block_user_div > .on_off_button > div > .up {display:none;}
.chat_box > .block_user_div.open > .box {display:block;}
.chat_box > .block_user_div.open > .on_off_button > div > .down {display:none;}
.chat_box > .block_user_div.open > .on_off_button > div > .up {display:block;}

.chat_box > .notice_box { width:100%; min-height:41px;}
.chat_box > .notice_box > div {display:block;}
.chat_box > .notice_box > .top { width:calc(100% - 30px); cursor:pointer; height:41px; padding-left:20px; padding-right:10px; float:left;}
.chat_box > .notice_box > .top > div {float:left;}
.chat_box > .notice_box > .top > div > svg {width:15px; height:15px; transform: scaleX(-1); fill:var(--app-default-color);}
.chat_box > .notice_box > .top > div > span {font-size:13px; color:#000;}
.chat_box > .notice_box > .top > .icon_notice > svg {margin-top:12.5px;}
.chat_box > .notice_box > .top > .span_div {line-height:40px; margin-left:10px;}
.chat_box > .notice_box > .top > .icon_arrow {float:right; width:35px; height:100%; text-align:center;}
.chat_box > .notice_box > .top > .icon_arrow > svg {transform: scaleX(1); fill:#000; margin-top:12.5px;}
.chat_box > .notice_box > .top:hover > .icon_arrow > svg {fill:var(--app-default-color);}
.chat_box > .notice_box > .top:hover > div > span {color:var(--app-default-color);}
.chat_box > .notice_box > .top > .dot {line-height:40px; margin-left:5px; margin-right:5px; }
.chat_box > .notice_box > .top > .ad_title {line-height:40px;}
.chat_box > .notice_box > .body { width:calc(100% - 40px); padding-left:20px; padding-right:20px; overflow-y:auto; max-height:400px; scrollbar-width:thin; }
.chat_box > .notice_box > .body > div { margin-bottom:20px;}
.chat_box > .notice_box > .body > div > span { font-size:14px; color:#000; }
.chat_box > .notice_box > .body > .ad {width:100%; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:10px;}
.chat_box > .notice_box > .body > .ad > img {width:100%;}
.chat_box > .notice_box > .body > .ad > .body {font-size:13px; color:#000; margin-top:10px;}
.chat_box > .notice_box > .body > .ad > .bottom {font-size:13px; color:#999; height:20px; line-height:20px; margin-top:10px;}
.chat_box > .notice_box > .body > .ad > .bottom > .time {float:left;}
.chat_box > .notice_box > .body > .ad > .bottom > .more {float:right; cursor:pointer; color:#000; text-decoration: underline;}
.chat_box > .notice_box > .body > .ad > .bottom > .more:hover {color:var(--app-default-color);}
.chat_box > .notice_box > .body > .scroll_guide_area {position:fixed; top:480px; left:calc(50% - 100px); width:200px; text-align:center; }
.chat_box > .notice_box > .body > .scroll_guide_area > .box {}
.chat_box > .notice_box > .body > .scroll_guide_area > .box > div > span{ font-size:16px; color: #fff; text-shadow: 1px 1px 1px black;}
.chat_box > .notice_box > .body > .scroll_guide_area > .box > .icon {width:20px; height:20px; margin-top:5px; margin-left:calc(50% - 10px); position:relative;}
.chat_box > .notice_box > .body > .scroll_guide_area > .box > .icon > .icon{position:absolute; width:20px; height:20px; fill:#fff; left:0px; top:0px; z-index:9}
.chat_box > .notice_box > .body > .scroll_guide_area > .box > .icon > .shadow {position:absolute; width:23px; height:24px; fill:#000; left:-1px; top:-2px;}
.chat_box > .post_title { height:28px; background:#eee; line-height:25px; padding-left:20px; padding-right:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; border-bottom:1px solid #ccc;}
.chat_box > .post_title > span { font-size:11px; color:#000;  }

.chat_box > .body { width:100%; height:calc(100% - 60px - 40px - 70px - 3px - 20px;); border-top:1px solid #ccc; overflow-y:auto; padding-bottom:20px; scrollbar-width:thin;}
.chat_box > .body > .item{ margin-top:20px; }
.chat_box > .body > .item > div { display:inline-block; vertical-align:top;}
.chat_box > .body > .item > .thumbnail {width:40px;height:40px; position:relative; cursor:pointer;}
.chat_box > .body > .item > .thumbnail > img {width:40px; height:40px; border-radius:25px;}
.chat_box > .body > .item > .thumbnail > div { width:38px; height:38px; border-radius:25px; border:1px solid #ccc; text-align:center;}
.chat_box > .body > .item > .thumbnail > div > svg { width:20px; height:20px; margin-top:9px; }
.chat_box > .body > .item > .thumbnail > .user > svg { fill:#aaa; }
.chat_box > .body > .item > .thumbnail > .unknown { background:#aaa; }
.chat_box > .body > .item > .thumbnail > .unknown > svg { fill:#fff; }
.chat_box > .body > .item > .thumbnail > .crown {border: 0; width: 16px; height: 16px; position: absolute; left: 12px; top: -22px;}
.chat_box > .body > .item > .thumbnail > .crown > svg {width:16px; height:16px; fill:#FFA500}

.chat_box > .body > .item > .body { width:calc(100% - 80px); margin-left:10px; word-wrap: break-word; }
.chat_box > .body > .item > .body > .nickname {font-size:13px; color:#555; margin-bottom:5px; }
.chat_box > .body > .item > .body > div {width:calc(100% - 10px);}
.chat_box > .body > .item > .body > div > .time_menu {display:inline-block; margin-left:5px; position:relative;}
.chat_box > .body > .item > .body > div > .time_menu > div {float:left; height:15px; line-height:15px;}
.chat_box > .body > .item > .body > div > .time_menu > div > span{font-size:12px;color:#555;}
.chat_box > .body > .item > .body > div > .time_menu > div > svg{width:15px; height:15px; margin-left:5px; fill:#000; margin-top:2px;}
.chat_box > .body > .item > .body > div > .time_menu > .menu {cursor:pointer; height:17px;}
.chat_box > .body > .item > .body > div > .time_menu > .menu:hover > svg{fill:var(--app-default-color);}
.chat_box > .body > .item > .body > div > .time_menu > .before_day { margin-bottom:7px;}
.chat_box > .body > .item > .body > div > .time_menu > .dropdown {position:absolute; width:55px; height:fit-content; padding-bottom:3px; top:-5px; background:#fff; border:1px solid #ccc; border-radius:5px; z-index:99999999 }
.chat_box > .body > .item > .body > div > .time_menu > .dropdown > div {line-height:25px; height:25px; width:100%; text-align:center; cursor:pointer;}
.chat_box > .body > .item > .body > div > .time_menu > .dropdown > div > span {font-size:11px; color:#000;}
.chat_box > .body > .item > .body > div > .time_menu > .dropdown > div:hover > span {color:var(--app-default-color);}

.chat_box > .body > .me > .body > div > .time_menu > .dropdown {left:-35px;}
.chat_box > .body > .you > .body > div > .time_menu > .dropdown {right:-40px;}

.chat_box > .body > .item > .body > .image > img {max-width:calc(100% - 110px); border-radius:10px; cursor:pointer;}
.chat_box > .body > .item > .body > .text {}
.chat_box > .body > .item > .body > .text > .balloon{border-radius:10px; max-width:calc(100% - 130px); width:fit-content; padding:10px;display:inline-block;}
.chat_box > .body > .item > .body > .text > .balloon > span {width:fit-contents; font-size:15px; color:#000;}

.chat_box > .body > .item > .body > .reply_parent { width:100%; margin-bottom:10px; }
.chat_box > .body > .item > .body > .reply_parent > .balloon{ display:inline-block; position:relative; border-radius:10px; max-width:calc(100% - 130px); width:fit-content; padding:10px; background:#f00;}
.chat_box > .body > .item > .body > .reply_parent > .balloon > div { display:inline-block; vertical-align:top; }
.chat_box > .body > .item > .body > .reply_parent > .balloon > img {width:40px; height:40px; border-radius:5px; display:inline-block; vertical-align:top; }
.chat_box > .body > .item > .body > .reply_parent > .balloon > .thumbnail {width:20px; height:20px; border-radius:20px; position:absolute; top:10px; }
.chat_box > .body > .item > .body > .reply_parent > .balloon > .thumbnail > img {width:20px; height:20px; border-radius:20px;}
.chat_box > .body > .item > .body > .reply_parent > .balloon > .thumbnail > div { width:20px; height:20px; border-radius:20px; background:#ccc; text-align:center;}
.chat_box > .body > .item > .body > .reply_parent > .balloon > .thumbnail > div > svg { width:10px; height:10px; margin-top:0px; }
.chat_box > .body > .item > .body > .reply_parent > .balloon > .thumbnail > .user {position:relative;}
.chat_box > .body > .item > .body > .reply_parent > .balloon > .thumbnail > .user > svg { fill:#000; position:absolute; top:5px; left:5px;}
.chat_box > .body > .item > .body > .reply_parent > .balloon > .text {max-width:calc(100% - 40px - 30px);}
.chat_box > .body > .item > .body > .reply_parent > .balloon > .text > .nickname {font-size:12px; color:#555;}
.chat_box > .body > .item > .body > .reply_parent > .balloon > .text > .body {font-size:12px; color:#000;}
.chat_box > .body > .item > .body > .reply_parent > .balloon.empty_image > .text {max-width:100%;}

.chat_box > .body > .item > .delete > div > .time_menu > .menu {display:none !important;}
.chat_box > .body > .item > .delete > .image {display:none !important;}
.chat_box > .body > .item > .delete > .text {margin-top:0px !important;}
.chat_box > .body > .item > .delete > .text > .balloon {background:#eee !important;}
.chat_box > .body > .item > .delete > .text > .balloon > span {color:#999 !important;}



.chat_box > .body > .center{ margin-top:20px;}
.chat_box > .body > .center > div {text-align:center;}
.chat_box > .body > .center > div > span {font-size:12px; color:#777;}
.chat_box > .body > .you{padding-left:20px;}
.chat_box > .body > .you > .body > .image > img {display:inline-block;}
.chat_box > .body > .you > .body > .image > div {display:inline-block;}
.chat_box > .body > .you > .body > .reply_parent {}
.chat_box > .body > .you > .body > .reply_parent > .balloon > .text {margin-left:25px;}
.chat_box > .body > .you > .body > .reply_parent > .balloon > .thumbnail { left:10px; }
.chat_box > .body > .me{padding-right:20px; text-align:right;}
.chat_box > .body > .me > .body > div > .time_menu {margin-right:5px;}
.chat_box > .body > .me > .body > div > .time_menu > div > svg{margin-right:5px;}
.chat_box > .body > .me > .body > .text {text-align:right;}
.chat_box > .body > .me > .body > .text > .balloon {text-align:left;}
.chat_box > .body > .me > .body > .reply_parent {text-align:right;}
.chat_box > .body > .me > .body > .reply_parent > .balloon > .text {margin-right:25px;}
.chat_box > .body > .me > .body > .reply_parent > .balloon > .thumbnail { right:10px; }
.chat_box > .body > .bottom_padding {height:20px;}

.chat_box > .bottom_area { position:relative; }
.chat_box > .bottom_area > .add_image { position:absolute; height:100px; right:20px; top:-110px; border:1px solid #999; border-radius:10px;}
.chat_box > .bottom_area > .add_image > img { height:100px; border-radius:10px;}
.chat_box > .bottom_area > .add_image > .close_btn {position:absolute; top:5px; right:5px; cursor:pointer; background:#ffffff; width:20px; height:20px; border-radius:10px;}
.chat_box > .bottom_area > .add_image > .close_btn > svg {width:20px; height:20px; fill:#000000}
.chat_box > .bottom_area > .add_image > .close_btn:hover > svg {fill:#f00}
.chat_box > .bottom_area > .add_image > .image_loading { width:100px; height:100px; background:#eee; border-radius:10px;}
.chat_box > .bottom_area > .add_image > .image_loading > #loading { width:30px; height:30px; border: 3px solid rgba(190,190,190,.3); border-top-color:#000; margin-left:35px; margin-top:35px; }

.chat_box > .bottom_area > .recent_chat { position:absolute; height:50px; background:#fafafa; border-top:1px solid #ccc; padding-left:10px; width:100%; top:-51px; }
.chat_box > .bottom_area > .recent_chat > div { float:left; }
.chat_box > .bottom_area > .recent_chat > .thumbnail {position:relative;}
.chat_box > .bottom_area > .recent_chat > .thumbnail > img {width:30px; height:30px; margin-top:10px; border-radius:20px; }
.chat_box > .bottom_area > .recent_chat > .thumbnail > div { width:28px; height:28px; border-radius:20px; border:1px solid #ccc; text-align:center; margin-top:10px;}
.chat_box > .bottom_area > .recent_chat > .thumbnail > div > svg { width:16px; height:16px; margin-top:6px; }
.chat_box > .bottom_area > .recent_chat > .thumbnail > .user > svg { fill:#aaa; }
.chat_box > .bottom_area > .recent_chat > .thumbnail > .unknown { background:#aaa; }
.chat_box > .bottom_area > .recent_chat > .thumbnail > .unknown > svg { fill:#fff; }
.chat_box > .bottom_area > .recent_chat > .thumbnail > .crown {border: 0; width: 12px; height: 12px; position: absolute; left: 9px; top: -17px;}
.chat_box > .bottom_area > .recent_chat > .thumbnail > .crown > svg {width:12px; height:12px; fill:#FFA500}
.chat_box > .bottom_area > .recent_chat > .body { width:calc(100% - 50px - 50px - 50px); margin-left:10px;}
.chat_box > .bottom_area > .recent_chat > .body > div { width:100%;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.chat_box > .bottom_area > .recent_chat > .body > div > span {font-size:12px; color:#555;}
.chat_box > .bottom_area > .recent_chat > .body > .top {margin-top:2px;}
.chat_box > .bottom_area > .recent_chat > .body > .bottom {line-height:15px;}
.chat_box > .bottom_area > .recent_chat > .image > img {width:40px; height:40px; margin-top:5px; margin-left:10px; border-radius:10px; }
.chat_box > .bottom_area > .recent_chat > .close_btn {width:50px; height:50px; text-align:center; cursor:pointer;}
.chat_box > .bottom_area > .recent_chat > .close_btn > svg {width:20px; height:20px; margin-top:15px; fill:#555}
.chat_box > .bottom_area > .recent_chat > .close_btn:hover > svg {fill:var(--app-default-color)}


.chat_box > .bottom_area > .reply_chat { position:absolute; height:50px; background:#fff; border:1px solid #ccc; border-radius:5px; width:calc(100% - 65px); top:-61px; left:50px; box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);}
.chat_box > .bottom_area > .reply_chat > div { float:left; }
.chat_box > .bottom_area > .reply_chat > .label {width:40px; margin-right:10px; text-align:center; line-height:50px; font-size:12px; color:#fff; font-weight:600; background:#ccc;}
.chat_box > .bottom_area > .reply_chat > .thumbnail {position:relative;}
.chat_box > .bottom_area > .reply_chat > .thumbnail > img {width:30px; height:30px; margin-top:10px; border-radius:20px; }
.chat_box > .bottom_area > .reply_chat > .thumbnail > div { width:28px; height:28px; border-radius:20px; border:1px solid #ccc; text-align:center; margin-top:10px;}
.chat_box > .bottom_area > .reply_chat > .thumbnail > div > svg { width:16px; height:16px; margin-top:6px; }
.chat_box > .bottom_area > .reply_chat > .thumbnail > .user > svg { fill:#aaa; }
.chat_box > .bottom_area > .reply_chat > .thumbnail > .unknown { background:#aaa; }
.chat_box > .bottom_area > .reply_chat > .thumbnail > .unknown > svg { fill:#fff; }
.chat_box > .bottom_area > .reply_chat > .thumbnail > .crown {border: 0; width: 12px; height: 12px; position: absolute; left: 9px; top: -17px;}
.chat_box > .bottom_area > .reply_chat > .thumbnail > .crown > svg {width:12px; height:12px; fill:#FFA500}
.chat_box > .bottom_area > .reply_chat > .body { width:calc(100% - 50px - 50px - 50px); margin-left:10px;}
.chat_box > .bottom_area > .reply_chat > .body > div { width:100%;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.chat_box > .bottom_area > .reply_chat > .body > div > span {font-size:12px; color:#555;}
.chat_box > .bottom_area > .reply_chat > .body > .top {margin-top:2px;}
.chat_box > .bottom_area > .reply_chat > .body > .bottom {line-height:15px;}
.chat_box > .bottom_area > .reply_chat > .image > img {width:40px; height:40px; margin-top:5px; margin-left:10px; border-radius:10px; }
.chat_box > .bottom_area > .reply_chat > .close_btn {width:50px; height:50px; text-align:center; cursor:pointer;}
.chat_box > .bottom_area > .reply_chat > .close_btn > svg {width:20px; height:20px; margin-top:15px; fill:#555}
.chat_box > .bottom_area > .reply_chat > .close_btn:hover > svg {fill:var(--app-default-color)}


.chat_box > .bottom_area > .input_box { height:70px; border-top:1px solid #ccc;}
.chat_box > .bottom_area > .input_box > div {float:left; width:60px; text-align:center;}
.chat_box > .bottom_area > .input_box > div > svg { width:20px; height:20px; margin-top:25px; fill:#000; }
.chat_box > .bottom_area > .input_box > .textarea_div { width:calc(100% - 120px); }
.chat_box > .bottom_area > .input_box > div > textarea {float:left; vertical-align:middle; font-size:15px; color:#000; width:calc(100% - 40px); border:0; background:#eee; border-radius:20px; height:35px; margin-top:10px; resize: none; padding-left:20px; padding-right:20px; padding-top:17px; }
.chat_box > .bottom_area > .input_box > div > textarea:focus { outline: none; }
.chat_box > .bottom_area > .input_box > div > textarea::-webkit-scrollbar {display: none;}
.chat_box > .bottom_area > .input_box > .btn {cursor:pointer;}
.chat_box > .bottom_area > .input_box > .btn:hover > svg {fill:var(--app-default-color);}
.chat_box > .bottom_area > .input_box > .send_chat_icon > svg { fill:#999; transform: rotate(15deg); }







.popup_talk_room_notice { width:calc(100% - 20px); max-height:calc(100% - 120px); z-index:9; margin-top:60px !important; padding-bottom:10px !important;}
.popup_talk_room_notice > div {display:block;}
.popup_talk_room_notice > .top { width:calc(100% - 10px); cursor:pointer; height:41px; padding-left:10px; padding-right:0px; float:left;}
.popup_talk_room_notice > .top > div {float:left;}
.popup_talk_room_notice > .top > div > svg {width:15px; height:15px; transform: scaleX(-1); fill:var(--app-default-color);}
.popup_talk_room_notice > .top > div > span {font-size:13px; color:#000;}
.popup_talk_room_notice > .top > .icon_notice > svg {margin-top:12.5px;}
.popup_talk_room_notice > .top > .span_div {line-height:40px; margin-left:10px;}
.popup_talk_room_notice > .top > .icon_arrow {float:right; width:35px; height:100%; text-align:center;}
.popup_talk_room_notice > .top > .icon_arrow > svg {transform: scaleX(1); fill:#000; margin-top:12.5px;}
.popup_talk_room_notice > .top:hover > .icon_arrow > svg {fill:var(--app-default-color);}
.popup_talk_room_notice > .top:hover > div > span {color:var(--app-default-color);}
.popup_talk_room_notice > .top > .dot {line-height:40px; margin-left:5px; margin-right:5px; }
.popup_talk_room_notice > .top > .ad_title {line-height:40px;}
.popup_talk_room_notice > .body { width:calc(100% - 40px); padding-left:20px; padding-right:20px; margin-left:0px !important; overflow-y:auto; }
.popup_talk_room_notice > .body > div { margin-bottom:20px;}
.popup_talk_room_notice > .body > div > span { font-size:14px; color:#000; }
.popup_talk_room_notice > .body > .ad {width:100%; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:10px;}
.popup_talk_room_notice > .body > .ad > img {width:100%;}
.popup_talk_room_notice > .body > .ad > .body {font-size:13px; color:#000; margin-top:10px;}
.popup_talk_room_notice > .body > .ad > .bottom {font-size:13px; color:#999; height:20px; line-height:20px; margin-top:10px;}
.popup_talk_room_notice > .body > .ad > .bottom > .time {float:left;}
.popup_talk_room_notice > .body > .ad > .bottom > .more {float:right; cursor:pointer; color:#000; text-decoration: underline;}
.popup_talk_room_notice > .body > .ad > .bottom > .more:hover {color:var(--app-default-color);}
.popup_talk_room_notice > .body > .scroll_guide_area {position:fixed; top:480px; left:calc(50% - 100px); width:200px; text-align:center; }
.popup_talk_room_notice > .body > .scroll_guide_area > .box {}
.popup_talk_room_notice > .body > .scroll_guide_area > .box > div > span{ font-size:16px; color: #fff; text-shadow: 1px 1px 1px black;}
.popup_talk_room_notice > .body > .scroll_guide_area > .box > .icon {width:20px; height:20px; margin-top:5px; margin-left:calc(50% - 10px); position:relative;}
.popup_talk_room_notice > .body > .scroll_guide_area > .box > .icon > .icon{position:absolute; width:20px; height:20px; fill:#fff; left:0px; top:0px; z-index:9}
.popup_talk_room_notice > .body > .scroll_guide_area > .box > .icon > .shadow {position:absolute; width:23px; height:24px; fill:#000; left:-1px; top:-2px;}

/*********************************************************************************************
	End - 채팅 화면 
*********************************************************************************************/



/*********************************************************************************************
	검색 화면 최근, 인기 검색어
*********************************************************************************************/
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text {width:980px; height:110px; margin-bottom:10px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div {width:calc(50% - 12px); height:100px; border:1px solid #eee; background:#fcfcfc; float:left; border-radius:10px; position:relative;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .title {font-size:15px; color:#000; font-weight:600; margin:20px; margin-bottom:15px; height:20px; line-height:20px; width:fit-content;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .title > div {float:left;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .title > .sub > span{font-size:13px; color:#aaa; margin-left:5px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .top_icon {cursor:pointer; position:absolute; top:20px; right:20px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .top_icon > svg {width:14px; height:14px; margin-top:3px; margin-left:5px; fill:#000;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .top_icon:hover > svg {fill:var(--app-default-color);}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .items {height:30px; width:calc(100% - 30px); padding-left:20px; overflow:hidden;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .items > div {position:relative; float:left; height:30px; line-height:30px; max-width:calc(100% / 3 - 20px - 10px); background:#eee; padding-left:10px; padding-right:10px; border-radius:15px; margin-right:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .items > div:hover {background:#eaeaea;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .items > div > span {font-size:12px; color:#555;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .items > div > .number {font-size:14px; font-weight:600; margin-right:5px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .items > div > .one {color:#dd0000}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .items > div > .two {color:#00cc00}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .items > div > .three {color:#0000cc}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .items > div > .delete {position:absolute; top:0; right:10px; width:14px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .items > div > .delete > svg {width:14px; height:14px; fill:#999; margin-top:8px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .items > div > .delete:hover > svg {fill:#000}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .items > .empty {background:#eeeeee00; width:calc(100% - 30px); max-width:100% !important; text-align:center; cursor:default;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .items > .empty > span {font-size:14px; color:#aaa; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .items > .empty:hover {background:#eeeeee00;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .empty {height:30px; width:100%; line-height:30px; text-align:center; font-size:14px; color:#aaa;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .title_right {position:absolute; top:20px; right:40px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .title_right > span {font-size:13px; color:#aaa; height:20px; line-height:20px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .image_loading { width:100%; text-align:center; height:50px; margin-top:10px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .image_loading > #loading { width:20px; height:20px; border: 3px solid rgba(195,195,195,1); border-top-color:var(--app-default-color); }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > .recent > .items > div {padding-right:30px; max-width:calc(100% / 3 - 20px - 30px);}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > .recent.not_login {width:calc(100% - 2px);}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > .popular {margin-left:19px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > .popular.not_login {display:none;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > .popular > .title_right {position:absolute; top:15px; right:45px; padding-top:5px; padding-bottom:5px; border-radius:20px; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > .popular > .title_right > span {color:#555; font-size:11px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > .popular > .title_right:hover > span {font-weight:600;}


.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .big {width:calc(980px); border:1px solid #eee; background:#fcfcfc; float:left; border-radius:10px; position:absolute; top:-1px; z-index:1; box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .popular {left:calc(-100% - 25px); display:none;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .recent {left:-1px; display:none;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .big > .title {font-size:15px; color:#000; font-weight:600; margin:20px; margin-bottom:15px; height:20px; line-height:20px; width:fit-content;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .big > .title > div {float:left;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .big > .title > .sub > span{font-size:13px; color:#aaa; margin-left:5px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .big > .top_icon {cursor:pointer; position:absolute; top:20px; right:20px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .big > .top_icon > svg {width:14px; height:14px; margin-top:3px; margin-left:5px; fill:#000;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .big > .top_icon:hover > svg {fill:var(--app-default-color);}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .big > .items {width:calc(100% - 30px); padding-left:20px; overflow:hidden;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .big > .items > div { position:relative; float:left; height:30px; margin-bottom:20px; line-height:30px; background:#eee; padding-left:10px; padding-right:10px; border-radius:15px; margin-right:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .big > .items > div:hover {background:#eaeaea;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .big > .items > div > span {font-size:12px; color:#555;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .big > .items > div > .number {font-size:14px; font-weight:600; margin-right:5px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .big > .items > div > .one {color:#dd0000}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .big > .items > div > .two {color:#00cc00}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .big > .items > div > .three {color:#0000cc}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .recent > .items > div {padding-right:30px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .big > .items > div > .delete {position:absolute; top:0; right:10px; width:14px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .big > .items > div > .delete > svg {width:14px; height:14px; fill:#999; margin-top:8px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .big > .items > div > .delete:hover > svg {fill:#000}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .big > .items > .empty {background:#eeeeee00; width:calc(100% - 60px); max-width:100%; text-align:center; cursor:default;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .big > .items > .empty > span {font-size:14px; color:#aaa; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .big > .items > .empty:hover {background:#eeeeee00;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .big > .empty {height:30px; width:100%; line-height:30px; text-align:center; font-size:14px; color:#aaa;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .big > .title_right {position:absolute; top:20px; right:40px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .big > .title_right > span {font-size:13px; color:#aaa; height:20px; line-height:20px; }
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .recent > .title_right {position:absolute; top:15px; right:45px; padding-top:5px; padding-bottom:5px; border-radius:20px; cursor:pointer;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .recent > .title_right > span {color:#555; font-size:11px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .search_text > div > .recent > .title_right:hover > span {font-weight:600;}
/*********************************************************************************************
	End - 검색 화면 최근, 인기 검색어
*********************************************************************************************/




/*********************************************************************************************
	추천광고
*********************************************************************************************/

/* 추천광고 */
.body_div > .body_inner_div > .contents_div > .contents_left_div > .recommend_ad {width:100%; height:360px; background:#2D2C2C; margin-bottom:20px; margin-top:0px; border-radius:10px;}
.body_div > .body_inner_div > .contents_div > .contents_left_div > .recommend_ad.video {}

.recommend_ad > img {float:left; width:360px; height:360px; border-top-left-radius:10px; border-bottom-left-radius:10px;}
.recommend_ad > .right {float:left; width:calc(100% - 360px);}
.recommend_ad > .right > .top {border-bottom:1px solid #555; height:50px;}
.recommend_ad > .right > .top > .homepage {float:left; line-height:50px; margin-left:20px; cursor:pointer; }
.recommend_ad > .right > .top > .homepage > div {float:left;}
.recommend_ad > .right > .top > .homepage > div > span {font-size:15px; color:#fff;}
.recommend_ad > .right > .top > .homepage > div > svg {width:16px; height:16px; fill:#fff; margin-top:17px;}
.recommend_ad > .right > .top > .homepage:hover > div > span {color:var(--app-default-color);}
.recommend_ad > .right > .top > .homepage:hover > div > svg {fill:var(--app-default-color);}
.recommend_ad > .right > .top > .ad_info {float:right; height:30px; width:60px; line-height:30px; margin-right:20px; margin-top:10px; border-radius:15px; background:#fff; cursor:pointer;}
.recommend_ad > .right > .top > .ad_info > div {float:left;}
.recommend_ad > .right > .top > .ad_info > div > span {font-size:15px; color:#2D2C2C; margin-left:10px;}
.recommend_ad > .right > .top > .ad_info > div > svg {width:14px; height:14px; fill:#2D2C2C; margin-top:8px; margin-left:3px;}
.recommend_ad > .right > .top > .ad_info:hover > div > span {color:var(--app-default-color); font-weight:600;}
.recommend_ad > .right > .top > .ad_info:hover > div > svg {fill:var(--app-default-color);}
.recommend_ad > .right > .body {height:calc(100% - 51px);  display:table; width:100%;}
.recommend_ad > .right > .body > div {width:100%; display:table-cell; vertical-align:middle; text-align:center;}
.recommend_ad > .right > .body > div > div {font-size:15px; color:#fff;}
.recommend_ad > .right > .body > div > .text {}
.recommend_ad > .right > .body > div > .link {text-decoration: underline; margin-top:10px; cursor:pointer;}
.recommend_ad > .right > .body > div > .link:hover {color:var(--app-default-color);}

.recommend_ad.video > iframe {float:left; width:640px; height:360px; border:0; border-top-left-radius:10px; border-bottom-left-radius:10px;}
.recommend_ad.video > .right {float:left; width:calc(100% - 640px);}

/*********************************************************************************************
	End - 추천광고
*********************************************************************************************/

#loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 3px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  }
 .loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 3px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
 }

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}


/*
이미지 크랍
*/

/*.crop_image > .btns { display: flex; justify-content: center; gap: 10px; }
.crop_image > .btns > button {
	padding: 1em;
	border-radius: 0.3em;	
	border: 2px solid #025bee;
	background-color: #ffffff;

	color: #025bee;
}*/

/*
.wrapper {
  width: min(90%, 800px);
  position: relative;
  transform: translateX(-50%);
  top: 1em;
  left: 50%;
  background-color: #ffffff;
  padding: 2em 3em;
  border-radius: 0.5em;
}
.container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
  border-radius: 7px;
}
.container .image-container,
.container .preview-container {
  width: 100%;
}
input[type="file"] {
  display: none;
}
label {
  display: block;
  position: relative;
  background-color: #025bee;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  width: 250px;
  padding: 16px 0;
  border-radius: 0.3em;
  margin: 16px auto;
  cursor: pointer;
}
img {
  display: block;
  max-width: 100%;
}
.image-container {
  width: 60%;
  margin: 0 auto;
}
.options {
  display: flex;
  justify-content: center;
  gap: 1em;
}
input[type="number"] {
  width: 100px;
  padding: 16px 5px;
  border-radius: 0.3em;
  border: 2px solid #000000;
}
button {
  padding: 1em;
  border-radius: 0.3em;
  border: 2px solid #025bee;
  background-color: #ffffff;
  color: #025bee;
}
.btns {
  display: flex;
  justify-content: center;
  gap: 1em;
  margin-top: 1em;
}
.btns button {
  font-size: 1em;
}
.btns a {
  border: 2px solid #025bee;
  background-color: #025bee;
  color: #ffffff;
  text-decoration: none;
  padding: 1em;
  font-size: 1em;
  border-radius: 0.3em;
}
.hide {
  display: none;
}*/