@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-square-neo.css');

*,body, table, input, textarea, select, button{
	font-family: 'NanumSquareNeo', sans-serif;
	margin: 0;
	padding: 0;
}

ol, ul, li {
	list-style: none;
}

.signup_container,.xt_sticker_wrap,.xt_sticker,.elkhatalk3-layer,#rhymix_debug_button.visible,#nprogress .bar{
	display:none!important;
}

.body.fixed-width{
	width:auto!important;
	max-width:1600px!important
}
.body.fixed-width.none .content{
	width:auto!important;
	max-width:1600px!important
}
div.storemap_header{
	box-sizing:border-box;
}
div.storemap_header *{
	box-sizing:border-box;
}
div.goto_list{
	text-align:right;
}
div.goto_list a{
	color:#222;
	background:#f1f1f1;
	padding:5px 13px;
	display:inline-block;
	border:1px solid #e2e2e2;
}
section.storemap{
	margin-bottom:10px;
	box-sizing:border-box;
	border:1px solid #e2e2e2;
	border-radius:10px;
    display: flex;
    overflow: hidden;
    position: relative;
	background-color: rgba(255, 255, 255, 1); 
}
section.storemap *{
	box-sizing:border-box;
}

#right_info_toggle_button {
	background-color: #fff;
	border-radius:0 3px 3px 0;
	border-right:1px solid #e2e2e2!important;
	border-top:1px solid #e2e2e2!important;
	border-bottom:1px solid #e2e2e2!important;
	color: #ababab;
	border: none;
	padding: 7px 5px;
	font-size: 16px;
	cursor: pointer;
	left:300px;
	top:350px;
	z-index:9;
	position: absolute;
	transition: left 0.4s ease, transform 0.3s ease-in-out;
}

#right_info_toggle_button:hover {
	color: #4a5a77;
	background-color:#f1f4f9;
}

/* 아이콘 스타일 */
#toggle_icon {
	font-size: 24px;
	transition: left 0.3s ease, transform 0.3s ease-in-out;
}
.tooltip {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ffffff;
  border: 1px solid #ccc;
  padding: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  /* 툴팁 스타일 추가 */
  position: relative;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.tooltiptext {
    visibility: hidden;
    background-color: #4a5a77;
    color: #fff;
    text-align: center;
    border-radius: 0 5px 5px 0;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    padding: 13px 10px;
    left: 20px;
    top: -1px;
    opacity: 0;
    transition: opacity 0.3s;
    white-space: nowrap;
    letter-spacing: -1px;
    border-right: 1px solid #e2e2e2 !important;
    border-top: 1px solid #e2e2e2 !important;
    border-bottom: 1px solid #e2e2e2 !important;
	box-sizing: border-box;
	
}

/* 오른쪽으로 확장하는 애니메이션 */
.tooltiptext.right {
  right: -30px;
  left: 110%;
}
div.map {
	flex: 1; 
    width: calc(100% - 300px);
    height: 750px!important;
    overflow: hidden;
    box-sizing: border-box;
    transition: transform 0.3s ease-in-out;
}
.right_info.hidden + .map {
    width: 100%;
    transition: transform 0.3s ease-in-out;
}
div.map:focus{
	outline:none;
    transition: transform 0.3s ease-in-out;
}
div.right_info{
	width:300px;
	float:left;
	box-sizing: border-box;
	display:inline-block;
	vertical-align:top;
    transform: translateX(0);
	border-right:1px solid #e2e2e2;
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out; /* transform과 width에 애니메이션 적용 */
	overflow-y: auto; /* 내용이 넘칠 경우 스크롤 가능하도록 설정 */
	overflow-x: hidden;
}
.right_info.hidden {
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out,width 0.3s ease-in-out;
    width: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
div.right_info_header{
	padding:15px 15px 0 15px;
	width:300px;
	box-sizing: border-box;
}
div.right_info_title{
	font-size:20px;
	text-align:center;
	font-weight:bold;
	color:#000;	
}
div.right_info_search{
	margin-top:15px;
	position:relative;
}

input.search_keyword {
	width:100%;
	height:35px;
	padding:20px;
	font-size:12px;
	box-shadow: 0 0 0 1px #dbdbdb inset;
	border: none;
	font-size: 14px;
	background-color: #ffffff;
	border-radius: 10px;
	outline: none;
	width: 100%;
	transition: border-color 0.3s;
}
	
input:focus.search_keyword {
	box-shadow: 0 0 0 2px #1abc9c inset;
}

div.right_info_search i{
	position:absolute;
	right:10px;
	top:9px;
	font-size:22px;
	font-weight:900;
	color:#415270;
	cursor: pointer;
}
ul.item_list {
	width:300px;
	height: 599px;
	overflow-y: auto;
    box-sizing: border-box;
}

ul.item_list li {
	padding: 15px 10px;
	border-bottom: 1px solid #dedede;
	cursor: pointer;
}

ul.item_list li:last-child {
	border-bottom: none;
}

/* 스크롤 디자인 */
ul.item_list::-webkit-scrollbar {
	width: 8px;
	padding-right: 3px; /* 여백을 3px로 조정 */
}

ul.item_list::-webkit-scrollbar-thumb {
	background-color: #e2e2e2;
	border-radius: 4px;
}

ul.item_list::-webkit-scrollbar-thumb:hover {
	background-color: #c3c3c3;
}

div.item_left{
	float:left;
	width:100px;
}
img.thumbnail{
	height:100px;
	width:100px;
	border-radius:5px;
	overflow:hidden;
    border: 1px solid #e2e2e2;
}
div.item_no_img{
	background:#f9f8f8;
	height:100px;
	width:100px;
	line-height:100px;
	text-align:center;
	font-size:9px;
	border-radius:5px;
	overflow:hidden;
    border: 1px solid #e2e2e2;
}
div.item_right{
	width:calc( 100% - 110px );
	float:left;
	margin-left:10px;
	font-size:13px;
}
div.item_right div{
	margin-bottom:5px;
}
div.item:after{
	clear:both;
	content : '';
	display:block;
}
div.clustering{
	cursor:pointer;
	width:40px;
	height:40px;
	line-height:42px;
	font-size:10px;
	color:white;
	text-align:center;
	font-weight:bold;
	background-size:contain!important;
}
div.item_right div.item_title{
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
div.item_right div.item_address{
	font-size:12px;
	font-weight:200;
	letter-spacing:-1px;
	line-height:14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
div.item_right div i{
	font-size: 13px;
    margin: 5px;
    line-height: 20px;
    top: -6px;
    position: relative;
    float: left;
}
div.item_right div.item_phone_number{
	font-size:14px;
	font-weight:bold;
	letter-spacing:0;
	line-height:20px;
}
div.cs1{
	background:url(../img/clustering/cluster-marker-1.png);
}
div.cs2{
	background:url(../img/clustering/cluster-marker-2.png);
}
div.cs3{
	background:url(../img/clustering/cluster-marker-3.png);
}
div.cs4{
	background:url(../img/clustering/cluster-marker-4.png);
}
div.cs5{
	background:url(../img/clustering/cluster-marker-5.png);
}
div.pagination{
	margin-top:10px;
	display:block!important;
	clear:both;
	text-align:center;
	padding-top:10px;
	margin-bottom:20px;
	line-height:10px;
}
div.pagination a{
	text-decoration:none;
	color:#767676;
	background-color:#f6f6f6;
	border-radius:50px;
	padding:10px;
	display:inline-block;
	vertical-align:top;
	font-size:15px;
}
div.pagination strong{
	text-decoration:none;
	color:#fff;
	background-color:#4a5a77;
	border-radius:50px;
	padding:10px;
	display:inline-block;
	vertical-align:top;
	font-size:15px;
}

/* info window */
div.info_window{
	position:relative;
	background:#fff;
	border-radius:10px;
	width:100%;
	max-width:400px;
}
div.info_window_title{
	position:relative;
	text-align:center;
	background:#415270;
	border-radius: 10px 10px 0 0;
	padding:12px;
}
div.info_title{
	color:#fff;
	font-size:17px;
	font-weight:900;
	letter-spacing:-1px;
    overflow: hidden;
    white-space: nowrap;
	padding:0 50px;
    text-overflow: ellipsis;
}
div.info_title:hover{
	cursor:pointer;
	color:#fff49c;
}
div.info_title_img{
	position:absolute;
	top:10px;
	right:13px;
	height:20px;
	display: flex;
	align-items: center;
}
div.info_detail_bt{
	position:absolute;
}
div.info_detail_bt button{
	background-color: #415270;
	padding: 3px 7px;
	border-radius: 5px;
	margin-right: 5px;
	border: 1px solid #b6b6b6;
	color: #fff;
	cursor: pointer;
	transition: background-color 0.1s ease-in-out;
}
div.info_detail_bt button:hover{
	background-color: #fff;
	border: 1px solid #fff;
	color: #415270;
	font-weight:bold;
	transition: background-color 0.1s ease-in-out;
}
div.info_title_img svg{
	width:100%;
	height:100%;
	fill: #fff;
}
div.info_title_img i{
	font-size:25px;
	color:#fff;
	cursor:pointer;
}
div.info_window_middle{
	padding:10px;
	margin:0 10px;
	text-align:center;
}
div.info_window_middle span{
	font-weight:lighter;
	color:black;
	font-size:12px;
	letter-spacing:-1px;
}
div.info_window_middle .business_hours{
	font-weight:bold!important;
	font-size:14px;
}
div.info_window_middle .extra_item{
	margin-top:7px;
	line-height:18px;
}
div.info_window_middle .extra_item p{
    margin-top: 5px;
    padding: 2px 5px;
    display: inline-block;
    border: 1px solid #dbdbdb;
    background-color: #f7faff;
    border-radius: 5px;
}
div.business_hours{
	font-size:13px;
	font-weight:bold; 
	display:inline-block;
}
div.info_window_bottom{
	padding:10px;
	color:black;
	margin-bottom:5px;
	font-size:12px;
	margin:0 10px;
	border-bottom:1px dashed #c4c4c4;
}
div.info_window_bottom .info_window_bottom_address{
	font-size:14px;
	line-height:20px;
	letter-spacing:-1px;
	text-align:center;
}
div.info_window_bottom_phone{
    font-size: 17px;
    text-align: center;
    line-height: 30px;
	font-weight:bold;
}
div.info_window_bottom_tri{
	text-align:center;
	position:relative;
	bottom:0;
	height:0;
}

section#place_item{
	display:none;
	position:fixed;
	z-index:100;
	background:#0000006b;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-align:center;
	z-index:1000;
	box-sizing:border-box;
}
section#place_item *{
	box-sizing:border-box;
}
div.place_item_wrap{
	position:absolute;
	border-radius:10px;
	/*overflow:hidden;*/
	top:20px;
	z-index:999999;
    left: 27.5%;
	
	padding:0px;
	max-width:400px;
    width: 80%;
	height: 100%;
    overflow-y: auto;
    padding: 5px;
}
/* 스크롤 디자인 */
div.place_item_wrap::-webkit-scrollbar {
	width: 4px;
	padding-right: 3px; /* 여백을 3px로 조정 */
}

div.place_item_wrap::-webkit-scrollbar-thumb {
	background-color: #e2e2e2;
	border-radius: 4px;
}

div.place_item_wrap::-webkit-scrollbar-thumb:hover {
	background-color: #c3c3c3;
}
div.place_item_title{
	border-radius:10px 10px 0 0;
	background:#4a5a77;
	color:#fff;
	font-weight:900;
	font-size:20px;
	text-align:center;
    padding: 15px 50px;
	position:relative;
	border-radius: 10px 10px 0 0;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	cursor: move; /* 드래그 커서로 변경 */
	user-select: none; /* 텍스트 선택 방지 */
}
div.place_item_title i{
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
}
div.lsslider{
	padding:10px;
	/* width:auto; */
	height:auto;
	background-color:#fff;
}
div.place_item_info{
	text-align:left;
	padding:10px 20px 20px 20px;
	font-size:15px;
	background-color:#fff;
    border-radius: 0 0 10px 10px;
}
div.place_item_info div{
	font-size:12px;
	line-height:20px;
	margin-bottom:5px;
	color:black;
	border-bottom:1px dotted #e2e2e2;
}
div.place_item_info_etc span:last-child:after{
	display:none;
}
div.place_item_info_service{
	margin-top:5px;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover{
	border:1px solid gray;
	border-radius: 7px!important;
}
.lSSlideOuter .lSPager.lSGallery li{
	border:1px solid #ddd;
	border-radius: 7px!important;
}

div.lsslider img{
	max-width:100%;
							  
}

div#circularMenu{
	display:none!important;
}
div.place_item_info_hour span:nth-child(2):before{
	content : '/';
	margin-right:3px;
}
span.business_hours:nth-child(2):before{
	content : '/';
	margin-right:3px;
}
span.extra_item:nth-child(n+2):before{
	content : ',';
	margin-right:3px;
}
span.place_item_info_extra i{
	vertical-align:middle;
}
span.place_item_info_extra:nth-child(n+2):before{
	content : ',';
	margin-right:3px;
}
div.region_search{
	margin-top:10px;
	text-align:center;
	padding:5px;
	padding-bottom:13px;
	border-bottom:1px solid #e2e2e2;
	width:300px;
	box-sizing: border-box;
}
div.scroll_wrapper {
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 10px; /* 가로 스크롤 영역과 버튼 간격 조절 */
}

div.region_search i{
	font-size:20px;
	vertical-align:middle;
	color:gray;
}
div.region_search_sc{
	display:inline-block;
	white-space:nowrap;
	overflow-x:auto;
	width: 190px;
	margin: 0 5px;
	vertical-align:middle;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
	-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;
}
div.region_search_sc::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
div.region_search_sc span{
	font-size:14px;
	font-weight:700;
	margin:0;
	padding:0 10px;
	cursor:pointer;
}
div.region_search svg{
	font-size:20px;
	vertical-align:middle;
	color:gray;
}
div.region_search #scroll_left{
	display:inline-block;
	margin-right:5px!important;
	cursor:pointer;
}
div.region_search #scroll_right{
	display:inline-block;
	margin-left:5px!important;
	cursor:pointer;
}

/* mobile */
div#mobile_map_search{
	width:100%;
	height:80px;
	background:#fff;
	text-align:center;
	position:relative;
	margin-bottom:10px;
}
div#mobile_map_search>button{
	width:30%;
	font-size:18px;
	margin-top:10px;
	border:0;
	border-radius:20px;
	padding:5px 0;
	background:#CCCCCC;
	font-weight:700;
	color:#333;
}
div.m_search_area{
	position:relative;
	width:92%;
	/* height:30px; */
	margin:0 auto;
	display:inline-block;
	/* margin-bottom:0; */
}
input.m_search_keyword{
	margin-top:5px;
	height:30px;
	width:100%;
	border-radius:10px;
	border:1px solid #ccc;
	padding-left:35px;
	font-size:16px;
}
div.m_search_area i{
	position:absolute;
	top:10px;
	left:10px;
	font-size:20px;
	color:gray;
}
div#r_search{
	display:none;
	text-align:center;
}
div.r_search_wrap{
	width:95%;
	height:40px;
	font-size:18px;
	font-weight:500;
	/* margin-top:5px; */
	padding:10px;
	display:inline-block;
}
div.r_search_wrap i{
	font-size:20px;
	color:gray;
}
i#scroll_left{
	margin-right:10px;
	vertical-align:middle;
}
i#scroll_right{
	margin-left:10px;
	vertical-align:middle;
}
div.r_search_region_list{
	display:inline-block;
	max-width:73%;
	overflow-x:auto;
	white-space:nowrap;
	vertical-align:middle;
	padding-bottom:5px;
}
div.r_search_region_list span{
	margin:0 8px;
	font-size:16px;
}
section.item_list_wrap{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:100;
	background:#00000082;
	display:none;
}
div.item_list_close{
	position:absolute;
	right:5%;
	top:1.5%;
	width:22px;
	height:22px;
	background:#fff;
	border-radius:50%;
	text-align:center;
}
div.item_list_close i{
	font-size:15px;
	line-height:22px;
}
a.do_call{
	background:#000;
	color:#fff;
	padding: 2px 10px;
	border-radius: 5px;
	margin-left: 5px;
}
h1.no_key_warning{
	text-align:center;
}


button.copyUrlBtn {
	display: inline-block;
	padding: 4px 5px;
	background-color: #a0adc5;
	color: #fff;
	border: none;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    left: 8px;
    }
button.copyUrlBtn:hover {
		background-color: #485974;
    }
button.copyAddressBtn {
	display: inline-block;
    padding: 4px 5px;
    background-color: #c5a0ae;
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    left: 7px;
    }
	
button.copyAddressBtn:hover {
		background-color: #b94c76;
    }
	
button.copyUrlBtn .icon {
		margin-right: 5px;
    }
	
.lSSlideOuter .lSPager, .lSSlideOuter .lightSlider{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

ul.item_list li:hover{
	background-color:#ffc;
}

div.map div div img:hover,div.map div div img:focus {z-index:99999999;}