@charset "utf-8";



/**

* import 

*/

/* @import url("../../share/css/reset.css"); */

/* @import url("../../share/css/common.css"); */

@import url("../../share/css/ui-manager.css");

@import url("../../share/css/sButton-manager.css");

/* @import url("../../share/XEIcon-master/xeicon.min.css"); */

/*@import url("../../share/font-awesome-4.3.0/font-awesome.min.css");*/

/**

* layout

*/


a:hover,

a:focus,



button:hover,

button:focus,



select:hover,

select:focus,



input:hover,

input:focus,



textarea:hover,

textarea:focus {

	outline: none;

	text-decoration: none;

}







#wrap {

	/* background: url("./img/bg/header_bg.png") no-repeat 0 -40px;

	position: relative;

	z-index: 0; */

}



#header {

	position: relative;

	z-index: 30;

	height: 170px;

}



#container:after {

	display: block;

	content: "";

	clear: both;

}





#footer {

	position: relative;

	z-index: 20;

	height: 50px;

	background: url("./img/bg/footer_bg.png") repeat-x 0 100%;

}







/* layout > size */



.layout-huge #wrap {

	min-width: 1800px;

}



.layout-large #wrap {

	min-width: 1600px;

}



.layout-normal #wrap {

	min-width: 1400px;

}



.layout-small #wrap {

	min-width: 1200px;

}



.layout-tiny #wrap {

	min-width: 1000px;

}







.layout-huge #content {

	width: 1600px;

}



.layout-large #content {

	width: 1400px;

}



.layout-normal #content {

	width: 1200px;

}



.layout-small #content {

	width: 1000px;

}



.layout-tiny #content {

	width: 800px;

}







/**



* header



*/







#header h1 {

	padding: 30px 20px;

	line-height: 20px;

}



#header h1 a {

	font-weight: bold;

}







#header ul.header_qm {

	position: absolute;

	top: 33px;

	right: 20px;

	z-index: 32;	

	line-height: 14px;

}



#header ul.header_qm li {

	float: left;

	padding-left: 20px;

	background: url("./img/ico/arrow.png") no-repeat 10px 2px;

}



#header ul.header_qm li:first-child {

	padding: 0;

	background: none;

}



#header ul.header_qm a {

	color: #e6e6e6;

}



#header ul.header_qm a:hover,

#header ul.header_qm a:focus {

	color: #fff;

}



#header ul.header_qm a strong {

	font-weight: bold;

	color: #fff;

}



#header ul.header_qm li:first-child a strong {

	color: #ffe242

}











#gnb {

	position: relative;

	z-index: 40;

}



#gnb>ul {

	padding-left: 0;

	background: url("./img/bg/gnb_bg.png") repeat-y 0 0;

}



#gnb>ul:after {

	display: block;

	content: "";

	clear: both;

}



#gnb>ul>li {

	position: relative;

	float: left;

	background: url("./img/bg/gnb_bg.png") repeat-y 100% 0;

}



#gnb>ul>li>a {

	display: block;

	height: 14px;

	padding: 19px 25px 17px;	

	color: #fff;

	line-height: 14px;

	font-weight: bold;

}



#gnb>ul>li.hover>a {

	padding: 18px 24px 17px;

	border: 1px solid #505050;

	border-bottom: 0;

	background: #fff;

	color: #3c3c3c;

}



#gnb>ul>li>ul {

	display: none;

	position: absolute;

	top: 50px;

	left: 0;

	min-width: 160px;

	border: 1px solid #505050;

	border-top: 0;

	background: #fff;

}



#gnb>ul>li.hover>ul {

	display: block;

}



#gnb>ul>li>ul>li>a {

	display: block;

	height: 14px;

	padding: 9px 0 7px 20px;

	line-height: 14px;

	font-size: 11px;

	color: #6e6e6e;

}



#gnb>ul>li>ul>li>a:hover,

#gnb>ul>li>ul>li>a:focus {

	color: #fff;

	background: #646464;

}



#gnb a.event {

	display: block;

	position: absolute;

	top: 7px;

	right: 120px;

}



#gnb a.btn_cscenter {

	position: absolute;

	top: 7px;

	right: 20px;

	z-index: 45;

}







#sub_nav {

	position: relative;

	z-index: 30;

	height: 39px;

	background: #fbfbfb;

	border-bottom: 1px solid #d2d2d2;

	font-size: 11px;

}



#sub_nav ul {

	height: 39px;

}



#sub_nav ul:after {

	display: block;

	clear: both;

	content: "";

}



#sub_nav ul li {

	float: left;

	line-height: 100%;

	padding: 14px 12px;

	background: url("./img/ico/arrow.png") no-repeat 0 15px;

}



#sub_nav ul li:first-child {

	padding-left: 40px;

	background: none;

}



#sub_nav ul li a {

	color: #3c3c3c;

}



#sub_nav ul li.on a {

	color: #558ed5;

	font-weight: bold;

}



/**



* aside



*/



#aside:after {

	display: block;

	clear: both;

	content: "";

}



#aside div.member_info {

	padding: 20px 12px;

	background: #8c8c8c;

	/*border-bottom:1px solid #d2d2d2;*/

}



#aside div.member_info p {

	line-height: 16px;

	color: #e6e6e6;

	font-size: 11px;

}



#aside div.member_info p em {

	display: block;

	margin-bottom: 5px;

	color: #fff;

	font-size: 12px;

}



#aside div.member_info p em strong {

	font-weight: bold;

	color: #ffe242;

}



#aside div.member_info p span {

	color: #fff;

}







#aside div.payment_info {

	padding: 7px;

	border-bottom: 1px solid #d2d2d2;

	font-size: 11px;

	background: #f5f5f5;

	box-sizing: border-box;

}



#aside div.payment_info ul {

	padding: 12px;

	background: #fff;

	border: 1px solid #d2d2d2;

	box-sizing: border-box;

}



#aside div.payment_info ul li {

	margin-top: 10px

}



#aside div.payment_info ul li:first-child {

	margin-top: 0;

}



#aside div.payment_info dl dt {

	font-weight: bold;

}



#aside div.payment_info dl dd strong {

	display: inline-block;

	padding: 0 3px;

	border: 1px solid #d2d2d2;

	background-color: #fff;

}



/*



#aside div.payment_info p {width: 100%; }



#aside div.payment_info a,



#aside div.payment_info a > span,



#aside div.payment_info a > span > span  {width: 100%; text-align: center; }



#aside div.payment_info a,



#aside div.payment_info a > span > span {box-sizing: border-box;}*/







#aside div.payment_info p {

	margin-top: 5px;

}



#aside div.payment_info a>span>span {

	width: 143px;

	text-align: center;

}







#aside div.banner {

	display: block;

	padding: 10px 5px

}



#aside div.banner a {}



#aside div.banner a>span>span {

	width: 105px;

	text-align: center;

}



#snb ul>li.depth-1 {

	padding-left: 16px;

	padding-right: 16px;

	margin-top: 10px;

}



#snb ul>li.depth-2 {

	padding-left: 30px;	

	background: url("/svg/dot-gray.svg") no-repeat 5px 50%;

	font-size: 14px;

}



#snb>ul>li>a {

	display: block;

	background: url("/svg/chevron-right-gray.svg") no-repeat 200px 50%;

	font-weight: bold;

	border-radius: 6px;

	transition: background 0.2s;

	padding: 8px 10px;

}



#snb>ul>li>a:hover {

	background-color: #4a5568;

}



#snb>ul>li.on>a {

	background: url("/svg/chevron-up-gray.svg") no-repeat 200px 50%;	

}



#snb>ul>li.on>a:hover {

	background-color: #4a5568;

}



#snb ul>li.depth-2 {

	margin-top: 4px;

	border-radius: 6px;

	padding-top: 9px;

	padding-bottom: 9px;

}



#snb ul>li.depth-2:hover {

	background-color: #4a5568;

}



#snb>ul>li>ul {

	display: none;

}



#snb>ul>li.on>ul {

	display: block;

}



#snb>ul>li>ul>li {

	margin-top: 12px;

}



#snb>ul>li>ul>li:first-child {

	margin-top: 0;

}



#snb>ul>li>ul>li>a {



}



#snb>ul>li>ul>li.on>a {
	color: #7eadfd;
	font-weight: bold;
	display: block;
	width:100%;
	height:100%;

}



#aside div.inplus ul li {

	height: 40px;

	border-bottom: 1px solid #d2d2d2;

}



#aside div.inplus ul li a {

	display: block;

	height: 40px;

	padding-left: 35px;

	line-height: 40px;

	color: #787878;

	font-size: 11px;

}



#aside div.inplus ul li a:hover {

	color: #3c3c3c;

}



#aside div.inplus ul li.homepage {

	background: url("./img/ico/ico_homepage.png") 15px 10px no-repeat;

}



#aside div.inplus ul li.cscenter {

	background: url("./img/ico/ico_person.png") 15px 10px no-repeat;

}



#aside div.inplus ul li.remote {

	background: url("./img/ico/ico_remote.png") 15px 10px no-repeat;

}





/* re-design menu */

#snb .users {

}







/**



* container



*/



#container h3 {

	margin-bottom: 40px;

	padding-left: 27px;

	background: url("./img/ico/bl_h3.gif") 0 0 no-repeat;

	font-size: 14px;

	color: #3c3c3c;

	font-weight: bold;

}



#container h4 {

	height: 30px;

	line-height: 30px;

	color: #3c3c3c;

	font-weight: bold;

}







/**



* footer



*/



#footer p {

	padding: 20px 0 17px 20px;

	line-height: 13px;

	font-size: 11px;

	color: #6e6e6e;

}



#footer p strong {

	color: #3c3c3c;

	font-weight: bold;

}







/**



* layer popup



*/



#layer_back {

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 990;

	width: 100%;

	height: 100%;

	background-color: #000;

	filter: alpha(opacity=50);

	-khtml-opacity: 0.5;

	-moz-opacity: 0.5;

	opacity: 0.5;

}



#layer_popup {

	display: none;

	position: fixed;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	z-index: 995;

	width: 600px;

	height: 600px;

	background-color: #fff;

	/*margin: -300px 0 0 -300px;*/

	/*border-radius:12px;*/

	/*overflow: hidden;*/

}



#layer_header {

	position: relative;

	width: 100%;

	height: 50px;

	background-color: #1e293b;

}



#layer_header>h1 {

	width: 80%;

	margin-left: 15px;

	line-height: 50px;

	color: #fff;

	font-size: 16px;

	font-weight: bold;

}



#layer_header>button {

	position: absolute;

	top: 12px;

	right: 15px;

	z-index: 996;

	width: 27px;

	height: 27px;

	margin: 0;

	padding: 0;

	border: 0;

	cursor: pointer;

	background: none;

	color:#fff;

}



#layer_header>button>i {

	font-size: 28px;

	color: #333;

	text-align: center;

}



#layer_content {

	height: 500px;

	padding: 20px;

	margin-bottom: 0;

	overflow-y: auto;

}



#layer_content h2 {

	height: 30px;

	line-height: 30px;

	color: #3c3c3c;

	font-weight: bold;

}



#layer_content div.right {

	float: right;

	width: 48%;

	height: 30px;

	line-height: 30px;

	text-align: right;

}







#layer_content p.help {

	padding-bottom: 10px;

}



#layer_content p.help>strong {

	font-weight: bold;

}







#layer_content p {

	line-height: 20px;

}



#layer_content p.guide {

	position: absolute;

	top: 36px;

	right: 30px;

	line-height: 12px;

	color: #ff0000;

}



#layer_content p.dot {

	padding-left: 10px;

	line-height: 12px;

	background: url("/img/manager/bl_dot.gif") 0 6px no-repeat;

}



#layer_content ul.guide_list {}



#layer_content ul.guide_list>li {

	padding-left: 10px;

	line-height: 18px;

	background: url("/img/manager/bl_dot.gif") 0 8px no-repeat;

}



#layer_content div.list_top {

	position: relative;

	/*padding:0;*/

	color: #666;

}



#layer_content div.list_top>div.right>input.searchbox_submit {

	right: 78px;

}



#layer_content div.btn_layer {

	margin-top: 25px;

	text-align: center;

}



#layer_content span.title {

	display: inline-block;

	margin-right: 10px;

	font-weight: 600;

	color: #333;

}



#layer_content table.tbl_type3 {

	margin: 0;

}

.category-item{
	background:#fff;
}






/* layer_tab */



div.layerTab {

	height: 41px;

	margin-bottom: 20px;

	border-bottom: 1px solid #ddd;

	*zoom: 1

}



div.layerTab>ul:after {

	display: block;

	clear: both;

	content: ''

}



div.layerTab>ul>li {

	float: left;

	width: 60px;

	margin-left: -1px;

	font-size: 13px;

	line-height: 40px;

	text-align: center;

}



div.layerTab>ul>li:first-child {

	margin: 0;

}



div.layerTab>ul>li>a {

	display: block;

	border: 1px solid #ddd;

	background: #e6e6e6;

	color: #6e6e6e;

	text-align: center;

	text-decoration: none;

}



div.layerTab>ul>li>span {

	display: block;

	position: relative;

	border: 1px solid #646464;

	border-bottom: 1px solid #fff;

	font-weight: 600;

	background: #fff;

	color: #3d3d3d;

}



div.layerTab>ul>li>span>span.num {

	color: #feca00;

}



















/* 발신번호 사전등록 안내*/



div.layerRegistration>div.layerTab {

	margin-bottom: 40px;

}



div.layerRegistration>div.layerTab>ul>li {

	width: 200px;

}



div.layerRegistration>h3 {

	margin-bottom: 16px;

	font-weight: 600;

	font-size: 18px;

	line-height: 18px;

	color: #2460ce;

}



div.layerRegistration>p.txt {

	font-size: 14px;

	color: #6e6e6e;

}



div.layerRegistration>p>strong {

	font-weight: 600;

	color: #ff0000;

}







div.layerRegistration>dl {}



div.layerRegistration>dl>dt {

	margin-top: 20px;

	padding: 5px 0 0 42px;

	height: 30px;

	font-weight: 600;

	font-size: 14px;

	background: url("/img/manager/sp_qa.png") 0 0 no-repeat;

	color: #333;

}



div.layerRegistration>dl>dd {

	margin-top: 10px;

	padding: 0 0 30px 42px;

	border-bottom: 1px dashed #ddd;

	line-height: 20px;

	background: url("/img/manager/sp_qa.png") 0 -100px no-repeat;

}



div.layerRegistration>dl>dd>strong {

	font-weight: 600;

	color: #333;

}



div.layerRegistration>dl>dd>ul {}



div.layerRegistration>dl>dd>ul>li {

	line-height: 20px;

}



div.layerRegistration>dl>dd>ul>li>strong {

	font-weight: 600;

	color: #333;

}







div.layerRegistration>div.service_area {

	position: relative;

	margin: 30px 0;

}



div.layerRegistration>div.service_area:after {

	display: block;

	clear: both;

	content: ''

}



div.layerRegistration>div.service_area>div.service {

	float: left;

	position: relative;

	width: 238px;

	height: 208px;

	padding: 10px 0 20px 0;

	border-right: 1px solid #ddd;

}



div.layerRegistration>div.service_area>div.service.middle {

	padding-left: 20px;

	width: 218px;

}



div.layerRegistration>div.service_area>div.service.middle>div.btn_go {

	left: 20px;

}



div.layerRegistration>div.service_area>div.service.last {

	padding-left: 20px;

	width: 218px;

	border: 0;

}



div.layerRegistration>div.service_area>div.service.last>div.btn_go {

	left: 20px;

}



div.layerRegistration>div.service_area>div.service>dl {

	margin-top: 30px;

	line-height: 20px;

}



div.layerRegistration>div.service_area>div.service>dl>dt {

	font-weight: 600;

	color: #333;

}



div.layerRegistration>div.service_area>div.service>dl>dd {}



div.layerRegistration>div.service_area>div.service>div.btn_go {

	position: absolute;

	left: 0;

	bottom: 20px;

}







/* 광고성 문자 표기의무 안내 */



div.layerRegistration>div.obligation {

	position: relative;

	width: 100%;

	margin: 35px 0 25px 0;

	padding: 18px 70px;

	border-radius: 2px;

	background: #def2ff;

	box-sizing: border-box;

}



div.layerRegistration>div.obligation>dl {}



div.layerRegistration>div.obligation>dl:after {

	display: block;

	clear: both;

	content: ''

}



div.layerRegistration>div.obligation>dl>dt {

	float: left;

	margin-top: 6px;

	font-weight: 600;

	font-size: 16px;

	color: #333;

	vertical-align: middle;

}



div.layerRegistration>div.obligation>dl>dd {

	width: 300px;

	height: 30px;

	margin-left: 270px;

	border-radius: 2px;

	font-weight: 600;

	font-size: 14px;

	line-height: 28px;

	background: #009bff;

	color: #fff;

	text-align: center;

	vertical-align: middle;

}



div.layerRegistration>p.adtxt {

	margin-top: 25px;

	color: #333;

	text-align: center;

}







div.layerRegistration>table.list_table {

	margin-top: 50px;

}



div.layerRegistration>table.list_table tr td>div.violation {

	width: 190px;

	height: 130px;

	margin: 6px 0 6px 12px;

	padding: 20px 10px 10px 10px;

	line-height: 20px;

	border-radius: 2px;

	background: #def2ff;

	color: #333;

	text-align: left;

	box-sizing: border-box;

}







/* 발신번호사전등록 > 추가등록 */



div.layerRegistration>span.title {

	font-size: 13px;

	line-height: 13px;

}



div.layerRegistration>table.write_table tr th {

	padding: 5px;

}



div.layerRegistration>table.write_table tr td {

	padding: 1em 10px;

}



div.layerRegistration>table.write_table tr td.confirm {

	padding: 15px 0 15px 10px;

}



div.layerRegistration>p {

	margin-top: 15px;

}



div.layerRegistration>div.check {

	margin: 10px 0 25px 0;

}



div.layerRegistration>div.check>span.txt {

	margin-right: 10px;

}







/* popup a href */



#popup_href {

	display: none;

}











/* 1:1 문의 */



#footer div.fooetbtn .customer_pannel .btn_customer_box {

	position: fixed;

	bottom: 50px;

	right: 50px;

	z-index: 10;

	display: inline-block;

	width: 80px;

	height: 80px;

	border-radius: 50%;

	background: url("/img/manager/ico_customer.png") 50% 50% no-repeat #e22950;

	color: #fff !important;

	box-shadow: 2px 2px 2px rgb(0 0 0 / 20%);

	border: 1px solid #ddd;

}



#footer div.fooetbtn .customer_pannel .btn_customer_box:hover {

	background-color: #222;

	color: #fff;

}



#footer div.fooetbtn .customer_pannel .btn_customer_box .tit {



	display: inline-block;



	position: absolute;

	top: 20%;



	font-size: 12px;



	line-height: 12px;



	padding: 10px;



	border-radius: 5px;



	animation-name: customer;



	animation-duration: .5s;



	animation-direction: alternate;



	animation-iteration-count: infinite;



	background-color: #252525 !important;



	color: #fff;



}



#footer div.fooetbtn .customer_pannel .btn_customer_box .tit:after {

	display: block;

	position: absolute;

	width: 8px;

	height: 8px;

	top: 12px;

	right: -4px;

	background-color: #222;

	content: "";

	transform: rotate(-45deg)

}



@keyframes customer {



	from {



		left: -90px;



	}



	to {



		left: -95px;



	}



}







#footer div.fooetbtn .customer_pannel .customer_box {

	display: block;

	position: fixed;

	bottom: 160px;

	right: -300px;

	padding: 25px;

	width: 300px;

	border-radius: 10px;

	border-bottom-right-radius: 0;

	box-sizing: border-box;

	opacity: 0;

	color: #fff;

	z-index: 1;

	background-color: #252525 !important;

}



#footer div.fooetbtn .customer_pannel.open .customer_box {

	right: 90px;

	opacity: 1;

}



#footer div.fooetbtn .customer_pannel .customer_box:after {

	display: block;

	position: absolute;

	bottom: -10px;

	right: 0;

	border-left: 10px solid transparent;

	border-top: 10px solid #333;

	content: "";

}



#footer div.fooetbtn .customer_pannel .customer_box .txt {

	opacity: 0.8;

	padding: 0;

	font-size: 16px;

	line-height: 1.3;

	color: #fff;

}



#footer div.fooetbtn .customer_pannel .customer_box .tit {

	font-size: 24px;

	margin-bottom: 10px;

	opacity: 1;

	font-weight: 800;

	color: #fff;

	margin-bottom: 10px;

}



#footer div.fooetbtn .customer_pannel .customer_box .box {

	margin-top: 15px;

	padding: 15px;

	background-color: #fff;

	font-size: 14px;

	line-height: 150%;

	word-break: keep-all;

}



#footer div.fooetbtn .customer_pannel .customer_box .box a {

	margin: 5px 0;

	color: #222222;

}



#footer div.fooetbtn .customer_pannel .customer_box div.btn_box {

	margin-top: 10px;

	border-radius: 50px;

	background: #ffc107;

	color: #222222 !important;

	width: 100%;

	height: 50px;

	line-height: 50px;

	text-align: center;

	font-weight: 400;

	font-size: 16px;

	/*font-weight: 600;*/

}

input.date{
	background-image:url('/share/js/jquery-ui-1.11.1.custom/images/btn_calendar.gif');
	background-repeat:no-repeat;
	background-position:right 0 center;
	background-size:40px;
	padding-right:32px;
	cursor: pointer;
}
.ui-datepicker-trigger{
	display:none;
}

/*img.ui-datepicker-trigger{*/
/*	position:absolute;*/
/*	right:10px;*/
/*	top:50%;*/
/*	transform:translateY(-50%);*/
/*	width:18px;*/
/*	height:18px;*/
/*	cursor:pointer;*/
/*}*/

.dp-wrap{
	position:relative;
	display:inline-block;
}

.dp-wrap .ui-datepicker-trigger{
	position: absolute;
	right: 3px;
	top: 50%;
	transform: translateY(-50%);
	width: auto;
	height: 38px;
	cursor: pointer;
}



/* 

 * daveno@inplusweb.com

 */



caption, legend {

    display: none !important;

}



.bord_wrap{
	position: relative;
	background-color:#fff !important;
	/*width:100%;*/
	/*max-width:1400px;*/
}



/*매장정보입력 step*/

.step_box{

	padding:10px 0;

}

.step_bar {

	display: flex;

	counter-reset: step;

}

.step_bar li {

	display:flex;

	flex-direction: column;

	align-items: center;

	width: 30.33%;

	position: relative;

	text-align: center;

	cursor: pointer;

}

.step_bar li p{

	font-size:13px;

	margin-top:6px;

	font-weight:600;

	color: #bbb;

}

.step_bar li:before {

	content: counter(step);

	counter-increment: step;

	width: 30px;

	height: 30px;

	line-height : 30px;

	border: 2px solid #ccc;

	border-radius: 100%;

	color:#bbb;

	font-weight:600;

	display:flex;

	justify-content: center;

	align-items: center;

	background-color: #fff;

	position: relative;

	z-index: 2;

}

.step_bar li:after {

	content: "";

	position: absolute;

	width: 100%;

	height: 2px;

	background-color: #ddd;

	top: 14px;

	left: -50%;

	z-index :1;

}

.step_bar li:first-child:after {

	content: none;

}

.step_bar li.active {

	color: #3b82f6;

}

.step_bar li.active p{

	color:#3b82f6;

}

.step_bar li.active:before {

	content:"✔";

	border-color:#3b82f6;

	background-color:#3b82f6;

	font-weight:bold;

	color:#fff;

}

.step_bar li.before + li:after {

	background-color: #3b82f6;

}



.step_bar li.now p{

	font-size:13px;

	margin-top:6px;

	font-weight:600;

	color: #3b82f6;

}

.step_bar li.now:before {

	content: counter(step);

	counter-increment: step;

	width: 30px;

	height: 30px;

	line-height: 30px;

	border: 2px solid #3b82f6;

	border-radius: 100%;

	color: #3b82f6;

	font-weight: 600;

	display: flex;

	justify-content: center;

	align-items: center;

	background-color: #fff;

	position: relative;

	z-index: 2;

}

/* 사이드바 토글 버튼 */
.toggle-btn {
	/*position: absolute;*/
	/*bottom: -14px;*/
	/*right: 12px;*/
	width: 42px;
	height: 42px;
	/*background:#f8fafc;*/
	border:1px solid #d1d5db;
	border-radius:4px;
	/*border:1px solid #374151;*/
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#334155;
	transition: background 0.18s, transform 0.28s;
	z-index: 10;
}
.toggle-btn i.back{
	display:block;
}
.toggle-btn i.out{
	display:none;
}
.toggle-btn:hover {
	background: #f8fafc;
	border-color: #94a3b8;
	color: #1e293b;
}

/* 사이드바 collapsed 상태 */
header.sidebar.collapsed {
	width: 56px !important;
}
header.sidebar {
	transition: width 0.28s cubic-bezier(.4,0,.2,1);
	overflow: hidden;
}
.toggle-btn.collapsed i.back{
	display:none;
}
.toggle-btn.collapsed i.out{
	display:block;
}

/* collapsed 시 텍스트 숨김 */
header.sidebar.collapsed .nav-label,
header.sidebar.collapsed .logo-text,
header.sidebar.collapsed .collapsible-content,
header.sidebar.collapsed .sidebar-footer-text {
	opacity: 0;
	width: 0;
	overflow: hidden;
}
/* ── 사이드바 transition ── */
#sidebar {
	transition: width 0.28s cubic-bezier(.4,0,.2,1);
	overflow: hidden;
	position: relative;
}
#sidebar.collapsed {
	width: 56px !important;
}


/* ── collapsed 시 숨길 것들 ── */
#sidebar.collapsed .collapsible-content,
#sidebar.collapsed .p-4.space-y-2 {
	opacity: 0;
	pointer-events: none;
}

/* 메뉴 텍스트 숨김 (아이콘은 유지) */
#sidebar.collapsed #snb a span:not(.inline-block),
#sidebar.collapsed #snb a .depth-label,
#sidebar.collapsed #snb .depth-2,
#sidebar.collapsed #snb ul ul {
	display: none;
}

/* 매장명 숨김 */
#sidebar.collapsed .collapsible-trigger span.text-lg {
	display: none;
}

#sidebar.collapsed #snb a,
#sidebar.collapsed #snb > ul > li > a {
	justify-content: center;
	padding-left: 0;
	padding-right: 0;
}
#sidebar {
	position: relative;
	transition: width 0.28s cubic-bezier(.4,0,.2,1);
	overflow: visible !important; /* 버튼이 밖으로 나와야 해서 */
}

/* overflow visible이면 내부 스크롤이 안되니 snb에만 hidden */
#snb {
	overflow: hidden;
}

/*.toggle-btn {*/
/*	position: absolute;*/
/*	top: 15%;*/
/*	right: -12px;          !* 사이드바 경계선에 걸침 *!*/
/*	!*transform: translateY(-50%);*!*/
/*	width: 24px;*/
/*	height: 24px;*/
/*	border-radius: 50%;*/
/*	background: #475569;*/
/*	border: 1px solid #64748b;*/
/*	cursor: pointer;*/
/*	display: flex;*/
/*	align-items: center;*/
/*	justify-content: center;*/
/*	color: #cbd5e1;*/
/*	transition: background 0.18s, transform 0.28s;*/
/*	z-index: 50;*/
/*}*/
/*.toggle-btn:hover { background: #64748b; color: #fff; }*/

/*#sidebar.collapsed .toggle-btn {*/
/*	transform: translateY(-50%) rotate(180deg);*/
/*}*/